/* ----------------------------------------------------------------
	www.www.breuer-clown.de  CSS
	Autor: Claudia Fritsche-Henninger
	Version: 22.03.2013
---------------------------------------------------------------- */

*   { /*color: #999999;*/ font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left }

/*Globales Zurücksetzen aller Werte*/
*{
margin: 0px 0px 0px 0px;   /*oben, rechts, unten, links*/
padding: 0px 0px 0px 0px;  /*oben, rechts, unten, links*/
text-decoration: none;     /*keine Hervorhebungen etc. von Schrift*/
font: 11px verdana,arial,tahoma,helvetica,sans-serif; /*Schriftgröße,*/
color: #999;
       }

/*Globaler Hintergrund*/
html, body
{
height: 100%;       /*100% der Bildschirmgröße*/
width: 100%;        /*100% der Bildschirmbreite*/
}


body {
line-height:1em;
background-image: url("images/back_grau.gif");
color:#999;
text-align:center;

}

#container{
clear: both;
width: 900px;
margin: 0px auto;
text-align: left;
background: #fff;
color: #666;
border: 1px solid #000;
min-height: 400px; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel f"r moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden !important; /* FF Scroll-leiste */ 
z-index: 5;
}

#container1{
position:relative;
padding:0px 0px 0px 0px;
margin: -165px auto 0px auto;
width:  900px;
min-height: 400px;
height:auto;
background-color: #fff;
border: 1px solid #fff;
z-index: 3;
          }



/** Header **/

#header{
background-color: #fff; 
background-image: url(images/header_all.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_1{
background-color: #fff; 
background-image: url(images/lucky_numbers.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_2{
background-color: #fff; 
background-image: url(images/header_logo.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_3{
background-color: #fff; 
background-image: url(images/kellner_hugo.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_4{
background-color: #fff; 
background-image: url(images/comedy_man.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_5{
background-color: #fff; 
background-image: url(images/max_b.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}
#header_6{
background-color: #fff; 
background-image: url(images/schnurliwupp.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_7{
background-color: #fff; 
background-image: url(images/monsieur_bonjour.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}

#header_8{
background-color: #fff; 
background-image: url(images/gala.jpg);
background-repeat: no-repeat; 
position: relative; 
visibility: visible; 
z-index: 2; 
top: 0px; 
left: 0px; 
height:164px; 
width: 900px; 

}



#linie {
   position:relative;
   padding: 32px 0px 0px 0px;
   margin:   0px 0px 0px 0px;
   width: 100%;
   height: 154px;
   overflow: visible;
   background-color: #D4011D;
       border-bottom: 1em solid #00519E;
       z-index:2;
}

h3 {
color: #00519E}

/** Links **/

a {
	text-decoration: underline;
}

a:link {
	color: #00519E;
}

a:visited {
	color: #1383d6;
}

a:active, a:hover {

	color: #1383d6;
}

td a {
	font-size: 13px;
	text-decoration: none;
}

td a:link {
	color: #fff;
}

td a:visited {
	color: #fff;
}

td a:active, a:hover {
	
	color: #fff;
}

td{
line-height:1.5em;}

#ticker {
	width: 500px;}

#ticker a {
	color: #D4011D;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;}

#ticker a:link {
	color: #00519E;
	text-decoration: none;}
	
#ticker a:active, a:hover {
	color: #00519E;
	text-decoration: none;
}




/** Content **/

#content{
float: left;
width: 580px;	
margin-top: 30px;
margin-left: 40px;
margin-bottom: 25px;
padding: 10px;
padding-top: 0px;
height: auto;
min-height: 400px;
/*border: 1px solid #999;*/
line-height: 15px;
}



#content p {
margin-bottom: 1px;

}

#content ul li {
margin-bottom: 2px;


}

#content ul {
margin-bottom: 15px;


}

#content_menue{
float: left;
margin-left: 45px;
width: 710px;	
margin-top: 20px;
height: 149px;



}



#content_intro img {
display: block;
vertical-align: bottom;
margin-left: auto;
margin-right: auto;

}

.rot {
color: #f00;

}
.rot_index {
color: #f00;


}


.links {
text-align: left;

}

.rechts{
text-align: right;

}
.klein{
font-size: 9px;

}
/** Tabelle **/
#diagnostik{
	
	background-color: #ee8905;
	text-align: center;
	font-size: 14px;
	color: fff;
	height: 50px;
	
}

#behandlung{
	
	background-color: #e53355;
	text-align: center;
	font-size: 14px;
	color: fff;
	height: 50px;
	
}
#beratung{
	
	background-color: #ccc;
	text-align: center;
	font-size: 14px;
	color: ffffff;
	height: 50px;
	
}

#prophylaxe{
	
	background-color: #f6a808;
	text-align: center;
	font-size: 14px;
	color: fff;
	height: 50px;
	
}

/** Boxen rechts **/

#contentrechts{
	float: right;
	width: 180px;	
	margin-top: 20px;
	margin-right: 60px;
	margin-bottom: 10px;
	height: auto;
	/*border: 1px solid #999;*/
	
}


#box_1{
	
	width: 180px;	
	padding: 10px;
	background: #fff;
	display: block;
	min-height: 100px;
	line-height: 14px;
	border: 1px dotted #999;
	
}

#box_1_w{
	
	width: 180px;	
	padding: 10px;
	background: #fff;
	margin-top: 20px;
	display: block;
	min-height: 100px;
	line-height: 14px;
	border: 1px dotted #999;
	
}


#box_2{

	width: 180px;	
	padding: 10px;
	background: #fff;
	display: block;
	min-height: 100px;
	margin-top: 20px;
	margin-bottom: 25px;
	line-height: 14px;
	border: 1px dotted #D4011D;
}




h2 {
font-size: 12px;
font-weight: bold;
/*border-bottom: 1px solid #999;*/
margin-bottom: 1px;
padding-bottom: 2px;
letter-spacing: 1px;
}

h3 {
font-size: 11px;
font-weight: bold;
margin-top: 3px;
margin-bottom: 1px;
letter-spacing: 1px;

}

	
	
/** Kontaktformular **/
input,#textarea, #text1, #text2 {
	width: 98%;
	font-size:12px;
	border: 1px dotted #D4011D;
	padding:3px;
}

input#betreffend , input#button {
	width: auto !important;
	border: 1px dotted #D4011D;
}

input#button {
	width: auto !important;
	border: none;
}

input#datenschutz, input#kennenlernen {
	width: auto !important;
	border: 0px;
}

input#radio1, input#radio2 {
	width: auto !important;
	border: 0px;
}

#button {
	font-size: 12px;
	color: #ffffff;
	background-color: #00519E;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.radioRequiredMsg, .textfieldRequiredMsg {
	color:#999;
	}
	
	

/** Footer **/

#footer{
position: relative;
clear:both;
width:900px;
padding:3px 0;
margin:0px;
font-size:10px;
text-align:center;
color:#999;
border-top: 1px dotted #ccc;
}

#footer p{
padding:0; 
margin-top:6px;
margin-bottom:9px;
text-align:center;
}


/*----------------------Drop Down---------------------------*/
#navcontainer ul{width: 100%;background-color: #00519E;}

ul.dd_mnu,
ul.dd_mnu li,
ul.dd_mnu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dd_mnu { position: relative; z-index: 200; float: left;}
ul.dd_mnu li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}
ul.dd_mnu li.hover,
ul.dd_mnu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dd_mnu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
ul.dd_mnu ul li { float: none;}
ul.dd_mnu ul ul {
 top: 1px;
 left: 99%;
}
ul.dd_mnu li:hover > ul { visibility: visible; }
ul.dd_mnu { font-weight: bold; }

ul.dd_mnu li {
 padding: 7px 15px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #d9d9d9 #999;
 background-color: #00519E;
 color: #fff;
}
ul.dd_mnu li.hover,
ul.dd_mnu li:hover { background-color: #eee; color: #000;}
ul.dd_mnu a:link,ul.dd_mnu a:visited { color: #fff; text-decoration: none; }
ul.dd_mnu a:hover	{ color: #00519E; }
ul.dd_mnu a:active	{ color: #00519E; }
ul.dd_mnu ul { width: 140px; margin-top: 1px;}
ul.dd_mnu ul li { font-weight: normal; }
ul.dd_mnu *.dir { padding-right: 20px; background-position: 100% 50%; background-repeat: no-repeat;}
ul.dd_mnu-horizontal ul *.dir {
 padding-right: 15px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dd_mnu-upward *.dir {}
ul.dd_mnu-vertical *.dir,ul.dd_mnu-upward ul *.dir {}
ul.dd_mnu-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-position: 0 50%;
}