/* --- Standardstylesheet co.med ----  */
body {
   margin:0;
	padding:0;
	text-align: center;         
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: black; 
	font-size: small;

	scrollbar-arrow-color:#FFF;
	scrollbar-base-color: #91171F;
	scrollbar-face-color: #91171F;
	scrollbar-track-color: #F2BFBF;
	scrollbar-darkshadow-color: #91171F;
	scrollbar-highlight-color: #91171F;
	scrollbar-3dlight-color: #91171F;

} 



cite { font-weight: bold; font-style: normal; }
h1 { font-size: 130%; font-variant: small-caps;}
h2 { font-size: 110%; font-variant: small-caps;}
h3 { font-size: 100%; font-variant: small-caps; font-weight:bold; margin-bottom:0px; padding-bottom:0px; padding-top:8px; }
p, div { font-size: 11px; }
a { color: gray; }
a:hover {color: orange;  }



#wrapper {
   background-color: White;
   position: absolute;
	left:50%;
	width:960px;
   margin:0 0 0 -480px;
	padding:0;
	text-align: center;
}


#header {
	width: 960px;
   height: 82px;
   padding: 0px;
   margin: 0px;
	background:#fff  url(images/bg_headertop1a.gif) 0px 0px no-repeat; 
}


/*---- Top-Navigation der Hauptbereiche ----------- */
#topnavi { margin:0 0 0 2px; padding:0 0 0 2px;  border: 2px solid #BDBDBD; width: 952px; height:76px; position: relative; text-align: left;}

#topnavi ul { margin:0; padding:0;}
#topnavi ul li  { display: block; float:left; width:230px; height: 76px; list-style: none;  border-right: 2px solid #BDBDBD; 
                     background: #FFF  url(images/bg_topnavi1.jpg) top left repeat-x; position: relative;}


#topnavi ul li a:link,
#topnavi ul li a:visited  {display: block; height: 68px; width:222px;  padding: 4px; text-decoration: none; color: #8D8D8D;
                           font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px;   } 

#topnavi ul li a:hover {background: #FFFFFF  url(images/bg_topnavi1.jpg) 0px  -20px  repeat-x; height: 68px; width:222px;}
										 
										 
/* die Logos unten in den TopNavi-Buttons anzeigen! */ 
#topnavi #M1 em {display: block; width: 72px; height: 31px;  
                  position: absolute; top: 40px; left: 88px;    
                  background:transparent url(images/cm_mini_green.gif) bottom right no-repeat;  }										 
#topnavi #M2 em {display: block; width: 72px; height: 31px;  
                  position: absolute; top: 40px; left: 88px;    
                  background:transparent url(images/cm_mini_red.gif) bottom right no-repeat;  }										 
#topnavi #M3 em {display: block; width: 72px; height: 31px;  
                  position: absolute; top: 40px; left: 86px;    
                  background:transparent url(images/cm_mini_hblau.gif) bottom right no-repeat;  }										 
#topnavi #M4 em {display: block; width: 72px; height: 31px;  
                  position: absolute; top: 40px; left: 86px;    
                  background:transparent url(images/cm_mini_blau.gif) bottom right no-repeat;  }										 

										 
#topnavi #M1 a#tncurrent, #topnavi #M1 a:hover { color: #7F9717; }  
#topnavi #M2 a#tncurrent, #topnavi #M2 a:hover { color: #91171F; }
#topnavi #M3 a#tncurrent, #topnavi #M3 a:hover { color: #0787CC; }
#topnavi #M4 a#tncurrent, #topnavi #M4 a:hover { color: #150185; }

#topnavi #M1 a#tncurrent,
#topnavi #M2 a#tncurrent,
#topnavi #M3 a#tncurrent,
#topnavi #M4 a#tncurrent { background-color: #FFF; height: 68px; width:222px; }

.R1 { position: absolute; left: 882px; top: 84px; width: 76px; height: 76px;  background: url(images/medical-wellness-hotel-head1a.jpg) no-repeat;   }
.R2 { position: absolute; left: 882px; top: 84px; width: 76px; height: 76px;  background: url(images/medical-wellness-hotel-head2a.jpg) no-repeat;   }
.R3 { position: absolute; left: 882px; top: 84px; width: 76px; height: 76px;  background: url(images/medical-wellness-hotel-head3a.jpg) no-repeat;   }
.R4 { position: absolute; left: 882px; top: 84px; width: 76px; height: 76px;  background: url(images/medical-wellness-hotel-head4b.jpg) no-repeat;   }

#SN { padding: 4px; margin:0 0 0 2px; width:950px; text-align: right; color: White; }
#SN a:link, #SN a:visited { text-decoration: none; color: #FFF; }
#SN a:hover { color: Orange;}

#SN { background-color: #91171F; }


#innerwrap {float:left; text-align: left; margin: 0 0 20px 0; padding: 0px; }

/* --- Formatierung der Navigation ---- */
#naviwrap { float: left; width: 178px; margin: 20px 0 0 0; padding:0; background-color: white; }

#navigation {width: 178px; background: #D8D8D8 url(images/bg_navi1.jpg) top left repeat-x; border-left:1px solid  #D8D8D8; border-right: 1px solid #D8D8D8; }

#navigation h2 { font-size: 130%; font-variant: small-caps;}
#navigation h3 { font-size: 110%; font-variant: small-caps;}


#navigation ul#ulmm { margin:0; padding:10px 10px 10px 8px; width: 160px; background: transparent url(images/bg_topnavi1.jpg) bottom left repeat-x; }
#navigation ul#ulmm li { list-style:none; margin: 0; border: 0px;}
#navigation ul#ulmm li a { display: block; width: 152px; border: 0px; text-decoration: none;
                           padding: 6px 0 6px 8px; font-weight: bold; font-size: 11px; color: Gray;  }

#navigation ul#ulmm li a:link,
#navigation ul#ulmm li a:visited { color: gray; }

#default1  #navigation ul#ulmm li a:hover { color: #7F9717; background: transparent url(images/bg_lnavi2a.gif) 0px 0px no-repeat; }
#default2  #navigation ul#ulmm li a:hover { color: #91171F; background: transparent url(images/bg_lnavi1a.gif) 0px 0px no-repeat; }
#default3  #navigation ul#ulmm li a:hover { color: #0787CC; background: transparent url(images/bg_lnavi3a.gif) 0px 0px no-repeat; }
#default4  #navigation ul#ulmm li a:hover { color: #150285; background: transparent url(images/bg_lnavi4a.gif) 0px 0px no-repeat; }
#impressum #navigation ul#ulmm li a:hover { color: #91171F; background: transparent url(images/bg_lnavi1a.gif) 0px 0px no-repeat; }

#default1  #navigation ul#ulmm li { border-bottom: 1px solid #7F9717; }
#default2  #navigation ul#ulmm li { border-bottom: 1px solid #91171F; }
#default3  #navigation ul#ulmm li { border-bottom: 1px solid #0787CC; }
#default4  #navigation ul#ulmm li { border-bottom: 1px solid #150285; }
#impressum #navigation ul#ulmm li { border-bottom: 1px solid #91171F; }
									
#navigation ul#ulmm li a#current { background: transparent url(images/bg_lnavi0a.gif) 0px 0px no-repeat;}

#adress { margin: 20px 0 0 0; padding:0; background: #D8D8D8 url(images/bg_navi1.jpg) top left repeat-x; border-left:1px solid  #D8D8D8; border-right: 1px solid #D8D8D8; }
#adwrap { padding: 6px;background: transparent url(images/bg_topnavi1.jpg) bottom left repeat-x; }
#adress #adwrap h2 { font-size: 12px; margin:0; padding:0; }
#adress #adwrap h3 { font-size: 11px; font-style: normal; font-variant: small-caps; margin:0; padding:0; } 
#default1  #adress #adwrap h2 { color:#7F9717; }
#default2  #adress #adwrap h2 { color:#91171F; }
#default3  #adress #adwrap h2 { color:#0787CC; }
#default4  #adress #adwrap h2 { color:#150285; }
#impressum #adress #adwrap h2 { color:#91171F; }

									
#content { float: right; Width:760px; padding:10px 0 10px 10px; }

#main {	float: left; width: 540px; padding: 10px; position:relative; }
#main ul li { list-style-image: url(images/co-med-wellness-hotel-arrow1.gif)  }

#infos { float: right; width:190px; padding:10px 0 10px 10px; }

/* ---- Infoboxen Rechts ----- */
.box { border:1px solid #91171F; width: 188px; margin: 40px 0 0 0; position: relative;}
.box .logo {position: absolute; width:44px; height:30px; left: 0px; top:-11px;  background: url(images/co-med-wellness-hotel-logo_footer1.gif);  }
.box .itlogo {position: absolute; width:44px; height:30px; left: 0px; top:-11px;  background: url(images/co-med-wellness-infoteaser-logo-1.gif);  }
.box h2 { background-color: #91171F; font-size: 11px; color: white; padding: 4px 0 4px 43px; margin:0;  }
.box .bcont {padding:4px; margin: 0; background: #FFF6DB url(images/bg_box1.jpg) top left repeat-x;}
.box ul { margin:0 0 0 20px; padding: 0; }
.box ul li { font-size: 11px; }
.box ul p { margin: 0px; padding: 0px; }
.box .pfeil { position:absolute; width:26px; height:19px; left:-30px; top:-1px; background: url(images/wellness-hotel-infoteaser-arrow1.gif);}


/*------ Formatierungen für Footer ----------- */
#footer { position: relative; padding: 4px; margin:20px 0; width:952px; text-align: center; color: White;  background-color: #91171F; font-size: 10px; }
#footer a:link, #footer a:visited { text-decoration: underline; color: White;}
#footer a:hover { color: Orange;}
#footerlogo {	position: absolute; width:44px; height:30px; left: 10px; top:-10px;  background: url(images/co-med-wellness-hotel-logo_footer1.gif); }


/*--- Spezialfälle für einzelne Seiten ---*/
#default1 .aeb a:link,
#default1 .aeb a:visited { color:black;}
#default1 .aeb a:hover {color: Orange;}


/*--- Startseite - Lastminute ---*/
#default1 #toptipps { width:180px; height:20px; text-align:center; border:1px solid black; background-color: #EFEFEF; margin:10px 0 0 0;} /*#FEF7DD*/
#default1 #toptipps a:link,
#default1 #toptipps a:visited {text-decoration: none; color: #91171F; font-weight: bold; display: block; width:180px; height: 14px; padding-top:4px; }
#default1 #toptipps a:hover { color: red; background: transparent url(images/bg_lnavi0a.gif);}

/*--- Startseite - Sofort Online Buchen ---*/
#default1 #dirs21 { width:180px; height:20px; text-align:center; border:1px solid black; background-color: #91171F; margin:10px 0 0 0;} /*#FEF7DD*/
#default1 #dirs21 a:link,
#default1 #dirs21 a:visited {text-decoration: none; color: #EFEFEF; font-weight: bold; display: block; width:180px; height: 14px; padding-top:4px; }
#default1 #dirs21 a:hover { color: #FFF; background-color: #F00 ;}


 
#tickertext { margin: 30px 0 10px 0; padding:4px 0; font-weight: bold; background-color: #F3F3F3; position: relative; } 
#tickerlink { position: absolute; left:520px; } 

div.startseite1 {font-size:12px;} 
div.startseite1 ul {padding:0px; margin:0 0 0 40px;}
div.startseite1 ul li { padding:0; margin:0; }


#impressum #main { background: #FFF url(images/bg_impressum1b.jpg) bottom right no-repeat; }

/* Aktuelle Angebote */
#flow {	width:530px; height:460px;	overflow: auto; padding:0 10px 0 0; }
#tblwrap { background: #BFBFBF; width:490px;  }
.tblangebote { width:100%; border:0; top:-3px; left:-4px; background-color: white; margin:0; padding:0px; border-left:1px solid #EFEFEF;  border-bottom:1px solid #BFBFBF; border-right:2px solid #BFBFBF;  }
.tblangebote .trh { background: url(images/bg_topnavi1.jpg) 0px -25px repeat-x;  }
.tblangebote td { padding: 10px 12px 10px 8px;  vertical-align: top; }
.tblangebote td h2  { margin: 0px; padding: 0 0 0 10px;  }

/* Tagungspauschalen */
#tblwrap1, .tblwrap1a  { background: #BFBFBF; width:530px;  }

/*  Mwz - Schwebetherapie-Bad  */
#stbbild7 { position: absolute; left:420px; top: -70px; }
/*  Mwz - Ultraschall-Sonoskin  */
#bild2 { position: absolute; top:400px; left:270px; }
/*  Mwz - Ultraschall-Sonoskin  */
#chup_bild2 { position: absolute; top:-28px; left:360px; }


.preise em, 
#default3 em { font-family: "Courier New", Courier, monospace; font-size: 11px; font-style: normal;  }
.preise #main div { width:50%; }
.preise #main {background: url(images/bg_preise.jpg) bottom right no-repeat; }
	
#anfahrt { width:536px; height:440px; overflow: auto; margin:0 0 20px 0; border: 2px solid #91171F; }	

/* kontakt.asp, newsletter.asp */
.scripthinweis { padding: 8px 8px 8px 108px; font-size: 10px; }

/* kontakt_confirm.asp */
.servalerror {height: 450px; background: transparent url(images/co-med-hotel-form_servervalidate1a.jpg) bottom right no-repeat; }
.sendok      {height: 450px; background: transparent url(images/co-med-hotel-form_sendmailOk.jpg) bottom right no-repeat; }
.senderror   {height: 450px; background: transparent url(images/co-med-hotel-form_sendmailerror2a.jpg) bottom right no-repeat; }

/* Bäderpreise bei Wellness */
.tdpr1 { background: url(images/bg_lnavi0a.gif); }

/* ----- Formatierungen für Formulare -------- */

form {
   width:480px; 
	margin-bottom:20px;
	padding:20px 10px 10px 10px;
   background: #D8D8D8 url(images/co-med-ecke_wg.gif) top left no-repeat; }



fieldset {
   width: 470px;
	margin:0;
	padding: 8px 4px 10px 4px;
  background: #FFF url(images/bg_topnavi1.jpg) 0px 0px repeat-x; 
}

legend {
	font-weight: bold;
	color: Black;
	background-color: #D8D8D8;
	_background-color: transparent;
   padding-left: 16px;
}


form p {
	clear: left;
	margin: 0;
	padding: 2px 0 0 0;
}

form p label {
	float: left;
	text-align: right;
	width: 100px;
	padding:2px 2px 0 0;
}

input.txt, textarea.txt {
	color: Black;
	background-color: #EEEEEE;
	border: 1px solid #91171F;
}

textarea { width: 350px;}

input.txt:focus,
input.txt:hover,
textarea.txt:focus,
textarea.txt:hover,
textarea.txt.iehover,
input.txt.iehover
{
	background-color: #FFFFFF;
}


input.btn {
	color: #fff;
	background-color: #91171F;
	border: 1px outset #D0D0D0; 
	margin: 10px 0 10px 100px; 
	font-weight: bold;  
}

input.btn:focus, input.btn:hover
{
	color: Orange;
}


/*--- Allgemeine Klassen ---- */
.logoccs  { padding: 0 5px 40px 0; }
.clear    {	clear: both; }
.minitext { font-size: 10px; }
.required {	color: Red; margin-right:5px; }
.error    { color: Red; }
.reverse  { background-color: #91171F; color: White; padding: 4px; }
.breadcrumb {	font-size: 10px; color: Silver; }
.center     { text-align: center;}