/*
	css dentalstudio / Author Bernhard Welzel / welzel@innocasto.com
*/



/* layout ********************************************************************/

#page_margins
	{
		border: 1px black solid;

		min-width: 788px; 
		max-width: 1018px;
		
		margin:auto;
		position:relative;
	}

#page
	{
		background:#fff;
		border-left:12px solid #E60003;		

	}

#header
	{
		height:104px;


	}
	
#topnav {
		border-left:1px solid #fff;
		background-color:#E60003;
		height:20px;


	}



#topsubnav
	{
		clear:both;
		background:#fff;
		padding-top:12px;

	}

#main
	{

		clear:both; width: auto; z-index: 10;
		background-color:#fff;
		background-image: url(images/mainbg.gif);
		background-position:200px 0px;	
		background-repeat:repeat-y;
		min-height:400px;

	}


#col1
	{
		float: left;
		width: 190px;
		padding-bottom:2em;

	}

#col1_content
	{
	margin-top:20px;

	}


#col2	
	{
		float:right; 
		width: 144px;
		text-align:right;
		padding-left:40px;
		padding-right:20px;
		
		padding-bottom:2em;
		text-align:left;

		
	}

#col3
	{
		/* width:auto; */
		margin-left:220px;
		margin-right: 144px;
		padding-bottom:0em;
		
	}

#col2_content
	{
		margin-top:20px;
		margin-right:18px;
		text-align:left;
padding-top:94px;

	}
#col3_content
	{
		
		padding-right:1.2em;
		min-height:200px;
		padding-bottom:0.5em;
		padding-top:94px;
	}
	
	
#footer { clear:both; }	/* Backup f?r IE-Clearing */


	
/* Formatierung der Fusszeile *************************************************/


#footer {

		clear:both;
		width:auto;

	}

/* clearing */

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe ben?tigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Ben?tigt nur der Internet Explorer und ?ber iehacks.css zugeschaltet */
	#ie_clearing { display: none } 


/* branding ********************************************************/	

#quicknav
{
position:relative;
left:14px;
top:26px;
float:left;
}
#quicknav a:link { color: #1B1B1F;text-decoration:none;}
#quicknav a:visited { color: #1B1B1F;text-decoration:none;}
#quicknav a:hover { color: #1B1B1F;text-decoration:none;}
#quicknav a:active { color: #1B1B1F;text-decoration:none;}

#qndate { font-size:10px;}
#qnhome *,
#qncontact,
#qnimpressum { display:inline;}

#qnimpressum img
{
position:relative;
top:2px;
left:5px;


}
#logotop
{
position:absolute;
left:220px;
top:19px;
}


#brandinga
	{
		
		position:absolute;
		top:125px;
		left:212px;
		width:354px;
		height:80px;
		border-top:1px solid #fff;
		background-image: url(branding/000a.jpg);
	}

#brandingb
	{
		position:absolute;
		top:0;
		left:566px;
		width:218px;
		height:206px;
		background-image: url(branding/000b.jpg);		
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}

#header
	{
		background-image: url(branding/000c.jpg);
		background-position:773px 0;	
		background-repeat:repeat-y;
		border-bottom:1px solid #fff;
	}
#brandingc
	{
		position:absolute;
		left:478px;
		width:200;
		height:100px;
		background-image: url(branding/000c.jpg);		
	}

#slogan
	{
		position:absolute;
		top:140px;
	}
	
#col3_content .claim,
#slogan
	{
		color:#E60003;
		font-size:12px;
		font-weight:bold;
	}
	
/* top menu - level 1 ********************************************************/

#m1
	{
		background-color:#E60003;
		position:absolute;
		left:212px;
		top:105px;
					
	}
	
#m2
{
	position:absolute;
			left:773px;
		top:100px;

}	
	
	
#m1 li,
#m2 li
	{
		display: inline;
		list-style-type: none;

	}



#m1 li a,
#m2 li a
	{
		padding-left:12px;
		padding-right:12px;
		font-size:12px;
		line-height:20px;
		width:64px;
		color:#fff;
		font-weight:bold;
		background-image: url(images/m1bg_no.gif);
  background-repeat:no-repeat;
		float:left;
		text-align:center;
border-left:1px solid #ffffff;
background-color:#E60003;
	}

	
#m1 .last a,
#m2 .last a
{
border-right:1px solid #fff;
width:63px;
}

#m2 li a,
#m2 .last a
	{
		width:auto;
	}

#m1 .act a
{
background-color:#68676B;
background-image: url(images/m1bg_act.gif);
background-repeat:repeat-y;
}

#m1 a:link,
#m2 a:link
 { color: #fff;text-decoration:none;}
#m1 a:visited,
#m2 a:visited  { color: #fff;text-decoration:none;}
#m1 a:hover, 
#m2 a:hover { color: #fff;text-decoration:none;background-color:#68676B;background-image: url(images/m1bg_act.gif);
background-repeat:repeat-y;}
#m1 a:active,
#m2 a:active { color: #fff;text-decoration:none;background-color:#68676B;background-image: url(images/m1bg_act.gif);
background-repeat:repeat-y;}








/* leftmenu *****************************************************************/

#m3
{
margin-bottom:8px;
}

#m3 li
{
list-style-type: none;
}

.m3-l1 > .first
{
border-top:0;
}

.m3-l1 > .last
{
border-bottom:1px solid #c2c2c2;

}

.m3-l1 li
{
border-top:1px solid #c2c2c2;
padding-left:14px;
margin-right:6px;
padding-bottom:4px;
}
.m3-l1 a
{
font-size:12px;
color:#1B1B1F;
font-weight:bold;
padding-bottom:6px;
padding-top:6px;
display:block;
padding-left:8px;
background-image: url(images/m3.gif);
background-repeat:no-repeat;
background-position:0 7px;
}

.m3-l2 li
{
border:0;
padding-bottom:0;
}


.m3-l2 a
{
font-weight:normal;
background-image:none;
padding-top:3px;
padding-bottom:3px;

}


#m3 .act > a {color:#E60003 }

#m3 a:link { text-decoration:none;}
#m3 a:visited { text-decoration:none;}
#m3 a:hover { text-decoration:underline;}
#m3 a:active { text-decoration:underline;}




#searchbox
{
margin-top:20px;
margin-bottom:20px;
margin-left:18px;

}

#searchbox input[type="text"]
{
border:1px solid black;
width:8em;
font-size:0.75em;
margin-left:2px;
}

#searchsubmit
{
border:0px;

font-size:0.75em;
position:relative;
top:3px;
left:3px;

}

#logoleft
{
margin-left:18px;
}

/* sitemap *****************************************************************/

	
.csc-sitemap ul
	{
		list-style-type: circle;
		padding-top:0.5em;
		margin-left:1.2em;
		font-size:1.2em;
	}


.csc-sitemap li
	{
		list-style-type: none;
		margin-left:0.8em;
		font-size:1.4em;
		margin-top:0.5em;
	}



/* kontakt form **************************************************************/

#mailform {
font-size:0.85em;
}
#mailform input, #mailform textarea
{
border:1px solid black;
}


#mailform label, #mailform input, #mailform select { /* Alle Labels UND Formularelemente ausw?hlen */
  display: block;
  float: left;

}

#mailform br { /* Alle Zeilenumbr?che in Formularen ausw?hlen */
  clear: left; /* das floating der labels und inputs aufheben */
  margin-bottom:0.5em;
}


#mailform label {
 text-align: right; 
 padding-right: 1em;
 width:8em;
}

.csc-mailform-submit
	{
float: none;
  width: auto;
  margin-left:9em;
	}
	
.tx-indexedsearch-searchbox td, .tx-indexedsearch-searchbox input
{
font-size:0.75em;
}

.tx-indexedsearch-searchbox input
{
border:1px solid black;
}

.tx-indexedsearch-searchbox td
{
padding:2px;
}	
	
input
{
border:1px solid black;
}


.csc-textpic-caption
{
font-size:9px;
text-align:center;
}

#col1_content .csc-textpic-caption
{
font-size:11px;
font-weight:bold;
text-align:center;
color:#E60003;

}

#col1_content h5
{
text-align:center;
font-size:12px;
padding-bottom:2px;

}

#col3_content .csc-frame-frame1 h3,
#col3_content .csc-frame-frame1
{
color:#E60003;
}