/* CSS Document */

/***************************************************************************/
/***********  B A S I S E I N S T E L L U N G E N **************************/
/***************************************************************************/


* /* allgemeine Festlegung */
{
	padding:0;
	margin:0;
}

html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color: #333333;	
	overflow-y:hidden;
}

body
{
	background-color: #f3f1ef;
	background-image: url(elements/tpl4_back_texture.jpg);
	background-repeat: repeat-x;
	background-position: 493px top;
}

a img /*Ränder um Bildlinks entfernen */
{
	border:none;
	border-width:0px;
	text-decoration: none;
}


/***************************************************************************/
/***********  G R U N D A U F B A U  ***************************************/
/***************************************************************************/


#left
{
	position:absolute;
	width:492px;
	height:804px;
	background-image: url(elements/tpl4_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container
{
	position:absolute;
	top:80px;
	left:46px;
	height:450px;
	background-image:none;
	margin-top:10px;
	margin-bottom:20px;
	/*border: 1px solid #000000;*/
	background-color:#fff;
	overflow:hidden;
}



#logo
{
	position:absolute;
	top:15px;
	left:47px; 
	height: 90px;
	overflow:visible;
	width:446px; height:64px;
}

#contact1,
#contact2
{
	position:absolute;
	top:549px;
	left:274px;
	height: 90px;
	width:208px;
	text-transform: uppercase;
	text-align:left;
	color: #00445c;
	font-size: 12px;
	line-height: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contact2
{
	left:500px; 
	width:160px;
	text-align:left;
}


/***************************************************************************/
/***********  N A V I G A T I O N ******************************************/
/***************************************************************************/

#box_nav /*fest integrierte navi-box*/
{
	float:left;	
	background-color: #042330;
	height: 430px;
	width: 200px;
	border: 10px solid #FFFFFF;
}

#box_nav ul
{
	list-style-type: none;
}

#box_nav ul li
{
	margin-bottom:0px;
}

#box_nav ul li li
{
	margin-bottom:0px;
}

#box_nav ul li a /* erste Ebene */
{
	display:block;
	padding:10px;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	font-size: 18px;
	line-height:24px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}

#box_nav ul li a.act,
#box_nav ul li a:hover
{
	background-color:#4195E9;
}

#box_nav ul li li a /* zweite Ebene */
{
	font-size: 11px;
	color: #CCCCCC;
	border-bottom-color: #666666;
	text-transform:none;
	margin-top:3px;
	margin-bottom:3px;
}


/***************************************************************************/
/***********  C O N T E N T B O X E N **************************************/
/***************************************************************************/



.box /* überklasse inhaltsboxen */
{
	float:left;
	border: 10px solid #ffffff;
	border-left:none;
	background:#042330;
	color: #FFFFFF;	
	overflow:hidden; /* nur für IE6 - s.u. */	
}

html>body .box /* Workaround für konforme Browser - wird nicht vom ie6 interpretiert */
{   
	overflow:visible;
}



/***********  ID1: normale Textbox *********************************************/
.id1
{
	width:230px;
	height:390px;
	padding:20px;
	border-left:none;
}


/***********  ID5: grosses Bild *********************************************/

.id5
{
	height:430px;
	width:auto;
}


/***********  ID6: Bild oben / Text unten **************************************/

.id6
{
	width:250px;
	height: 430px;
}

.id6_bild_oben_h180_w230
{
	height:180px;
	width:250px;
	background-color: #CCCCCC;
	border-top:none;
	border-bottom:none;
}
.id6_text_unten_w230
{
	width:210px;
	height:200px;
	padding:20px;
}



/***************************************************************************/
/*********** A N P A S S U N G   B A S I S - T A G S ***********************/
/***************************************************************************/


h1
{
	font-size: 24px;
	font-weight:normal;
	line-height:26px;
	margin-bottom:15px;
	color:#D9E8FB;
}

h2
{
	font-size: 14px;
	font-weight:normal;
	line-height:16px;	
	margin-bottom:15px;
	color:#4195E9;
}

p
{
	margin-bottom:8px;
}

.box a
{
	color: #D9E8FB;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}




/***************************************************************************/
/*********** I N H A L T S S T I L E  **************************************/
/***************************************************************************/


img.in-text-left
{
	float:left;
	margin-right:5px;
}



/***************************************************************************/
/*********** J A V A S C R I P T - S C R O L L E R *************************/
/***************************************************************************/

#arrows {
	position: fixed;
	visibility:hidden;
	display:none;
	top: 10px;
	left: 50px;
	width: 200px;
	height: 100px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 92px;
	height: 100px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 92px;
	height: 100px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a 
	{
	background-color: transparent;
	background-image: url(elements/nav_back.png);
	background-repeat: no-repeat;
	}
	
#arrows ul #right a
	{
	background-color: transparent;
	background-image: url(elements/nav_fwd.png);
	background-repeat: no-repeat;
	}