/* ++++++ CSS WRITEN BY GIDO WEIDLICH (DIGITAL CONNECT) - ALL RIGHTS RESERVED ++++++++++++ */


body		{
			color: black;
			font-size: 9pt;
			font-family: Arial, Helvetica, sans-serif;
			background-color:#147FB3;
			background-image:url(img/bg_main.jpg);
			background-attachment:fixed;
			padding: 0;
			margin: 0;
			}
			
/* +++++++++++ GLOBALE FORMATIERUNGEN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a:link		{ color: black; text-decoration: underline; }
a:hover		{ color: black; text-decoration: underline; }
a:active	{ color: black; text-decoration: underline; }
a:visited	{ color: black; text-decoration: underline; }

h1  		{ color: #116C99; font-size: 16px; font-weight: bold; display:block; border-bottom:1px solid #116C99; margin-left:-5px; padding-left:5px; }
h2 			{ color: #24B6EF; font-size: 14px; }
h3			{ color:#333333; font-size: 12px; font-weight:inherit; margin-bottom:0px; }
li  		{
			text-align: left;
			line-height: 20px;
			list-style-image:  url(images/layout/list.gif);
			list-style-position: inside;
			clip:rect(auto auto auto auto);
			}
hr			{
			padding:0;
			margin:0;
			border:0px;
			border-top:1px solid #DDD;
			height:1px
			
			}
p, h3			{
			line-height:14pt;
	}
td p		{
		margin:0; padding:0;
	}

/* +++++++++++ BEREICHE FORMATIEREN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#main	{ 	margin:10px auto;
			width:835px;
			}
			
#adv_head	{ 	
			
			margin-left:-10px;
			}
#adv_head a	{border:none;}
			
#adv_right	{
			float:right;
				
			
			background-color:black;
			}
			
#head	{ 	height:100px; 
			width:815px;
			background-image:url(img/bg_head.png);
			background-position:right bottom;		
			background-repeat:no-repeat;
			margin-bottom:10px;		
			}
#navi	{	margin-top:20px;	
			margin-left:610px;
			color: #116C99; 
			font-size: 12px; 
			font-weight: bold;
			text-transform:uppercase;
}
#navi a, #navi a:visited
{text-decoration:none;color:#333333;}

#navi a:hover 
{text-decoration:none; color:red;}

#content {  float:left;
			margin-top:10px;
			margin-bottom:50px;
			width:815px;
			}
#feature {  float:left;
			padding: 0px 20px 20px;
			width:510px;
			text-align:justify;	
			background-image:url(img/feat_bg.png);
			color:#333333;
			
			}
			
#footer { position:fixed;
			bottom:0px;
			clear:both;
			line-height:18px;
			width:100%;
			background:#0F5D83;
			bottom:0px;
			text-align:center;
			color:#CCCCCC;
			border-top:1px solid #0C4C6C;	
			-moz-box-shadow: 0px 0px 8px #333;
        	-webkit-box-shadow: 0px 0px 8px #333;
        	box-shadow: 0px 0px 8px #333;
		 }
#footer a, #footer a:visited	{
	text-decoration:none;
	color:#CCCCCC;
}
#footer a:hover	{
	text-decoration:none;
	color:white;
}

#logo	{ padding-top:30px;
			padding-left:30px;
			vertical-align:top;
	}
#transonpic	{ position:absolute;
				background-image:url(img/black60proz.png);
				margin-top:200px;
				padding: 10px;
				width:530px;
				height:50px;
				text-align:center;
				color:white;
				font-size:18px;
				border-top:1px solid #333;
				border-bottom:1px solid #333;
}
#transonpic h1	{
		padding:0;
		margin:0;
		font-size:26px;
		font-weight:bold;
		color:white;
		
}


/* +++++++++++ KLASSEN FORMATIEREN ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.box	{   float:right;
			padding: 0px 10px;
			width:230px;
			background-image:url(img/box_bg.png);
			text-align:left;
			font-size:11px;
			}
			
.box a, .box a:visited	{text-decoration:none;}
.box a:hover	{text-decoration:none;}


.box h1	{
		margin-top:0px;

}


.borderRE { margin-right: 15px;}
.borderLI { margin-left: 15px;}

/* Runde Ecken Feature */
.rof {
	float:left;
	background:url(img/feat_o.png) top no-repeat;
	padding-top:12px;
	width:550px;
	
}
.ruf {
	float:left;
	background:url(img/feat_u.png) bottom no-repeat;
	padding-bottom:12px;
	width:550px;
	
}
/* Runde Ecken Box */
.rob {
	float:right;
	background:url(img/box_o.png) top no-repeat;
	padding-top:10px;
	width:250px;
	
}
.rub {
	float:right;
	background:url(img/box_u.png) bottom no-repeat;
	padding-bottom:16px;
	width:250px;
	margin-bottom:10px;
	
}
.answers div	{
	display:none;
	margin:5px -19px 0px -19px;
	padding:5px 20px;
	
	font-size:9pt;
	background-color:#F9F9F9;
}
.answer01 	{
	border-top:1px solid #FB0E08;
	border-bottom:1px solid #FB0E08;
}
.answer02	{
	border-top:1px solid #197FB0;
	border-bottom:1px solid #197FB0;
}
.gross {
	font-size:14px;
}
table.bio td	{
	padding-right:20px;
	vertical-align:top;
}
table.bio td p	{
	padding:0;
	margin:0;
}
a.link01	{
	color:#FB0E08;
	font-size:8pt;
}
a.link02	{
	color:#197FB0;
	font-size:8pt;
}
.subnavi	{
		text-align:center;
	}
.subnavi p	{
	padding:5px 0px;
	margin:0;
	
	}
.subnavi p:hover	{
		background-color:#EFEFEF;
	}