/* Allgemeine Styles */
#body-backup {width:980px; font: 0.90em verdana, arial, sans-serif; color:#000000; background-color:#ffffff; _text-align:center; background-image:url(background.jpg); background-repeat:repeat-x;  margin:0px;}
#body-uralt {font: 0.80em verdana, arial, sans-serif; color:#333333; background-color:#2D77A8; background-image:url(background_aussen.gif); background-repeat:repeat-x; _text-align:center; margin:3px}
body {width:980px; font: 0.85em verdana, arial, sans-serif; color:#300000; _text-align:center; background-color:#3399CC; background-image:url(background.gif); background-repeat:repeat-x; margin:0px;}
#body_hintergrund {width:960px; position:relative; top:-80px; background-image:url(unten_hintergrund3.gif); background-repeat:no-repeat;}
td{align:top;}


a {text-decoration:none; color: #09408B;}
div.center,tr,td {width:980px; margin:0px auto; _text-align:center; overflow:visible;}
div.left {align:left;}
/*div.right {margin-left:30px; width:600px;}*/
div.right {width:600px;}
div.right1 {margin-left:30px; width:260px;}
div.oben {margin-top:-14px;}
div.box_right {margin-left:70px;}
div.box_right2 {margin-left:50px;}
div.sub {margin-top:10px;}
td.kontakt {font: 0.9em verdana, arial, sans-serif; _text-align:center; margin:3px}

h1 {font-family: Trebuchet MS, trebuchet, verdana, sans serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 100%;
  color: #000066;
}

h2 {
  font-family: Verdana;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  line-height: 100%;
  color: #EB810F;
}


/* Styles für die Strukturierung des Layouts */
#blockbereich2 {height:167px; margin:0px auto; _text-align:left; overflow:visible;}
#blockbereich {align:center; width:980px; margin:0px auto; _text-align:left; overflow:visible;}
#inhaltsbereich {position:relative; top:-155px; width:980px; background-image:url(inhalt_background.gif); background-repeat:repeat-y;}

/* Logo-Positionierung */
#logo_backimg {width:980px; height:167px; background-image:url(titel.gif); background-repeat:no-repeat;}
div.logo_oben {position:relative; left:565px; position:relative; top:-165px;}
div.menu_oben {font: 11px verdana, arial, sans-serif; color:#FFFFFF; height:10px}
div.menu_oben a {font: 11px verdana, arial, sans-serif; color:#FFFFFF; text-decoration:none; }
div.menu_oben a:hover {font: 11px verdana, arial, sans-serif; color:#666600; text-decoration:none; }
#menu_pos {position:relative; left:560px; position:relative; top:-165px;}
div.logo_mitte {position:relative; top:-80px;}

/* Content-Positionierung */
#content_hintergrund {position:relative; left:260px; top:0px; }
#web_content1 {width:620px;}
#web_content a {font: bold 0.9em verdana, arial, sans-serif; text-decoration:none; color: #008e55; }/*#333333;*/
#web_content a:hover {font: bold 0.9em verdana, arial, sans-serif; text-decoration:underline; color: #008e55; }/*#333333;*/
#web_content {position:relative; left:20px; font: 0.90em verdana, arial, sans-serif; color:#333333; line-height:160%;}
div.headline {font: 20px verdana, arial, sans-serif; color: #000066; display: inline; line-height:100%;}


/* Menu-Positionierung */
#menu_content {position:relative; left:50px; position:absolute; top:55px; width:200px;}
#menu_content2 {position:relative; left:70px; position:absolute; top:55px; width:260px;}

/* Styles zur Verwendung im linken Hauptmenü und Textfeld */	

/* Hauptüberschrift im Menü + Fettdruck */	
div.menu_titel {font: bold 14px verdana, arial, sans-serif; color: #cccc00; display: inline; line-height:150%;}
div.services {font: bold 14px verdana, arial, sans-serif; color: #cccc00; display: inline; line-height:150%;}

div.menu_ueberschrift {font: 10px verdana, arial, sans-serif; color: #666666; display: inline; line-height:150%;}
div.menu_ueberschrift a {color: #666666;}
div.menu_ueberschrift a:hover {font: 10px verdana, arial, sans-serif; color: #000066; display: inline; line-height:150%;}
/* Hauptüberschrift im Menü + Fettdruck */	
div.menu_ueberschrift_mark {font: bold 10px verdana, arial, sans-serif; color: #000066; display: inline; line-height:150%;}
div.menu_ueberschrift_mark a {color: #000066;}
div.menu_ueberschrift_mark a:hover {color: #000066;}
/* Hauptüberschrift im Menü ohne Fettdruck*/	
div.menu_ueberschrift2 {font: 10px verdana, arial, sans-serif; color: #666666; display: inline; line-height:150%;}
div.menu_ueberschrift2 a {color: #666666;}
div.menu_ueberschrift2 a:hover {text-decoration:underline;}
/* Hauptüberschrift im Menü ohne Fettdruck*/	
div.menu_ueberschrift2_mark {font: 10px verdana, arial, sans-serif; color: #666666; display: inline; line-height:150%;}
div.menu_ueberschrift2_mark a {text-decoration:underline; color: #666666;}
div.menu_ueberschrift2_mark a:hover {text-decoration:underline;}
div.menu_abstand {margin-top:-5px;}

#logo_link {position:absolute; top:45px; }
#wechselbild {position:relative; left:535px; top:-166px;}
#wechselbild2 {position:relative; left:535px; position:relative; top:-133px;}

#menu_hintergrundbild-loesch a:hover {position:relative left:-30px; background-image:url(pfeil.gif); background-repeat:no-repeat;}


#fuss_div {position:relative; left:0px; position:relative; top:-195px;}
#fusszeilenleiste {position:relative; left:237px; top:-61px; font: 10px verdana, arial, sans-serif; text-decoration:none; color: #999999; }
#fusszeilenleiste4 {position:relative; left:286px; top:-48px;font: 10px verdana, arial, sans-serif; text-decoration:none; color: #FFFFFF; }

#fusszeilenleiste4 a {color:#EB810F;}


#fusszeilenleiste a {font: bold 11px verdana, arial, sans-serif; text-decoration:none; color: #FFFFFF;}
#fusszeilenleiste2 {position:relative; top:-93px; background-image:url(fuss3.gif); background-repeat:repeat-x;}
#fusszeilenleiste3 {position:relative; top:-180px;}
#fusszeilenleiste4-ddfdf {position:relative; left:480px; top:-63px;}
#fuss_hintergrund {position:relative; top:-0px;}


#test {margin-left:25px; margin-top:-20px; width:100px; background-color: #333333 }
#test a:hover{background-image:url(pfeil.gif); background-repeat:no-repeat;}





#positionierung {position:relative; left:0px; top:80px;}
div.box_right2 {margin-left:50px;}
#content_hintergrund_backup {position:relative; left:290px; position:absolute; top:0px;}
#menu_content_backup {position:relative; left:0px; top:0px; width:260px;}



/* Styles für die Strukturierung des Layouts */

#positionierung {position:relative; left:0px; top:0px;}
/* Rahmen für den Menüinhalt */



/* Rahmen für den gesamten Inhaltsbereich */
#web_content_zusatzfenster {background-image:url(zusatzfenster-mitte.gif); background-repeat:repeat-y;}
#web_content_zusatzfenster a {font: bold 0.9em verdana, arial, sans-serif; text-decoration:none; color: #09408B; }
#web_content_zusatzfenster a:hover {font: bold 0.9em verdana, arial, sans-serif; text-decoration:underline; color: #09408B; }
#web_fuss {position:relative; left:0px; position:relative; top:0px; width:660px;}


/* Logo */
#sub_block0 {position:relative; top:0px; align:left;}
#sub_block1 {left:0px; top:0px; width:40px; height:0px;}

/* Rahmen für den gesamten Menübereich */
#menu_rahmen {position:relative; left:280px; top:-74px; width:99px;}

/* Rahmen für die gesamte Fussleiste */
#fussleiste {position:relative; left:-340px; position:absolute; bottom:0px;}
/* Logo rechts unten beim Menü */
#menu_logo {position:relative; left:0px; top:0px; width:99px; height:570px;}



/* Hauptüberschrift im Textfeld*/	
div.abstand {margin-top:6px;}
div.abstand2 {margin-top:10px;}
div.abstand3 {position:relative; left:0px; top:-16px; margin-left:44px}
div.abstand4 {margin-top:-15px;}
div.fusszeile {font: 0.9em trebuchet MS, arial, sans-serif; color: #FFFFFF; display: inline; line-height:150%;}

/* Rahmen für das untere Zusatzfenster */
div.zusatzfenster-rechts2 {position:absolute; left:350px; position:absolute; top:430px;}
div.zusatzfenster-rechts {position:relative; left:340px; position:relative; top:-250px;}

/* Styles für die Strukturierung des WebEdition Eingabefeldes */	
div.wysiwyg table {border:0; border-spacing:3px; border-color:#CCCCCC}
div.wysiwyg td {margin:2px; font: 0.80em verdana, arial, sans-serif; color:#333333; line-heihgt: 1.4em}
div.wysiwyg th {margin:2px; text-align:left; font: 0.80em verdana, arial, sans-serif; color:#333333;}
div.wysiwyg hr {color: #e5effa;}
div.wysiwyg table.tof1 {border:0px; border-spacing:0px;}
div.wysiwyg table.tof1 td {margin:2px;}
div.wysiwyg table.tof1 th {margin:2px;} 
div.wysiwyg img {color:#CCCCCC}


/* Styles für den Tabellenrahmen im Text*/


.eol_vww_table1 {
border-collapse: collapse;
border-top: 2px #999999;

padding: 7px;

 }

.eol_vww_table1 tr td{
  padding: 7px; border: solid 1px #bac7cc;
}
.eol_vww_table1 th{
  padding: 8px; border: solid 1px #bac7cc;
}

.eol_vww_table1 TD#lRand{ background: white; border: solid 1px #bac7cc; border-left: 4px groove #3399cc; horizontal-align: right; padding: 7px; vertical-align: top;}

.eol_vww_table1 TD#rRand {border-collapse: collapse; background: white; border: solid 1px #bac7cc; border-right: 4px groove #3399cc; horizontal-align: right; padding: 7px;vertical-align: top;}

.eol_vww_table1  TH#lRand {background: white; border: solid 1px #bac7cc; border-left: 4px groove #3399cc; horizontal-align: right; padding: 8px; font-weight:bold; vertical-align: top; }

.eol_vww_table1 TR{border: solid 1px #abbdc1;  horizontal-align: right; vertical-align: top; }

.eol_vww_table1  TH#rRand {background: white; border: solid 1px #bac7cc; border-right: 4px groove #3399cc; horizontal-align: right; padding: 8px; font-weight:bold; vertical-align: top;}

.eol_vww_table1 th#Mitte{padding: 8px; font-weight:bold; vertical-align: left;}

.eol_vww_table1 CAPTION{background: #219ec7; border-left: groove 4px #3399cc; border-right: 4px groove #3399cc; border-top: groove 4px #3399cc; border-bottom: 1px #abbdc1; padding: 8px; vertical-align: top;}

.eol_vww_table1 td#ende{border-bottom: 4px groove #3399cc;}

.eol_vww_table1 td#lende{background: white; border: solid 1px #bac7cc; border-left: 4px groove #3399cc; horizontal-align: right; padding: 7px; vertical-align: top; border-bottom: 4px groove #3399cc;}
.eol_vww_table1 td#rende{border-collapse: collapse; background: white; border: solid 1px #bac7cc; border-right: 4px groove #3399cc; horizontal-align: right; padding: 7px;vertical-align: top; border-bottom: 4px groove #3399cc;}

/* Ausrichtung der Bilder im Text*/

.bildtext {
float: right; border: solid 1px #bac7cc; margin-bottom: 80px; margin-top: 2 px; margin-left: 20px; border: 2px solid #999999;}

.bildtext2 {
vertical-align: right; border: solid 1px #bac7cc; margin-bottom: 80px; margin-top: 2 px; margin-left: 20px; border: 2px solid #999999;}

.bildtext3{
float: right; border: solid 1px #bac7cc; margin-bottom: 40px; margin-top: 2 px; margin-left: 20px; border: 2px solid #999999;}

/*formular*/
form {backgroundcolor: #eeeeee; width: 95%; padding: 20px; border: 4px groove #3399cc; margin-left: 8px; display:block }
label { cursor: pointer; margin-left:8px; width: 170px;}
label, input, textarea{float: left; }
form br{clear: left;}
input#nachname, #vorname, #znr, #kdn, #stand, #datum, #strasse, #ort, #email, #tel, #firma, #code{ width:140px; border: solid 1px #bac7cc;}
input#plz, #hsnr, #abdatum{ width: 140px; border: solid 1px #bac7cc;}

input#submit{border: outset 1px #bac7cc; background-color:#3399cc; font-weight:bold; margin-left:8px; color:#223333, padding: 3px;}
input#nachname:focus, #vorname:focus, #hsnr:focus, #strasse:focus, #ort:focus, #plz:focus, #kdn:focus, 
#znr:focus, #abdatum:focus, #stand:focus,#email:focus, #tel:focus, #firma:focus, #code:focus, #anfrage:focus,  textarea:focus{background-color:#ffffff; }


td, th{text-align:left;}

/*Inline patch IE*/
* html .bildtext{float: right; border: solid 1px #bac7cc; margin-bottom: 80px; margin-top: 2 px; margin-left: 40px; border: 1px solid #999999; }
* html .bildtext2{vertical-align: right; border: solid 1px #bac7cc; margin-bottom: 80px; margin-top: 2 px; margin-left: 40px; border: 1px solid #999999; }
* html .bildtext3{float: right; border: solid 1px #bac7cc; margin-bottom: 40px; margin-top: 2 px; margin-left: 40px; border: 1px solid #999999; }
* html .eol_vww_table1 td#rende{border-bottom: 3px groove #3399cc; border-right: 3px groove #3399cc;} 
* html .eol_vww_table1 td#lende{border-bottom: 3px groove #3399cc; border-left: 3px groove #3399cc;} 
* html .eol_vww_table1 td#ende{border-bottom: 3px groove #3399cc; } 
* html .eol_vww_table1 td#lRand, {border-left: 3px groove #3399cc;} 
* html .eol_vww_table1 td#rRand, {border-right: 3px groove #3399cc;} 
* html input#submit{border: outset 1px #bac7cc; background-color:#3399cc; font-weight:bold; margin-left:10px; color:#223333, padding: 3px;}
* html .eol_vww_table1 th#lRand{border-left: 3px groove #3399cc;} 
* html .eol_vww_table1 th#rRand{border-right: 3px groove #3399cc;} 
* html .right form {backgroundcolor: #eeeeee; width:600px; padding: 20px; border: 4px groove #3399cc; margin-left: 8px; }


form.suche {border:none; margin:0px; }
