body { color: #505050; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; background-attachment: fixed; }
.class { color: #7c5d7d; text-align: left; max-width: 350px; max-height: 150px; border: solid 1px #57005a; }
.class p { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; padding-left: 150px; border-width: 0; }
.class a { color: #7c5d7d; font-weight: bold; text-decoration: none; width: 160px; float: left; }
.class a:hover { text-decoration: underline; }
/*Header*/
.head { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #81a2e5; background-image: url(../bilder/hintergrund.jpg); background-repeat: repeat-x; background-position: left top; width:100%; height: 110px; border-top: 1px solid #505050; border-bottom: 1px solid #505050; border-right-width: 0; border-left-width: 0; }
.head1 { background-image: url(../bilder/oben_links.jpg); background-position: left top; width: 650px; height: 110px; float: left; }
.head_rechts { background-image: url(../bilder/oben_links.jpg); background-position: left top; width: 250px; height: 110px; float: right; }
.head p{ color: #7c5d7d; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; height: 60px; float: left; padding-left: 20px; }
#head_r { text-align: right; margin-right: 185px; }
#head_l { text-align: left; float: left; margin-left: 20px; }
.link { padding-left: 10px; border-left: 1px solid #505050; }
.link a { color: #5e5e9f; font-size: 15px; text-decoration: none; }
.link a:hover { color: #5e5e9f; text-decoration: underline; }
.oa { color: #505050; background-color: #fff; width: 700px; border: solid 5px #ccf; }
.bg { background-image: url(../bilder/bg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; }
h4 { color: #4c4c4c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.textlink{  }
.textlink a { color: #368ad2; font-size: 12px; text-decoration: none; }
.textlink a:hover { text-decoration: underline; }
/*Links an der linken Seite*/
#ueberschrift { text-align: left; margin-top: 10px; margin-bottom: 30px; margin-left: 4px; }
#ueberschrift a { color: #933; font-size: 12px; font-weight: bold; text-decoration: none; }
#ueberschrift a:hover { text-decoration: underline; }
#sidelink { text-decoration: none; float: left; margin-left: 4px; }
#sidelink a { color: #4c4c4c; font-size: 12px; text-decoration: none; text-align: left; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; width: 130px; float: left; border-bottom: 1px solid #4c4c4c; }
#sidelink a:hover { color: #505050; font-weight: bold; border-bottom: 1px solid #4c4c4c; }
#bild { background-image: url(../bilder/massage.jpg); background-repeat: no-repeat; }
/*Obere Linkleiste*/
.head2 { background-color: #3665bf; width:100%; float: left; border-bottom: 1px solid #505050; }
#header_r { text-align: center; width: 100%; float: left;;; }
#header_r a { color: #ccf; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #3665bf; text-decoration: none; text-align: left; float: left; padding: 5px 10% 5px 2%; order-right-style: solid; order-top-style: solid;; }
#header_r a:hover { color: #fff; text-decoration: none; }
/*allgemeine Container*/
.colcont_40B510 { width: 100%; float: left; margin-top: 30px; }
.colboxleft_40B510 { background: #fff url(../bilder/hintergr_all.jpg) repeat-x center top; text-align: left; width:150px; height:1000px; float:left ; border: solid 1px #505050; }
.colboxright_40B510 { font-size: 12px; background-color: #fff; background-image: url(../bilder/hintergr_all.jpg); width:300px; height: 1000px; float:right ; border: solid 1px #505050; }
.colboxmiddle_40B510 { font-size: 12px; background: #618bdf url(../bilder/hintergr_all.jpg) repeat-x center top; text-align: left; width:auto; height: 1000px; min-height: 600px; margin-left:170px; margin-right:320px  ; border: solid 1px #505050; }
.colboxmiddle_40B510 p { float: left; }
/*Rechte Spalte bei Animationen*/
#animation_right { color: #4c4c4c; background-color: #fff; background-image: url(../bilder/hintergr_all.jpg); background-repeat: repeat-x; background-position: 0 top; text-align: left; width: 380px; height: 985px; float: right; padding-top: 15px; padding-left: 10px; border: solid 1px #505050; } 
#animation_right ul{ font-size: 11px; padding-right: 10px; padding-bottom: 20px; list-style: none; }
#animation_right li { font-size: 11px; list-style: none; padding-right: 10px; padding-bottom: 20px; display: block; }
h3 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 20px; }
h1 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 10px; }
h2 { color: #505050; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; }
/*Übersicht der Animationen - Container*/
.box { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #618bdf url(../bilder/hintergr_all.jpg) repeat-x left top; width:auto; height:1800px; margin-right: 10px; margin-left: 170px; border: solid 1px #505050; }
.headtop { background-image: url(../bilder/was_ist_o.jpg); border: solid 1px #505050; }
.headtop p { padding-right: 15px; padding-left: 15px; }
.contain { font-size: 12px; margin: 15px 8px 3px 165px; }
.contain a { color: #3665bf; font-size: 14px; font-weight: bold; text-decoration: none; }
.contain a:hover { text-decoration: underline; }
.boxrechts { background-color: #e1e7db; width:400px; height: 600px; float: right; border-top: 2px solid #59793c; border-right: 2px solid #59793c; border-bottom: 2px solid #59793c; }
/*Übersicht der Animationen Text/Bild Boxen*/
.textbox { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 35px; margin-left: 35px; }
.kltextbox { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 35px; margin-left: 35px; }
h4 { font-size: 14px; font-weight: bold; margin-top: 10px; }
.textbox p { color: #4c4c4c; font-size: 12px; margin-top: 30px; margin-right: 20px; margin-left: 160px; }
.textbox a { color: #3672b7; font-size: 12px; text-decoration: none; }
.textbox a:hover { text-decoration: underline; }
.textbox li { list-style-type: disc; list-style-position: inside; display: list-item; }
/*Textboxen für Impressum/Kontakt/Über Mich*/
.textinhalt { color: #505050; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-left: 30px; }
.textinhalt p { color: #505050; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.textinhalt a { color: #4692bf; text-decoration: none; }
.textinhalt a:hover { text-decoration: underline; }
/*impressum*/
.impressum { color: #505050; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 35px; }
/*Animationen-Überschrift*/
.uebersicht { }
/*Seminar*/
.seminar { font-weight: bold; background-repeat: no-repeat; background-position: left top; width: 100%; height: 120px; float: left; }
/*Liste bei Lebenslauf*/
#liste { margin-right: 35px; margin-left: 35px; }
h2 { font-size: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; }
#liste ul { list-style-type: none; }
#liste li {  }
/*fusszeile*/
#footer { background-color: #fff; width: 100%; text-align: center; height: 70px; margin-top: 20px; }
#footer a { color: #618bdf; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; text-decoration: none; margin-top: 20px; margin-right: 20px; margin-left: 20px; padding-top: 20px; }
#footer a:hover { text-decoration: underline; }
.jens_bild { margin-top: 20px; margin-right: auto; margin-left: 50px; }