@CHARSET "UTF-8";

html 
{
	background-color: #f1eade;
	font-size: 9px;
	font-family: Verdana, sans-serif;
	background-image: url("../imgs/bg.png");
}

.body
{
	background-color: #ffffff;
	width: 937px;
	margin: auto;
}

/* HEAD */

.header
{
	height: 164px;
	margin-bottom: 0;
}

.headPart
{
	height: 160px;
	width: 185px;
	float: left;
	margin: 2px 1px 2px 1px;
}

#mainImage
{
	background-image: url("../imgs/header/green0.jpg");
	margin-left: 2px;
}

#mainImage2
{
	background-image: url("../imgs/bild2.jpg");
}

#tsk1
{
	background-color: #8a601b;
	overflow: hidden;
	position: relative;
}

.titleBanner
{
	position: absolute;
	top: -2px;
	left: -3px;
	color: 	#f1eade;
	width: 90px;
	font-size: 1.9em;
	line-height: 1em;
}

.titleBanner2
{
	position: absolute;
	bottom: -4px;
	right: -2px;
	color: 	#f1eade;
	width: 100px;
	font-size: 2.4em;
	line-height: 1em;
	text-align: right;
}

#tsk2
{
	position: relative;
	overflow: hidden;
}

#tsk3
{
	background-color: #af8e5d;
	background-image: url("../imgs/bild3.jpg");
}

/* BODY */

.content
{
	margin-top: 0px;
}

.navigation
 {
 	margin-top: 0px;
 	margin-left: 2px;
 	margin-right: 2px;
 	width: 185px;
 	float: left;
 	padding-bottom: 10px;
 	margin-bottom: 2px;
 	height: 530px;
 	position: relative;
 }

.navigation a
 {
 color: #ffffff;
}

a:hover
	{
	color: #af8e5d;
	}

ul.level3
{
 display: none;
}

a, li.active ul li a, li.open ul li a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;	
} 
 
.navigation ul
{
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

.navigation ul li ul
{
	margin: 0;
}

.navigation ul li 
{
	margin: 5px 0 0 15px;
}

.logo img {
	position: absolute;
	bottom: 25px;
	left: 45px; 
	border: none;
}

li.active a, li.open a, li.open ul li.active a, li.open ul.level2 li.open a
{
	font-weight: bold;
	color: #af8e5d;	
}

.infoContainer h3
{
	margin: 0;
}

.contentTitle
{
	display: block;	
	color: #8a601b;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 7px;
}

.infoContainer
{
	background-color: #e9ddca;
	float: left;
	width: 519px;
	height: 503px;
	font-size: 10px;
	padding: 17px 20px 20px 20px;
	line-height: 1.5em;
}

.infoContainer a
{
	font-size: 10px;
	color: #af8e5d;	
}

.infoContainer img.left
{
	float: left;	
}

.infoContainer img.right
{
	float: right;	
}

.additionalInfoContainer
{
	margin-top: 0px;
 	margin-left: 2px;
 	width: 185px;
 	float: left;
 	padding-bottom: 10px;
 	margin-bottom: 2px;
 	height: 530px;
 	position: relative;
 	background-color: #af8e5d;
}

.additionalInfoContainer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.additionalInfoContainer ul li 
{
	margin: 5px 0 0 20px;
}

.additionalInfoContainer span.title
{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;	
}

.additionalInfoContainer a:hover
{
color: #ffffff;
}



ul.activities
{
	margin-top: 2em;	
}

.login
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	width: 170px;	
}

.loginForm
{
	width: 150px;
	text-align: left;
}	

.loginForm input
{
	display: block;
	width: 150px;
	border: 1px solid #e9ddca;
}	

	
.loginForm label
{
	display: block;
	width: 150px;
}

.footer
{
	color: #ffffff;
	clear: both;	
	margin: 2px;
	padding: 2px 10px;
	height: 16px;
	line-height: 16px;
	border-bottom: 2px solid #ffffff;
}


/**
* Special
*/

.photoTable, .fullImage
{
	width: 519px;
}

.fullImage
{
	height: 420px;	
}

.photoTable tr td.photoData
{
	height: 120px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	color: #af8e5d;
}

.fullImage img, .photoTable img
{
	border: none;
}

.galleryNavigation
{
	width: 519px;
}

.galleryNavigation .left
{
	text-align: left;
	width: 110px;
}

.galleryNavigation .center
{
	text-align: center;
	width: 300px;
}

.galleryNavigation .right
{
	text-align: right;
	width: 109px;
}

.formelement
{
	margin-bottom: 5px;
}

.formelement label
{
	display: block;
	float: left;
	width: 150px;
}

.formelement input.text, .formelement select
{
	width: 250px;
	border: 1px solid #ffffff;
}
.formelement select  {
	width: 253px;
	border: 1px solid #ffffff;
}

.formelement textarea
{
	width: 250px;
	height: 80px;
	border: 1px solid #ffffff;
}

.formelement input.submit
{
	border: 1px solid #af8e5d;
	height: 22px;
	line-height: 20px;
	background-color: #ffffff;
}

/*Start*/

.hide{ 
	display: none;
}
/*
#tip1{background-color: green;}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 100;
}
 
.custom{
	z-index: 100;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	z-index: 100;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
*/