/**
**	CSS Definition
*	Projekt: DIENER IMPLANTS
*	Author: Matthias Dorn, Squadhouse-Media (www.squadhouse-media.de)
*/

body
{	left:0;
	top:0;
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:12px;
	
	scrollbar-3dlight-color:#FFFFFF	;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#BDBFC1;
	scrollbar-shadow-color:#003366;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color: #003366;
}

#sqhpage
{	background-color: transparent;
	position: absolute;
	width: 100%;
	text-align: center;
	
}

#centerpage 
{	margin: auto;
	position: relative;
	text-align: center;
	width: 1024px;
	height: 758px;

}

#header
{	width:1024px;
	height:136px;
}

#headerleft
{	width:800px;
	height:100px;
	float:left;
}

#headerright
{	width:214px;
	height:94px;
	float:left;
	padding-top:42px;
	padding-right:10px;
}



#headerright ul{

	}
#headerright a{
	font-size:12px;
	color:#203a88;
	text-decoration:none;
	display:block;
	text-align:right;
	font-weight:bold;
	
	}
	
#headerright li a {
	padding-top: 0px;

}

#headerright li{
	margin-bottom:6px;
	list-style-type:none;
}


#navigation
{	width:1024px;
	height:30px;
	float:left;
}

#bildleiste
{	width:1024px;
	height:228px;
	float:left;
}

#content
{	width:1024px;
	height:380px;
	float:left;
	overflow:auto;
}

#contentleft
{	width:192px;
	float:left;
}

#contentcenter
{	width:600px;
	float:left;
	text-align:left;
}

#contentcenterimprint
{	width:420px;
	float:left;
	text-align:left;
	
}

#contentcenterleft
{	width:743px;
	float:left;
	text-align:left;
	padding-left:47px;
}

#contentright
{	width:220px;
	float:left;
	text-align:left;
	padding-right:12px;
}
#contentrightimprint
{	width:370px;
	float:left;
	text-align:left;
	padding-right:12px;
}


/*Hyperlinks*/

/* Allgemeine Hyperlinks */
A:link, A:visited, A:active{color:#000;text-decoration: none; font-weight:normal;}
A:hover{color:#000;text-decoration:none;  font-weight:normal;}




/** DROPDOWN NAVI **/

.navigation {
width:1024px; 

position:relative;
z-index:200;
font-family:Verdana;
text-align:left;
text-transform: uppercase;
float:left;

}

ul.menu, ul.menu ul {
    list-style-type: none;
	padding:0px;
	margin:0px;
	float:left;


}

ul.menu a {
    display: block;
    padding: 3px 10px 4px 10px;
    font-weight:normal;
	color:#fff;
	text-decoration:none;
	font-size:13px;	padding-top:9px;
}


ul.menu a:hover {
    display: block;
     font-weight:normal;
	color:#fff;
	background-color:#1c398f;
}



ul.menu a.active {
    display: block;
    font-weight:normal;
	color:#fff;
	font-weight:normal;
		background-color:#1c398f;
	
}


ul.menu li {
    padding:0;
    margin:0;
    background-image: none;

    float:left;

	

}

ul.menu ul {
    margin-left:0;
   	padding:0;
    position: absolute;
    border:1px solid #242679;
    display:none;
    background:#fff;  filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
	min-width:200px;
	text-align:left;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:160px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
	border-bottom:1px solid #d3d3d3;
	width:100%;
	width:auto;
	padding-top:3px;
	padding-bottom:0;
	
}




ul.menu ul a {
    display: block;
    padding: 3px 2px 4px 10px;
    font-weight:bold;
	color:#5f5e5e;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
		background:none;
}


ul.menu ul a:hover {
    display: block;
    font-weight:bold;
	color:#242679;
	background:none;
}



ul.menu ul a.active {
    display: block;
    font-weight:bold;
	color:#242679;
	
}

/* Allgemeine Formatierungen HTML TAGS */
table{border-collapse:collapse;border:0px;padding:0;border-spacing:0px; margin-left:4px;}

/* Spezialfall gültig für alle Tabellen. Kann je nach Tabelle überschrieben werden */
TABLE .t_l{font-weight:bold;font-size:12px; line-height:18px;} /* Linke TD*/
TABLE .t_r{font-size:12px; line-height:18px;} /* Rechte TD*/
TABLE .t_c{font-size:12px; line-height:18px;} /* Rechte TD*/


img{border:0;padding:0;margin:0;}
p{padding:0;margin:0;}
form{margin:0;}
em{color:#72a6c7; font-style:normal;}




.c_h{padding:0;margin:0; padding-top:5px;}

/* Überschrift 1 */
.c_h H1{font-size:25px; font-weight:normal; color:#333; letter-spacing:1px;padding-bottom:0px;}


/* Hyperlinks in Überschriften*/

.c_h H1 A,.c_h H2 A, .c_h H3 A { color: #333; text-decoration: none; }
.c_h H1 A:hover, .c_h H2 A:hover, .c_h H3 A:hover { text-decoration: underline; }

/* Text normal */
.c_text{padding-bottom:10px; font-size:12px; line-height: 18px;}

	
/****************************************************************************************/

/* FET Mailform			 													*/

/****************************************************************************************/

.mailform{}
.mailform .t_l{width:100px;padding-bottom:5px;vertical-align:top;font-weight:bold;} /* Linke TD*/
.mailform .t_r{padding-bottom:5px;} /* Rechte TD*/
	

/*Formularfelder*/

	.textfeld, .textarea , .select{border-bottom:1px solid black;border-top:1px solid #999;border-left:1px solid #999; border-right:1px solid #999;background-color:transparent;font-size:12px;vertical-align:middle; font-family:Verdana; font-weight:bold;}

.textfeld {font-weight:normal;}

	.button{border-bottom:2px solid black;border-top:1px solid #999;border-left:1px solid #999; border-right:1px solid #999;background-color:transparent;font-size:11px; font-weight:bold; vertical-align:middle;padding:0px;}
	
.csc-textpic-intext-left-nowrap {padding-bottom:20px;}
.csc-textpic-intext-left-nowrap .c_text {padding-left:50px; padding-top:0; margin-top:0;}
.csc-textpic-caption {font-size:9px;}