/*
Style-Sheet fuer Dr. Carl Firmenhomepage
Dr. Carl GmbH / ak
2.3.2006
*/

/* Grundeinstellung */
body {
   background: transparent;
	/*color: #818181;*/
	color: #666666;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

	
a {
	color: #007CC1;
	text-decoration: none;
	}

a:hover {
	/*text-decoration: underline;*/
	color: #F29400;
	}

.a_white {
	color: white;
	}
	
.a_grey {
	color: #999999;
	}
		
h1 {
	color: #818181;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	}
			
h2 {
	color: #007CC1;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	}	

h3 {	
	color: #007CC1;
	/*color: red;*/
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	}		
	
hr {
	color: #324064;
	height: 1px;
	padding-bottom: 0px;
	vertical-align: bottom;
}


/* Seiten-Hintergrundbild */
img#background { 
	height: 100%; 
	width: 100%; 
	z-index: -1; 
	position:absolute; 
	color: white; 
}


/* Tabellen-Inhalte */	
td {
   background: transparent;
	color: #818181;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	}

table {
	background: transparent;
}



radio {
    vertical-align: middle;
	 margin: 0px;
}


.btnBlue { 
	  color: white; 
	  /*font: bold 84% 'trebuchet ms',helvetica,sans-serif; */
	  font-size: 11px;
	  font-weight: bold;
	  background-color: #007CC1; 
	  border: 1px solid; 
	  border-color: white;
	  height: 18px; 
} 

.btnBlue:hover { 
	  color: #F29400; 
	  border-color: #F29400;
}


.div_AbsPos {	
/* Multi Purpose (für Draw_div) */
	display: inline; 
	padding: 10px;
	position: absolute;
}

.div_BlueBox {
	background-color: #007CC1;
	color: white;
	font-size: 12px;
	padding: 15px;
}

.div_BlueText {
	background-color: #007CC1;
	color: white;
	font-size: 11px;
	padding: 0px;
}

.div_GreyBox {
	background-color: #999999;
	color: white;
	font-size: 12px;
	padding: 0px;
}

.div_GreyFrame{
	border: solid 1px #DADFE2;
	background-color: white;
	height: 106px;
	overflow: hidden;
	padding: 0px;
	width: 250px;
}

.div_LeftBox {
	background: url(graph/box_left40.png) left top;
	
	height: 145px;
	left: -12px;
	position: absolute;
	top: 166px;
	width: 482px;
	/*opacity:0.4;
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);*/
}

.div_LeftBox_Proj_Navi {
	/*background: url(graph/box_left40_proj_navi.png) left top;*/
	
	height: 50px;
	left: -12px;
	position: absolute;
	top: 166px;
	width: 362px;
}


.div_Teaser{
	border: solid 1px #DADFE2;
	background-color: white;
	padding: 10px;
	overflow: visible;
}

/* Slide-In Panel fuer projekte.php */

#div_InfoPanel {
    display: none;
    position: absolute;
    left: -12px;
    top: 190px;
    width: 732px;
    height: 345px;   
    background: white;
    border: 1px solid #007CC1;
	 z-index: 99;
}

#div_InfoPanel p {
    padding: 50px 50px 5px 240px;
    margin: 5px;
}

#div_InfoPanel_Buttons {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#div_InfoPanel_Buttons_oben {
    position: absolute;
    top: 5px;
    right: 5px;
}

#div_ShowInfo {
	display: inline;
}

/* ********************* test: zentrierung ohne Tabellen **********************************
   nach: http://blog.themeforest.net/tutorials/vertical-centering-with-css/  

.div_PageFrame	{
	background: red;
	float: left; 
	height: 50%; 
	margin-bottom: -301px;
	width: 1px;
}

.div_PageContent	{
	background: transparent;
	border: 0px;
	clear: both; 
	height: 602px;
	width: 960px;
	position: relative;
	text-align: left;
}
*/
/* ********************* test end ***********************************/





.div_ShadowBox {
	background-color: #007CC1;
	color: white;
	/*left: -82px; wenn animiert */
	left: -12px;
	padding: 12px;
	position: absolute;
}

.tab_ShadowBox {
	border: 0px;
	border-collapse: collapse; 
	border-spacing: 0;
	height: 100%;
	width: 100%;
}

.td_ShadowBox_main {
	background-color: #007CC1;
	color: white;
	
	padding: 10px;
	vertical-align: top;
}

.td_ShadowBox_l {
	background-color: #007CC1;
	padding: 0px;
	width: 12px;
}

.td_ShadowBox_l_o {
	background-color: #007CC1;
	height: 5px;
	padding: 0px;
	width: 12px;
}

.td_ShadowBox_l_u {
	background: url(graph/shadow_l_u.png) left top;
	height: 12px;
	padding: 0px;
	width: 12px;
}

.td_ShadowBox_o {
	background-color: #007CC1;
	height: 5px;
	padding: 0px;
}

.td_ShadowBox_r {
	background: url(graph/shadow_r.png) left top;
	padding: 0px;
	width: 5px;
}

.td_ShadowBox_r_o {
	height: 5px;
	padding: 0px;
	width: 5px;
}

.td_ShadowBox_r_u {
	background: url(graph/shadow_r_u.png) left top;
	height: 12px;
	padding: 0px;
	width: 5px;
}

.td_ShadowBox_u {
	background: url(graph/shadow_u.png) left top;
	height: 12px;
	padding: 0px;
}


.tab_LeftBox {
	border: 0px;
	height: 132px;
	width: 478px;
}

.td_LeftBox {
	background-color: #007CC1;
	color: white;
	font-size: 17px;
	height: 100%;
	padding-left: 35px;
	vertical-align: middle;
	width: 100%;
	/*opacity:1;
	filter:alpha(opacity=100);*/
}


.div_LeftBox_old {
	/*background: url(graph/box_left.gif) left top;*/
	background-color: #007CC1;
	color: white;
	font-size: 17px;
	height: 132px;
	left: -12px;
	position: absolute;
	top: 166px;
	width: 478px;
	/*opacity:0.4;
	filter:alpha(opacity=40);*/
}

.img_LeftBox {
	left: -12px;
	position: absolute;
	top: 166px;
	/*opacity:0.4;
	filter:alpha(opacity=40);*/
}

.img_Projekt {
	border: solid 1px #666666;
}

.div_NaviUnten {
	/*background: url(graph/box_left.gif) left top;*/
	background-color: #000000;
	color: white;
	font-weight: bold;
	height: 64px;
	left: 0px;
	padding: 10px;
	position: absolute;
	text-align: right;
	top: 538px;
	width: 960px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.tab_NaviUnten {
	/*background: url(graph/box_left.gif) left top;*/
	background-color: #000000;
	height: 64px;
	left: 0px;
	position: absolute;
	text-align: right;
	top: 538px;
	width: 960px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.td_NaviUnten {
	color: white;
	font-weight: bold;
	height: 100%;
	padding: 10px;
	text-align: right;
	vertical-align: middle;
	width: 100%;
}



/* Kopfzeile mit Titel + Menus */

.tab_Header {
	background: transparent;
	border: 0px;
	width: 100%;
}

.td_Header_Menu {
	/*text-align: right;*/
	vertical-align: bottom;
}


.td_Header_Title {
	color: #999999;
	font-size: 14pt;
	height: 115px;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}



/* Menus */

.tab_Menu {
   background: transparent;
	border: 0px;
	padding: 0px;
}

.td_Menu {
   background-color: #007CC1;
	border-left: 3px solid transparent;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	width: 110px;
}

.td_Menu_Submenu {
	font-weight: bold;
	padding-top: 5px;
	vertical-align: top;
}



.chosen {
   background-color: #999999;
}


/* Projekte 
.tab_Projekte {
	border: 0px;
	height: 352px;
	width: 100%;
}

.td_Projekte_Text {
   background-color: #F3F8FC;
	border: 1px solid #DDDDDD;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	
	}
	
.td_Projekte_Picture {
	text-align: left;
	vertical-align: top;
	}
	
.td_Projekte_Title {
	font-size: 12pt;
	height: 55px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	}	
	
.td_Projekte_Left {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	
	}	

.td_Projekte_Right {
	padding: 10px;
	text-align: right;
	vertical-align: top;
	
	}


	
.tab_ProjektTeaser {
	background: white;
	border: 0px;
}

.td_ProjektTeaser_Text {
   background: white;
	font-family: Verdana, Arial, sans-serif;
   padding-left: 20px;
	text-align: left;
	vertical-align: top;
	}
	
.td_ProjektTeaser_Picture {
	text-align: left;
	vertical-align: top;
	}	
	
.td_ProjektTeaser_Text2 {
	background: #F3F8FC;
	font-family: Verdana, Arial, sans-serif;
   padding-left: 20px;
	text-align: left;
	vertical-align: top;
	}	
*/

	
/* Multi-Purpose Table Cells */

.td_Line_TopLeft {
	border-color: #999999;
	border-right: 1px solid;
	border-top: 1px solid;
}


.td_Margin_10 {
	padding: 10px;
}

.td_Margin_Left {
	padding-left: 10px;
}

.td_Margin_None {
	padding: 0px;
}


.td_Mail_Caption {
	padding-bottom: 5px;
	text-align: right;
	vertical-align: middle;
	width: 165px;
}

.td_Mail_Header {
	padding-bottom: 5px;
	padding-left: 105px; 
	text-align: left;
	vertical-align: top;
}

.td_Mail_Input {
	padding-left: 23px;
	padding-bottom: 5px;
	text-align: left;
	}

.td_Mail_Buttons {
	padding-bottom: 5px;
	padding-left: 20px;
	vertical-align: bottom;
}




.tab_PageFrame {/*  border: 1px red solid; */
	/*background: url(graph/page_background.jpg) left top;*/
	height: 100%;
	width: 100%;
	/*display: none;*/
	}
	

.td_PageFrame {/*  border: 1px red solid; */ 
	/* auskommentiert wg. Firefox:
	text-align: center;
	vertical-align: middle;*/
	}
	
		
	
	
.tab_PageContent {/*  border: 1px red solid; */	
	background: white;
	border: 0px;
	height: 602px;
	width: 960px;
	}
	

.td_PageContent {/*  border: 1px red solid; */
	text-align: left;
	vertical-align: top;
	}
	
.td_PageContentCentered {/*  border: 1px red solid; */
	vertical-align: middle;
	}
		
.td_PageContentRight {/*  border: 1px red solid; */
	padding: 10px;
	text-align: right;
	vertical-align: top;
	}


/* Test: Vertikale Zentrierung ohne Tabelle */		
	
.div_PageFloater	{
	float:left; 
	height:50%; 
	margin-bottom:-301px;
}

.div_PageContent	{
	clear:both; 
	background: white;
	border: 0px;
	height: 602px;
	width: 960px;	
	position:relative;
}	
	
	
	
/* For SimpleThumbs Gallery */	
	
.imagegallery {
    /*margin: 5px auto;*/
    width: 400px;
    border: 1px solid #666666;
    clear: both;
	 display: none;
}

.thumbs {
    text-align: center;
	 display: none;
}

.thumbs a img {
    border: 1px solid #666666;
}

.thumbs a.active, .thumbs a:hover {
    outline: none;
}

.thumbs a.active img, .thumbs a:hover img {
    border: 2px solid #007CC1;
}	
	
	


/* Multipurpose classes */	

.center {
	text-align: center;
}

.highlight {
	color: rgb(244,148,0);
}

.middle {
	vertical-align: middle;
}

.white { 
	  color: white;
}

.whiteFrame { 
	  border: 1px solid; 
	  border-color: white;
}	
	
	
	
/* Items fester Breite (z.B. Buttons, Textfelder) */	

.W50 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 80px; 
	}
	
.W120 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 120px; 
	}		

.W230 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 230px; 
	}
		
.W300 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 300px; 
	}		

.W350 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 350px; 
	}
		
.W500 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	width: 500px;
	}