/* -------------------H T M L - T A G S----------*/

body { width: 100%; background-color: #fff; background: url(../images/layout/fuellbereich.jpg) repeat; padding: 0; margin: 5px 0 0; top:0; text-align: center;color:#666; }

body, h1, h2, h3, h4, h5, h6, div, span, p, ul, dl, ol, li, dd, dt, table, tr, th, td, textarea, select, option, input, label {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
}
#main{ width:900px; text-align: center; border: 2px solid #fff;}

p { margin: 5px 0 5px 0; }
select option{background-color: #ffffff; color:#000080;}

h1 { font-weight: bold; font-size: 15px; line-height: 23px; width: 95%; margin: 0;;
	padding: 3px 8px 3px 0; white-space: nowrap; background-color: #ffffff; }
h2 {  
	font-size: 12px; 
	line-height: 16px;
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 0;
}

h3 { 
	font-weight: bold;
	font-size: 12px; 
	line-height: 17px;
	margin: 62px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


.textgr {
	color: #D1D3D4;
	font-size: 12px;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
}

.textrtb {
	color: #B41045;
	font-weight: bold;
	font-family: Arial,  Helvetica, Verdana, Tahoma, sans-serif;
	}


/* - - - - - - - - - -Links - - - - - - - - - */

a, a:link { color: #006; font-weight: normal; text-decoration: underline; cursor:pointer;}

a:visited { color: #006; font-weight: normal;  text-decoration: underline; }

a:hover { 
	color:#494848;
	font-weight: bold;
	text-decoration: underline;

}

/* - - - - - - - - - -Formular- - - - - - - - - */

select { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}


textarea { 
	color: #000000; 
	background-color: transparent; 
	border: solid 1px #520000; 
	}

/* - - - - - - - - - -Aufzaehlung- - - - - - - - - */

ul { 
	
	margin-bottom: 1px; 
	margin-top: 1px;
	}

ul.rot { 
	
	margin-bottom: 1px; 
	margin-top: 1px;
	}

li { 
	margin-left: -18px;
	margin-right: 20px;
	margin-bottom: 2px;
	}


.button {text-decoration: none; padding: 3px 6px 3px 3px; color:#000080; background-color: #ffcc99; line-height: 22px; border: solid 1px #ff6600;}
.button_anfahrt{padding:3px 5px 3px 5px; cursor:pointer;}
.button_anfahrt:hover{color:#fff;background-color:#666;border:2px solid #ccc;
}
/* ----------------------L O G O-------------------------*/

#LogoLeiste { width:100%; height: auto; text-align:right; margin:auto;  color:#cccccc;  }
	
.TopLine01
{ background-color: #fff; width:100%; height:1px; border-bottom:1px solid #cccccc; }
.TopLine02
{
width: 100%; height: 1px; }

.TopLinks
{ text-align: right;
 padding:1px 2px 0 1px; color: #ffffff; font-weight:normal; width: 100%; height: 20px; }
.TopLinks a:link { 
	color: #cccccc;
	text-decoration: none;font-weight:normal;
}

.TopLinks a:visited { 
	color: #cccccc;
	text-decoration: none;
	font-weight:normal;
}

.TopLinks a:hover { 
	color: #cccccc;
	text-decoration: underline;
	font-weight: normal;
}

.TopLinks a:focus { 
	color: #cccccc;
	text-decoration: none;
	font-weight: normal;
}
.TopLinks a:active { 
	color: #cccccc;
	text-decoration: none;
	font-weight: normal;
}

.TopLine04 /* Rahmen um Logo etc. */
{color: #000080; background-color:transparent;  margin:0; padding:0; width:100%; border-right:1px solid #ccc;border-left:1px solid #ccc;}
.backtitel{ white-space:pre;background-color:#ffffff;}
.backtitel img{position:relative; top:0; }

.TopLogo, TopLogo a{ 
	padding: 0; 
	left:0; width:115px; height:115px; 
	vertical-align: top; border:solid 1px red; text-align: center;}

.TopLine05 
{
  /* SLOGAN  */
  width: 510px; height:22px; color:#000080; 
  text-align:left; border:solid 1px green; vertical-align: top; 
  padding: 0 0 0 140px; margin:0; }     
  
.TopRight {
 
 text-align: right;
 top:0px;width:310px; height:95px; float:right;padding:0 1px 0 0;
 }  

.TopMiddle { 
   width:180px; height:20px; 
   color: #006;white-space: nowrap;	
	font-weight: bold; text-align:left;margin:100px 200px 0 200px;
}

/* -------------------M A I N----------*/

#mainContent {
	width:898px;
	text-align:left; 
	vertical-align: top;
	margin:auto;
	background-color:#dfe9f2; 
	
	/*overflow:hidden;	*/

}
.colboxNavi {width:200px; float:left; background-color:#c6def4;  }

.colboxContentTop {background-color: #c6def4; width:100%; margin-left:200px; height:4px;}
.colboxContent {background-color: #ffffff; width:100%; padding: 5px 30px 15px 8px; margin: 0 0 0 200px; vertical-align: top; height:auto;}

.colboxleft { border-right:0px solid #ffffff;width:140px; height:100%;float:left;background-color:#def4ff; }
.colboxright { border-right:1px solid #ffffff;  float:right; text-align: right; height:100%;padding:0 0 0 0; }
.colboxmiddle { width:auto;  margin-right:140px; padding:5px 0 15px 0;height:100%;/*margin-left:285px;*/
}

.contentbox { width:140px; height: auto; margin: 0 5px 0 0; float:left; padding-right: 10px; }
.contentboxRight { width:140px; height: auto; margin: 0 5px 0 0; float:right; padding-right: 10px; }
.contentTextRight{
margin:0 0 0 160px; padding-right:5px;
}  
.contentboxImg
{

 width:140px; float:left; height:auto; margin-top: 8px; margin-bottom: 2px;
}
.contentboxText
{ color: #369; float:left; font-size: 90%; width:135px; margin: 0 0 20px 0; padding:0 0 2px 0; height:auto; font-weight:bold; line-height: 105%; vertical-align: top; text-align: left; }
.contentboxText a{color: #369;font-size:100%;}
.contentboxText a:hover{color: #666;}
.contentboxLink
{width:200px; height:20px;/*220px;*/margin:5px 10px 0 0; 
 }
.contentboxLink a, contentboxLink a:visited, .contentboxLink a:link, .contentboxLink a:active
{color: #666;text-decoration: underline; font-weight: bold;}

.contentboxLink a:hover
{color:#c39;}	

#uebersicht { border-top: 1px solid #000080;}
#uebersicht td{ margin: 5px 5px 5px 0; padding: 5px 0; border-bottom: 1px solid #000080;vertical-align: middle; }
#uebersicht-sub td{ margin: 5px 5px 5px 0; padding: 5px 0; border-bottom: 1px solid #000080;vertical-align: top; }
#uebersicht table td {border:none;padding:2px 0;}
.uebersicht { border-top: 1px solid #000080;}
.uebersicht td{ margin: 5px 5px 5px 0; padding: 5px 0; border-bottom: 1px solid #000080;vertical-align: middle; }
/* -------------------F u s s z e i l e ----------*/



#AdressLeiste { 
/*width:800px;margin:auto;*/
 height: auto;  background-color: #dfe9f2; text-align: center;
	overflow:hidden; border-top: 1px solid #ccc; padding: 8px 0 8px 25px;	
	width:auto;font-size: 11px; }

.Adresse ,.Adresse div, .Adresse td{
	font-size: 11px;
	color: #000080;	
	text-decoration: none;
	
}

.Adresse a:link { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:visited { 
	color: #cccccc;	
	text-decoration: none;
}

.Adresse a:hover { 
	color: #000080;
	text-decoration: underline;
}

.Adresse a:focus { 
	color: #cccccc;	
	text-decoration: none;
}
.Adresse a:active { 
	color: #cccccc;	
	text-decoration: none;
}
/*----------------------------------------------*/

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clear {
	clear:both;

}

.clearRight {
	clear:right;
}

.clearLeft {
	clear: left;
	
}
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* - - - - - - - - - - M E N U E - - - - - - - - - */

.LevelLine
	{ background-color: white; background-image: url(../images/1x1.gif); border:solid 1px #fff;height: 1px;    
	
	}
.fstLevel  
	{ width: 190px; vertical-align:top;      
	font-weight:normal; text-align: left; color: #000080; display: block; font-size:12px; margin: 2px 2px 2px 0; padding: 2px 0 2px 0; border-bottom: 1px solid #fff; }
	
.fstLevel a
	{
	text-decoration: none;
	color: #000080; display: block;width: 100%;
	}
.fstLevel a:link, .fstLevel a:visited, .fstLevel a:hover,.fstLevel a:focus, .fstLevel a:active
	{
	text-decoration: none;color: #000080; border-left: 8px solid #c6def4;;/*#dfe9f2;*/font-weight:normal;padding: 2px 2px 2px 0px;display: block;
	}
.fstLevel a:hover,.fstLevel a:focus, .fstLevel a:active
	{ text-decoration: none; color: #000080; border-left: 8px solid #fff; font-weight: bold; padding: 2px 2px 2px 0px; display: block;}
.fstLevelActive
	{
    width: 190px;
	vertical-align:top;
	font-weight:bold;
	text-align: left;
	color: #000080;
	display: block;
	font-size:12px;
    text-decoration: none;
    margin: 2px 0 0 0; padding-bottom: 1px; border-bottom: 1px solid #fff;
	}
.fstLevelActive a
	{
    border-left: 8px solid #fff; color:#000080; text-decoration: none; font-weight: bold; padding: 2px 0 2px 0;
    background-color: white; width: 100%; display: block;
	}
.fstLevelActive a:link, .fstLevelActive a:visited, .fstLevelActive a:hover, .fstLevelActive a:focus, .fstLevelActive a:active
	{text-decoration: none; font-weight: bold;
   
	}

.secLevel
	{text-align: left; padding: 2px 0 2px 12px;    
    margin: 0; color:#000080; font-weight: normal; display: block; font-size:12px; border-left: 8px solid #dfe9f2;}
    
.secLevel a
	{ color:#000080; text-decoration: none; font-weight: bold; display: block; background-color: #fff; 
	width: 180px; }
        
.secLevel a:link, .secLevel a:visited
	{
    font-weight:normal;
    color:#000080;text-decoration: none;
	}
.secLevel a:hover, .secLevel a:focus, .secLevel a:active
	{
    font-weight:bold;
    color:#000080;text-decoration: none;
	}

.secLevelActive
	{text-align: left; padding: 1px 0 1px 12px; 
	margin: 0;color: #000080; 
    font-weight:bold;  display: block; font-size:12px; border-left: 8px solid #ccc;}
    
.secLevelActive a
	{text-decoration: none; width: 180px; }
.secLevelActive a:link, .secLevelActive a:visited
	{
    font-weight:bold;
    color:#000080;text-decoration: none;
    
	}
.secLevelActive a:hover, .secLevelActive a:focus, .secLevelActive a:active
	{
    color:#000080;
    font-weight:bold;text-decoration: none;
	}

/*----------3. Untermenü -----------*/	
.orangeline{ padding-left:10px; }

.trdlevel
	{ text-align: left; padding: 2px 0 2px 18px;  background-color:#ffffff;    /*padding:innen,margin:aussen, ob,re,un,li*/
    margin: 0; color:#000080; font-weight: normal; display: block; font-size: 12px; border-left: 18px solid #dfe9f2; border-bottom: 1px solid #ccc;}
    
.trdlevel a
	{ text-decoration: none;width: 100%; }
        
.trdlevel a:link, .trdlevel a:visited
	{
    font-weight:normal;
    color:#000080;text-decoration: none;
	}
.trdlevel a:hover
	{
    font-weight:bold;
    color:#000080;text-decoration: none;
	}
.trdlevel a:focus, .trdlevel a:active
	{
    font-weight:normal;
    color:#000080;text-decoration: none;
 	}
.trdlevelActive
	{text-align: left; padding: 2px 0 2px 18px; margin: 0 0 0 0;      /*padding:innen,margin:aussen, ob,re,un,li*/
    color:#000080; font-weight:  bold;  display: block; font-size:12px; background-color: #fff; border-left: 18px solid #ccc; border-bottom: 1px solid #ccc; }
    
.trdlevelActive a
	{text-decoration: none;  width:100%;}
.trdlevelActive a:link, .trdlevelActive a:visited
	{
    font-weight:bold;
    color:#000080;text-decoration: none;
    
	}
.trdlevelActive a:hover
	{
    color:#000080;
    font-weight:bold;text-decoration: none;
	}
.trdlevelActive a:focus, .trdlevelActive a:active
	{
    font-weight:bold;
    color:#000080;text-decoration: none;
	}
/*--------- ENDE MENÜ ----------------*/		
	
 .backmain {
 background-color: #ffe172;
  }
#kontaktform
	{ font-size: 0.83em; margin: 0.5em 1em 2em 0; padding: 0.5em; width:95%; background-color:#fff; color: #000000; text-decoration: none; border-color: #eee #cccccc #cccccc #eee; border-style: solid; border-width: 2px; }
#kontaktform textarea{
  background-color: #fff;}

#kontaktform .submit{ font-weight:bold; width: 100px;
            height: 30px;
            margin: 5px;
            cursor:pointer; }

#kontaktform .submit:hover{color:#fff;background-color:#666;border:2px solid #ccc;
}
/*----- sonstige Formatierungen -------------*/
hr {height:2px; width:100%;background-color: #747cc9;  text-decoration: none;}
.balken {display: block; text-align: left; font-weight:bold; font-size:11px; background:#747cc9; color: #ffffff; border: 0px dotted #660000;  padding: 2px; text-decoration: none;}
.balken:hover {display: block; text-align: center;  font-weight:bold; font-size:13px; color: #ffffff; background:#cc0033; border: 0px dotted #660000;  padding: 2px; text-decoration: none;}
.smalltxt {font-size:95%;}
.imgBorder {margin:0 10px 0 0;}
.imgBorderSmall {margin:5px 5px 5px 5px;}
.zitat {color:#000080;font-weight:bold; }
.infoabend{background-color:#336; border-bottom: 2px solid #fff; border-left:1px solid #fff;color: #ccc; margin: 30px 0 0; padding: 5px 3px; height:80px;}
.infoabend a,.infoabend a:link,.infoabend a:visited,.infoabend a:hover , .infoabend a:focus , .infoabend a:active 
    {color:#ffffff;font-weight:normal;text-decoration: none;}
	
.aktion{  margin: 0; padding: 0;}
	
.aktion a,.aktion a:link,.aktion a:visited,.aktion a:hover, .aktion a:focus , .aktion a:active 
    {color:#ffffff;font-weight:normal;text-decoration: none; }

.aktuelles{ background-color: #fc9; border: solid 2px #333366; padding: 3px; margin-bottom: 8px; }

#krazy_container {
     display:block; 
      margin:0 0 0 0;padding:0 0 0 0;
     
     }
/* Inset 3D Raised */
.raised {background: transparent; width:600px; margin:0;}
.raised h1, .raised p {margin:0 1px 0 1px;}
.raised h1{font-size:12px; width:auto;color:#000; letter-spacing:0px;}


.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background-color:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background-color:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background-color:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background-color:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background-color:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background-color:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px 0 5px; background-color:#fff;}
.raised .b2, .raised .b2b {margin:0 3px 0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px 0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px 0 1px;}
.raised .b1b {margin:0 5px 0 5px; background:#999;}
.raised .boxcontent {padding: 5px 5px 5px 5px;display:block; background:#fff; border-left:1px solid #ccc; border-right:1px solid #999;}
.raised .boxcontent p{padding: 5px 5px 5px 5px;}
.raised .boxcontent h2{padding: 5px 0 5px 0;}
.title{ background-color: #ffffff; line-height: 18px; font-size: 12px; width:144px; margin:0 2px;display: block;}

/* Kurzcheck-Formular */
#kurzcheck
{font-size:99%; margin: 0.5em 1em 2em 0; padding: 0.5em; width:95%; background-color:#fff; color: #000000; text-decoration: none; border-color: #eee #cccccc #cccccc #eee; border-style: solid; border-width: 2px; }
#kurzcheck fieldset{margin-bottom: 5px; padding:3px; margin:3px;}
#kurzcheck textarea{
  background-color: #fff; width:90%;}
#kurzcheck legend { font-weight:bold; color:#036; background-color: #fc9; padding:0 2px 0 2px; margin:0 0 5px 0;}

#kurzcheck br {
  clear: left; 
}
#kurzcheck + * {
  clear:left;
}
#kurzcheck input {background-color:#e6e7e8; border:solid 1px #666;}
#kurzcheck .submit{ font-weight:bold; width: 100px;
            height: 30px;
            margin: 5px;
            cursor:pointer; }
#kurzcheck .submit:hover{color:#fff;background-color:#666;border:2px solid #ccc;
}
#kurzcheck .one label { display: block; float: left; width: 70px; text-align:left; margin-left:4px;}
#kurzcheck .one input{
 width: 200px;
  display: block;
  float: left;
  margin-bottom: 4px;
 }

#kurzcheck .two label{width:auto;float:left; display: table-cell; text-align:left;margin:0 0 2px 0; }
#kurzcheck .two input{width:20px; float:left; }

#kurzcheck .four label{width:auto;float:left;display:table-cell; text-align:left; margin-right: 4px; vertical-align: middle;}
#kurzcheck .four input{width:50px; display: block; float: left;height:auto; margin-right: 4px;margin-bottom: 2px; }
#chirurgie {border:1px solid #ccc;}
