/*------------------------------------
			BASIC ELEMENTS		
------------------------------------*/

	html
	{
		/*Mozilla zeigt dann immer die Scrollleiste*/
		/*overflow: -moz-scrollbars-vertical;*/
		height:100%;
	 	padding-bottom:0.07em; 
	}
	
	body
	{
		font-family:Arial,Helvetica,sans-serif;		
		background-color:#A1B2D5;
		margin:0px 0px 10px 0px;
		
	}
	
	#pageArea
	{
		margin: 0px;
		padding: 0px;
		/*
		background-image:url(../layout/pageBg.gif);
		background-repeat: repeat-y;
		background-position: center 0px;
		*/		
	}
	#documentArea
	{
		margin: 0px auto 0px auto;
		/* background-color:#A1B2D5; */
		/*
			margin: 0px 0px 0px 0px;
		*/
		padding: 0px 10px 10px 20px;
		width:780px;
		border: 0px solid #95a4c4;
	}
	
	#mainArea
	{
		margin: 0px 0px 0px 200px;
		padding: 0px;
		width: 560px;
	}
	
	.clear
	{
		clear:both;
	}
	
	#sup4u 
	{
		width: 780px;
		margin: 0px auto 0px auto;
		/*
			margin: 0px 0px 0px 0px;
		*/
		padding: 20px 0px 0px 0px;
	}
	
	#sup4u a, #sup4u a:link, #sup4u a:visited, #sup4u a:hover, #sup4u a:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#91A1C2;
		font-weight:normal;
		text-decoration:none;
	}
	
/*------------------------------------
			MAIN MENUE ELEMENTS		
------------------------------------*/

	#navigationArea
	{
		margin: 0px;
		padding: 0px;
		width:200px;
		background-color: #A1B2D5;
		float:left;
	}
	#mainMenueArea
	{
		margin: 40px 0px 0px 0px;
		padding: 0px;
	}
	.mainMenueElements
	{
		margin: 0px;
		padding: 0px;
		list-style-type:none;
	}
	
	.mainMenueElements li
	{
		margin: 0px;
		padding: 0px;
		height: 38px;
		line-height: 38px;
		color: #333333;
		font-size: 16px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
	} 
	
	.mainMenueElements a, .mainMenueElements a:link, .mainMenueElements a:visited
	{
		margin: 0px;
		/*padding: 0px;*/
		padding: 0px 0px 0px 26px;
		display:block;
		color: #444444;
		text-decoration: none;
		background-position: 0px center;
		background-repeat: no-repeat;
	} 
	.mainMenueElements a:focus, .mainMenueElements a:hover, .mainMenueElements a:active
	{
		color: #333333;
		text-decoration: none;
	} 
	
	.mainMenueElements a#start, .mainMenueElements a#start:link, .mainMenueElements a#start:visited
	{
		background-image:url(../layout/startMarker_0.gif);		
	}
	.mainMenueElements a#produkte, .mainMenueElements a#produkte:link, .mainMenueElements a#produkte:visited
	{
		background-image:url(../layout/produkteMarker_0.gif);
	}
	
	.mainMenueElements a#zertifikate, .mainMenueElements a#zertifikate:link, .mainMenueElements a#zertifikate:visited
	{
		background-image:url(../layout/zertifikateMarker_0.gif);
	}
		
	.mainMenueElements a#beispiele, .mainMenueElements a#beispiele:link, .mainMenueElements a#beispiele:visited
	{
		background-image:url(../layout/beispieleMarker_0.gif);
	}
	.mainMenueElements a#kontakt, .mainMenueElements a#kontakt:link, .mainMenueElements a#kontakt:visited
	{
		background-image:url(../layout/kontaktMarker_0.gif);
	}
	
	.mainMenueElements a#start:focus, .mainMenueElements a#start:hover, .mainMenueElements a#start:active
	{
		background-image:url(../layout/startMarker_1.gif);
	}
	.mainMenueElements a#produkte:focus, .mainMenueElements a#produkte:hover, .mainMenueElements a#produkte:active
	{
		background-image:url(../layout/produkteMarker_1.gif);
	}
	
	.mainMenueElements a#zertifikate:focus, .mainMenueElements a#zertifikate:hover, .mainMenueElements a#zertifikate:active
	{
		background-image:url(../layout/zertifikateMarker_1.gif);
	}
	
	.mainMenueElements a#beispiele:focus, .mainMenueElements a#beispiele:hover, .mainMenueElements a#beispiele:active
	{
		background-image:url(../layout/beispieleMarker_1.gif);
	}
	.mainMenueElements a#kontakt:focus, .mainMenueElements a#kontakt:hover, .mainMenueElements a#kontakt:active
	{
		background-image:url(../layout/kontaktMarker_1.gif);
	}
	
	#adressArea
	{
		margin: 238px 0px 40px 0px;
		padding: 0px;
	}
	#adressContent
	{
		margin: 0px;
		padding: 0px;
		color:#103F83;		
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
	}
	#adressContent p
	{
		margin: 0px;
		padding: 0px;
	}
	#adressContent p.companyTitle
	{
		font-size:14px;
	}

	#adressContent a, #adressContent a, #adressContent a
	{
		color:#103F83;
		text-decoration:none;
	}
	#adressContent a:hover, .adressTable a:active
	{	
		color:#FFFFFF;	
		text-decoration:none;
	}
	
/*------------------------------------
			CONTENT ELEMENTS		
------------------------------------*/
	
	#contentArea
	{
		text-align:center;
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	
	#contentArea table
	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	#contentArea td
	{
		vertical-align: top;
	}
	#contentArea p
	{
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	
	#productsTable h2
	{
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		margin: 0px;
		padding: 0px 0px 2px 0px;
	}
	
	#productsTable, .tableExamples
	{
		width: 545px;	
	}
	
	#productsTable td
	{
		padding: 8px 10px 8px 10px;
		width:50%;
		vertical-align:top;
	}

	#productsTable th
	{
		
		font-size:20px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		padding: 5px;
	}	

	#productsTable .footer
	{
		
		font-size:15px;
		color:#000000;
		text-decoration:none;
		background-color:#8A96AE;
		text-align:justify;
		padding: 5px 10px 5px 10px ;
	}
	
	
	#contentArea
	{
		font-size:15px;
		color:#000000;
		text-decoration:none;
	}
	#contentArea a.text, #contentArea a:link, #contentArea a:visited
	{	
		color:#001A3F; /*#333333;*/
		text-decoration:none;
	}

	#contentArea a:focus, #contentArea a:hover, #contentArea a:active
	{	
		color:#FFFFFF;
		text-decoration:none;
	}
	#contentArea p
	{
		font-size:15px;
		color:#000000;
		text-decoration:none;
	}
	
	#contentArea .tableBeispiele td, #contentArea .tableBeispiele p
	{
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		/*font-size:15px;*/
		font-size:12px;
		color:#000000;
	}
	#contentArea .tableBeispiele p
	{
		margin: 0px;
		padding: 2px 0px 2px 0px;
	}
		

	.kasten1
	{
		background-color:#103F83;
	}

	.kasten2
	{
		background-color:#728db7; /*#385C96;*/
	}

	.kasten3
	{
		background-color:#939fb9; /*#6477A1;*/
	}

	.kasten4
	{
		background-color:#8A96AE;
	}

	.kasten5
	{
		background-color:#A3A4B8;
	}

	.kasten6
	{
		background-color:#B1B4BD;
	}

	h1
	{		
		font-size:15px;
		color:#333333;
		text-decoration:none;
		font-weight:normal;
		margin:0px;
		padding:2px 0px 2px 0px;
	}

/*------------------------------------
			SUB NAV ELEMENTS		
------------------------------------*/

	#contentArea .subNav
	{
		background-color:#103F83;
		height: 31px;
		line-height: 31px;
	}

	#contentArea .subNav td, #contentArea .subNav a
	{
		padding:2px 2px 2px 10px ;
		text-align:center;
		font-weight:bold;	
		font-size:14px;
		color:#FFFFFF;
		letter-spacing:1px;
	}

	#contentArea .subNav a, #contentArea .subNav a:link, #contentArea .subNav a:visited
	{	
		text-decoration:none;
		color:#FFFFFF;
	}

	#contentArea .subNav a:focus, #contentArea .subNav a:hover, #contentArea .subNav a:active
	{
		color:#CCCCCC;
		text-decoration:none;
	}

	#contentArea .subNav a.active
	{	
		color:#CCCCCC;
		text-decoration:underline;
	}
	
	#contentArea #productsTable h2 a, #contentArea #productsTable h2 a:link, #contentArea #productsTable h2 a:visited
	{
		color:#FFFFFF;
	}
	#contentArea #productsTable h2 a:focus, #contentArea #productsTable h2 a:hover, #contentArea #productsTable h2 a:active
	{
		color:#EEEEEE;
		text-decoration: underline;
	}

.tableExamples .kasten1 p + p, 
	.tableExamples .kasten2 p + p, 
	.tableExamples .kasten3 p + p, 
	.tableExamples .kasten4 p + p, 
	.tableExamples .kasten5 p + p, 
	.tableExamples .kasten6 p + p
{
	border-top: 1px solid #FFFFFF;
}
.tableExamples p
{
	min-height: 30px;	
}

#productsTable td
{
	border-bottom: 1px solid #FFFFFF;	
}

#contentArea a
{
	background-image: url(../layout/link.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}
	
#contentArea #logoLink
{
	background-image: url();
	padding-left: 0px;
}

#contentArea .drawingLink
{
	font-weight:bold;
	font-size:11px;
	text-align: left;
	padding:0px;
	margin:0px;
}
#contentArea .backLink, #contentArea .detailLink
{
	font-weight:bold;
	font-size:11px;
	text-align: right;
	padding:0px;
	margin: 0px 0px 0px 0px;
}

#contentArea .tableBeispiele img, #contentArea #productsTable img
{
	border: 1px solid #728DB7;	
}