/* Stylesheet von www.transfer-net.de - validiert */

/* Hintergrund */
 
html, body 
	{
	background-image:url(../_gifs/bgMain.gif);
	margin: 		0px;
	padding: 		0px;
	height: 		100%;
	font-family: 	arial, helvetica, verdana;
	font-size: 		1em;
	color:			#504E53;} 
 
img {border: 		none;}

A {
	text-decoration: none;
	color: 			#203B84;}
	
A:hover{
	text-decoration: none;
	color: 			#504E53;}	
	
/* Überschriften */

h1 { margin: 0px -3px; }
h2 { font-size: 0.9em; font-weight:bold;   color:#504E53; margin: 9px 6px 9px 16px;}
h3 { font-size: 0.80em; font-weight:bold;  color:#504E53; margin: 9px 6px 9px 26px;}
h4 { font-size: 0.80em; font-weight:bold;  color:#203B84; margin: 1px;}
h5 { font-size: 1.00em; font-weight:bold;  color:#203B84; margin: 1px;}

/* container */

#container {
	width: 			980px;
	background: 	url(../_gifs/bgColor.gif) repeat-y; 
	margin: 		auto;
	position: 		relative;
	height: 		auto !important;
	height: 		100%;}

#header {
	width: 			980px;
	margin: 		auto;
	height: 		140px;} 

#main {
	width: 			950px;
	margin: 		auto;
	position: 		relative;}

#contentStart {
	width: 			725px;
	padding: 		3px;
	float: 			left;}
	
#content {
	background-image:	url(../_gifs/bgContent.gif);		
	width: 				715px;
	margin:				0px;
	float: 				left;}	

#contentW {
	background-color:	#FFFFFF;		
	width: 				715px;
	margin:				0px;
	float: 				left;}	

#navi {
	width: 			195px;
	float: 			left;
	margin-top: 	0px;}
	
#navi-top {
	font-size:		0.75em;
	font-weight:	bold;
	color:			#203B84;
	position: 		absolute;
	top: 			7px;
	left:			645px;
	min-width:		300px;
	height: 		35px;	
	float:			right;	}	

#footer {
	width: 			980px;
	position: 		absolute;
	height: 		35px;}		

/* Klassen */ 

.error 
{	color: 			#203B84;
	font-size:		0.8em;
	margin-top: 	3px;
	padding:		3px;}

.digit 
{	font-size:		3px;
	font-weight:	bold;
    color:			#CCCCCC;
	letter-spacing:	1px; }
	
.letter
	{font-size:		1.5em;
	font-style:		italic; 
	font-weight:	bold;}
	
.imgL
	{float:			left;
	padding-right:	6px;}
	
.imgR
	{float:			right;
	padding:		3px;}		
	
.trenner
	{font-size:		1.0em;
	color:			#203B84;}	
	
.text 
	{font-size:		0.80em; 
	 margin:		15px 20px 15px 29px;	 }	

.text-klein
	{font-size:		0.75em; 
	 margin:		15px 20px 15px 29px;	 }	

.news
	{font-size:		0.75em; 
	 color: 		#504E53;
	 margin:		3px;	 }	

.rot
	{color:			#990000;}

.blau
	{font-size:		0.80em;
	color:			#203B84;}	

.grau
	{color:			#504E53;}			
		  
.tabelle 
	{font-size:		0.85em;
	background-color:#333333;
	border:			solid 1px #CCC;
	width:			685px;
	margin-left:	25px;
	padding:		0px; }	 
	 
.tabtext 
	{font-size:		0.75em;
	 margin:		1px; }	
	 
.tabtextS 
	{font-size:		0.90em;
	 margin:		1px; }		  

.liste {
	font-size:		0.80em;
	text-align:		left;
	list-style-type:circle;
	margin:			12px 0px 0px 5px;	}	

	

/* Navigation */ 

#navi ul {
	font-size: 		0.75em;
	font-weight:	bold;
	margin: 		0px;
	list-style-type:none;
	padding: 		0px;	}

#navi ul li a {
	background: 	#FFF url(../_gifs/pfeil.gif) 6px 9px no-repeat;
	border-bottom: 	1px solid #DDDCEC; 
	display: 		block;
	width: 			175px;
	height: 		25px;
	line-height: 	25px;
	padding: 		0px 0px 0px 15px;  } 

#navi ul li a:hover {
	background: 	#203B84 url(../_gifs/pfeilA.gif) 6px 9px no-repeat;	
	border-bottom: 	1px solid #DDDCEC; 
	color: 			#FFF;
	display: 		block;
	width: 			175px;
	height: 		25px;
	line-height: 	25px;
	padding: 		0px 0px 0px 15px; }

#navi ul li.sNavi a {	
	font-size: 				0.90em;
	padding: 				2px 2px 2px 24px;
	width: 					163px;
	height: 				17px;
	line-height: 			17px;	
	margin: 				1px 0px 0px 1px;
	background-color: 		#FFF;
	background-image: 		url(../_gifs/pfeil.gif);
	background-repeat: 		no-repeat;
	background-position: 	15px 7px;
	color: 					#333 !important; }

#navi ul li.sNavi A:hover, .m_active2 A {
	background-color: 		#203B84;
	background-image: 		url(../_gifs/pfeilA.gif);
	color: 					#FFF !important;}	

#navi ul li.act a {
	background-color: 		#203B84;
	background-image: 		url(../_gifs/pfeilA.gif);
	color: 					#FFF !important;}	

	

/* Formulare */

form {overflow:hidden;}
 
input, textarea {
	border: 		0px #eee solid;
    background: 	#EEE;
	padding: 		3px;
	color: 			#333;
	font-size:		1.0em;} 

input.button {
	color: 			#F5F4F9;}

input[type=text]:focus, textarea:focus {
	background: 	#F5F4F9;
	color: 			#333; 
	border-color: 	#666;}

/* LightBox */

#lightbox{
	font-size:			0.9em; 
	color:				#333;
	background-color:	#F1F1F1;
	padding: 			10px;
	border-bottom: 		1px solid #EEE;
	border-right: 		1px solid #EEE;	} 
	
#lightboxDetails{
	font-size: 			0.9em;
	color:				#333;	
	padding-top: 		0.5em;	}
		
#lightboxCaption{ 
	float: 				left; }

#keyboardMsg{ 
	float: 				right; }

#closeButton{ 	
	color:				#333;
	top: 				5px; right: 5px; }

#lightbox img{ 
	border: 			none; clear: both;} 
	
#overlay img{ 
	border: 			none; }
	
#overlay{ 
	background-image: 	url(_gifs/overlay.png); }

* html #overlay{
	color:				#333;
	background-color: 	#EEE;
	back\ground-color:	transparent;
	background-image: 	url(_gifs/blank.gif);
	filter: 			progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");	}

/* Clearfix */

.clearfix:after {
	content: 		".";
	display: 		block;
	height: 		0;
	font-size: 		0;
	clear: 			both;
	visibility: 	hidden;
	overflow: 		hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Ende */