* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	line-height: 15px;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
    
}

/*************************************
	Inhalt:

	1. Seitenaufbau
	2. Navigation
	3. Typographie
	4. Links
	5. Formulare
*************************************/


/*************************************
	1. Seitenaufbau
*************************************/

body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	color: #58585A;
	font-size: 11px;
        margin-bottom: 20px;

}
.clear {
	clear: both;
}
.last {
	margin-right: 0px;
}
/* HEADER */
		
div#header {
	position: relative;	
	margin: 0px auto;
	width: 980px;
	height: 80px;	
}
	img#logo {
			position: absolute;
			left: 0px;
			top: 10px;			
			}

	ul#schwerpSlider {
		position: absolute;
		left: 350px;
		top: 58px;
		font-size: 12px;
		list-style: none;
		margin: 0 !important;
		width: 200px;
		height:40px;
		overflow: hidden;
	}

	ul#schwerpSlider li.schwerpItem {
		padding: 10px;
		position: relative;
		height:20px;
		width:200px;
	}
		
/* SITE */
		
div#site {
	position: relative;	
	margin: 15px auto 0px auto;
	width: 980px;
	min-height: 510px;
	/* NAVIGATIONS HINTERGRUND */
	background: url(../../_images/linien_sidemenue1.gif) repeat-y;
}



div.bgfiller{
	position:absolute;
	z-index: -1;
	top: 0px;
	right: 0px;
	width: 330px;
	height:100%;
	margin: 0px;
	background-repeat:repeat-y;
}
	
	div#content {
		list-style: url(../../_images/strich1.gif) ;
		position: relative;
		float: left;
		width: 770px;
	}
	
			span {
				font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
			}
	
			div.normalerText, p.normalerText, span.normalerText  {
				color: #58585A;
				font-size: 11px;
				margin-bottom: 10px;
		
			}
			
			div.normalerText span {
				list-style: url(../../_images/strich1.gif) ;
			}
			
			div.groessererText,p.groessererText,span.groessererText{
			
				color: #58585A;
				font-size: 15px;
				line-height: 25px;
				margin-bottom: 10px;
			}
		
			div.headline,p.headline,span.headline  {
				
				color: #58585A;
				font-size: 23px;
				line-height: 25px;
				margin-bottom: 10px;
			}	
		
	
			
		div.text {			
			list-style: url(../../_images/strich1.gif) ;
			margin: 20px 25px 0px 15px;
			width:400px;
			overflow:hidden;
			float:left;
		}

   
		* html div.text {
			margin: 20px 46px 0px 7px;
			overflow: visible;
			width: 380px !important;		
		}
		
		div.text a, div.uv-licht a {			
			color: #E84623;
		}
		
		.inaktive_link{			
			color: #9C9D9F;
		}
		
		
		div.text a:hover, div.uv-licht a:hover {
			color: #F86643;
		}
		
		div.textlong {	
			list-style: url(../../_images/strich1.gif);		
			margin: 20px 20px 0px 20px;
			width:530px;
			
			float:left;
		}
		
		* html div.textlong {
				margin: 20px 0px 0px 8px;
				width:540px;
				overflow: auto;
		}
	
		div.textlong a {			
			color: #E84623;
		}
		
		div.textlong a:hover {
			color: #F86643;
		}
		
		div.textbild {	
			list-style: url(../../_images/strich1.gif);
			z-index: 5;
			width: 330px;
			float: left;
			overflow: hidden; 
		}
        div.textbild img {
            display: block;
        }
		
		* html div.textbild {	
			height: 510px;	  
		}
			
			div.sidebar {
				position: relative;
				color: #58585a;		
				float:right;
				width: 180px;
				min-height:532px;			
			}
			
		
			div.sideopacity {
				clear:both;
				color: #000000;
				background-color: #58585a;
				width: 180px;
				height:100%;
				min-height:532px;
				filter:alpha(opacity=30); /* IE */
				-moz-opacity: 0.30; /* Mozilla */
				opacity: 0.30; /* Opera */
				position: absolute;
				top: 0px;
				left: 0px;			
				z-index: 1;
			}
			* html div.sideopacity {
			  background-color: #ffffff;
			}
			
			div.sideoverlay {
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 1000;
			}
			
			div.sidebar h1 {
				margin-left:23px;
				margin-top:12px;
				
				}
			
			div.sidebar p {
				padding-left:24px;
				padding-right:17px;
						
				}
			
			div.sidebar a {
				color: #E84623;				
			}	
				div.sidebar a:hover {
					color: #F86643;
				}
			div.sidebar li {
				padding-right:15px;
				margin-left:31px;
			
				}
				
		div#news {	
			position:absolute;
			left: 20px;
			top: 230px;
			width: 350px;
			height: 190px;
		}
		
				div#news div.newsopacity {	
						clear:both;
						color: #000000;
						background-color: #58585a;
						width:350px;
						height: 200px;
						filter:alpha(opacity=30); /* IE */
						-moz-opacity: 0.30; /* Mozilla */
						opacity: 0.30; /* Opera */
						position: absolute;
						top: 0px;
						left: 0px;	
						z-index: 1;
				}	
				
				div#news div.newsoverlay {
						position:relative;
						padding: 10px 0px 0px 15px;
						position: absolute;
						left: 0px;
						top: 0px;
						z-index: 1100;		
				}	
										
				div#news h1 { font-size: 23px; }
				div#news h1.head { color: #fff; }
				div#news h1.newshead { padding: 10px 8px 0px 0; color: #E84623; line-height: 26px; }
				div#news div.newstext {		
						padding-right: 8px;
						font-weight: bold;
						font-size: 13px;
						color:#fff;
						}
				div#news hr {
						position: absolute;				
						left: 20px;							
						color:#ffffff;
						border: 1px solid #fff;
						width:300px;						
				}
				div#news a.news {
					font-weight: bold;
					font-size: 13px;
					color: #E84623;
				}
							div#news a.news:hover {
								font-weight: bold;
								font-size: 13px;
								color: #F86643;
							}
		
		.solidborder {	border: 1px solid #58585a; }

	/* GRAUE TOP-BOX  */

	div#greybox {
		position: relative;	
		width: 980px;
		height: 20px;
                z-index: 20;
		background-color: #9c9d9f;
	}

        div#greybox p {
                padding-left: 20px;
                font-size: 10px;
		color: #fff;
                line-height: 20px;
	}

 	
		/* ÖFFNUNGSZEITEN IN TOP-BOX */
		.darkgreybox {
                        position: absolute;
                        right: 0px;
                        top: 0px;
			display:block;
			line-height: 22px;
			font-size: 12px;
			font-weight:bold;
			color:#fff;
			width: 180px;
			height: 20px;
			text-align:center;
			background-color: #58585a;
		}	
			
			.darkgreybox a {	
				display:block;
				line-height: 20px;
				font-size: 12px;
				font-weight:bold;
				color:#fff;
			}	
				
			
			div.oeffnungszeiten {
				position: absolute;
				top: 20px;
                                right: 0px;
				display: none;
                                width:180px;
				min-height:510px;	
				line-height: 18px;
				text-align:left;
				font-weight:normal;			
				color: #ffffff;						
			}
			.darkgreybox:hover div.oeffnungszeiten {
				display: block;
			}
        
			div.oeffnungopacity {
				clear:both;
				color: #000000;
				background-color: #ffffff;
				width:180px;
				height:100%;
				min-height:510px;
				filter:alpha(opacity=80); /* IE */
				-moz-opacity: 0.80; /* Mozilla */
				opacity: 0.80; /* Opera */
				position: absolute;
				top: 0px;
				left: 0px;			
				z-index: 1040;
			}
			
			div.oeffnungoverlay {
				line-height: 18px;
				color: #58585a;
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 1050;
			}

                        div#greybox div.oeffnungszeiten p {
                                padding-left: 16px;
                                padding-right: 10px;
                                font-size: 11px;
                                color: #000;
                                line-height: 18px;
                        }

			div.oeffnungoverlay h1 {
				margin: 0px;
				margin-left:15px;
				margin-top:3px;
			}
			
                        div.oeffnungoverlay h2 {
                                font-size: 16px;
                                margin-left:15px;
                                margin-top:3px;
                        }
			

			div.oeffnungoverlay li {
				padding-right:5px;
				margin-left:21px;
				}
		
		
/* FOOTER */
	
div#footer{
	position: relative;
	width: 980px;
	margin: 0px auto 0px auto;
	height: 20px;
	background: #9c9d9f;
}

		/* TEXT IM FOOTER */
		
		p.footer_contact {
		line-height: 20px;
		font-size: 12px;
		margin-left: 20px;
		color:#fff;
		height: 20px;
		float:left;
		}
		
		p.footer_contact a {
		color:#fff;
	
		}
			
		/* BOX ONLINE ANMELDUNG IM FOOTER*/
		
		p.redbox {
		display:block;
		line-height: 20px;
		font-size: 12px;
		font-weight:bold;		
		color:#fff;
		float:right;
		width: 180px;
		height: 20px;
		text-align:center;
		background: #E84623;		
		}
		
		p.redbox:hover {
			background: #58585a;
			}
		
		p.redbox a {
			display:block;
			line-height: 20px;
			font-size: 12px;
			font-weight:bold;		
			color:#fff;
		}
		
img#dermexpert {
	position: absolute;
	bottom: -50px;
	right: 0px;
}
img#partnerpraxis {
	position: absolute;
	bottom: -50px;
	right: 150px;
}
img#partnerarzt {
	position: absolute;
	bottom: -50px;
	right: 365px;
}
div.strich1 {
	position: absolute;
	height: 35px;
	bottom: -47px;
	right: 134px;
	border-left: 1px solid #8B8B8B;
}
div.strich2 {
	position: absolute;
	height: 35px;
	bottom: -47px;
	right: 353px;
	border-left: 1px solid #8B8B8B;
}
div.uv-licht {
	margin: 20px 0px 0 15px;
}
* html div.uv-licht {
	margin: 20px 0px 0 15px;
	width: 747px;
}
div.uv-licht p {
	width: 600px;
}
div.uvbild {
	display: inline;
	float: left;
	margin-right: 16px;
}
* html div.uvbild {
	display: inline;
	float: left;
	margin-right: 14px;
}
div.uvbild  img {
	margin-bottom: 10px;
}

/** Slider **/
#slider {
    width: 770px; /* important to be same as image width */
    height: 510px; /* important to be same as image height */
    position: relative;/* important */
	overflow: hidden; /* important */
	float:right;
	padding:0px;
	margin:0px;
	padding-bottom: 0px;
}
#sliderContent {
    width: 770px; /* important to be same as image width or wider */
    height: 510px;
    position: absolute;
	top: 0;
	left:0;
	margin: 0;
	padding: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	padding: 0px;
}
.sliderImage span {
    position: absolute;
    bottom:-50px;
    left:0px;
    width: 960px;
    height:40px;
    color: #fff;
    margin-bottom: 4px;
    z-index: 10;
    text-align: right;
}

div.mitarbeiterbox {
	margin: 20px 0px 40px 20px;
}

	div.mitarbeiterbox a{
		color: #E84623;
	}

	div.mitarbeiter{
		position: relative;
		margin: 0px 20px 20px 0px;
		float:left;
		border: 0px solid #000;
		width: 345px;
		height: 140px;
		overflow: hidden;
	}


	
		div.mitarbeiter img{
			margin-right: 10px;
			float: left;
                        width: 100px;
                        height: 140px;
		}
	
		div.mitarbeiter p.arzthead{
			font-size: 15px;
			font-weight: normal;
		}
	
		div.mitarbeiter  p.mehr{		
			position: absolute;
			bottom: 3px;
			left: 110px;
		}
			div.mitarbeiter p.mehr a {		
			color: #E84623;
			font-weight: bold;
			}

				div.mitarbeiter p.mehr a:hover {	
						color: #F86643;
				}
			
		div.mitarbeiter ul   {	
			position: relative;	
			margin-top: 5px;
			margin-left: 105px;
			list-style-position: outside;

		}
		
/*************************************
	2. Navigation
*************************************/
	
	
ul.navigation,
.navigation ul
{
	padding: 0px;
}
		/* MAIN NAVIGATION */
	
ul#navigation_main {

	position: relative;
	float: left;
	width: 190px;
	overflow: hidden;
	margin: 10px 0px 25px 20px;
	list-style: none;
}
	
* html ul#navigation_main {
 margin: 10px 0px 25px 10px;
 width: 190px !important;
}

	
		ul#navigation_main li {
		
			font-size:12px;
			font-weight:bold;
			line-height: 25px;
	
			border-bottom: 2px solid white;
			margin: 0px 0px 0px 0px;
		}
	
			ul#navigation_main li a {
                                text-transform: uppercase;
				line-height: 24px;
				font-size:12px;
				color: #58585A;				
			}
			
				ul#navigation_main li a:hover {
					color: #9C9D9F;
				}
				
	li.aktiv ul.sub {
		display:block;
	}
	

	li ul.subsub {
		list-style: none;
		display : none;
		
	}
	ul#navigation_main li.aktiv ul.sub li.aktiv ul.subsub {
		list-style: none;
		display: block;
	}
		
	ul.sub {
		display:none;
		color: #9C9D9F;	
		position: relative;
		float: left;
		width: 195px;
		margin: 5px 0px 0px 6px;
	}


		ul.sub li {
		color: #9C9D9F;	
		border-bottom:none !important;
		}
		

			ul#navigation_main ul.sub li a {
			    font-size:12px;
				color: #9C9D9F;
                                text-transform: none;
			}
		
				ul#navigation_main ul.sub li a:hover{
		 		 font-size:12px;
				 color: #58585A;		
				}
				
	ul#navigation_main  ul.subsub {	
			color: #58585A;
			line-height: 18px;
			position: relative;
			float: left;
			width: 195px;
			margin: 0px 0px 0px 10px;		
		}
		
		* html ul#navigation_main  ul.subsub {
			margin: 0px 0px 0px 4px;
			}

			ul#navigation_main li.subsub {
				line-height: 20px;
			
				border-bottom:none !important;
			}
	
					ul#navigation_main li.subsub a {
					line-height: 20px;
			
			    	font-size:12px;
				
				}
		
						ul#navigation_main li.subsub a:hover{
				 		 font-size:12px;		
					}


		/* META NAVIGATION */

ul#navigation_meta {
	position: absolute;
	right: 15px;
	top: 15px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

		ul#navigation_meta li {
			height: 8px;
			float: left;
			line-height: 18px;
			margin: 0px 0px 0px 10px;
			padding: 0px 0px 5px 0px;
			border-left: 2px solid #ccc;
			padding-left: 10px;
		}
		
			ul#navigation_meta li a {
                                text-transform:uppercase;
				vertical-align:top;
				font-size: 12px;
				font-weight:bold;
				color: #9C9D9F;
			}
			
					ul#navigation_meta li a:hover {
						color: #58585A;
					}
.noborder {
	border:none !important;
}	


/*************************************
	3. Typographie
*************************************/

h1 {
	font-size: 23px;
	margin: 8px 0px 8px 0px;
	line-height: 24px;
}

h2 {
	font-size: 15px;
	margin: 5px 0px 3px 0px;
        line-height: 20px;
	font-weight: bold;
}

b,
strong
{
	font-weight: bold;
}

i, 
em {
 	font-style:italic;	
}

ul,
ol
{
	padding: 0px 0px 0px 20px;

}

#map div
{
	
	font-size: 12px;
	line-height: 24px;
}
#map h2 {
	padding: 0 5px 0 0;
}

/*************************************
	4. Links
*************************************/

a {
	color: #9C9D9F;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	}
.aktiv {
	color: #E84623 !important; 
}

/*****************************************************
	Formulare
*****************************************************/

form {
	display: inline;
}

table.kontakt {
	width: 380px;
}

table.kontakt th {
	width: 140px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

table.kontakt td.form {
	vertical-align: middle;
	

}

label.nosize {
	float: left;
	margin-right: 6px;
}

input, textarea, button, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1d1d1d;
	border: 1px solid #b5b5b5 !important;
	padding: 2px;
	color: #000000;
	background: #ffffff;
	margin-bottom: 5px;
	width: 281px;
}

select {
	width: 287px;
}

input.radio {
	vertical-align: middle;
	border: none !important;
	width: 20px;
}
input.emailCopy {
	vertical-align: middle;
	width:20px;
}
input.nosize {
	width: auto;
	border-width: 0px !important;
	border: 0px !important;
	margin-top: 5px;
	float: left;
	margin-right: 4px;
}

* html input.nosize {
	margin-top: 2px;
}

textarea {
	width: 281px;
	height: 120px;
}


input.plz {
	float: left;
	width: 35px;
}

input.strasse, input.ort {
	float: left;
	margin-right: 5px;
	width: 235px;
}

input.ort {
	margin-right: 0px;
	margin-left: 5px;
}

input.submit {
	width: auto !important;
	border: 1px solid #b5b5b5;	
	color: #47464a;
	font-weight: bold;
	font-size: 11px;
	background: #f6f6f6 !important;
}
* html input.submit {
	width: 70px !important;
	}

input:focus, textarea:focus, button:focus {	
	border-color: #E84623 !important;
	background: #ffffff;
	color: #1d1d1d !important;
}
input.submit:focus, input.submit:hover {
	color: #E84623 !important;
	border-color: #E84623 !important;
	cursor: pointer;
}





ul#sliderContent li:first-child {
        display:block;
}
* html ul#sliderContent li {
        display: block;
} 


.meldung {
    color: #E84623;
}