/* CSS Document */

/*	GENERAL	**************************************/
*	{	/*
	font-family: 		Arial, sans-serif;
	line-height:		16px;
	color: 				#333333;	*/
	font-weight: 		normal;
	}
	
	
body, table, div	{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	color: 				#000000;
	text-align: 		left;
	vertical-align: 	top;
	line-height: 		14px;
	background-color:	#F7F7F7;
}

div, p, h1, h2, h3, h4, h5, img, form {
	margin: 			0px;
	padding: 			0px;
	display:			block;
	}
	
body, table  {
	margin: 			0px;
	padding:			 0px;
	}
	
strong{
	font-weight: bold;
	}
	
a 	{
	font-family: 		Arial, Helvetica, sans-serif;
	font-style: 		normal;
	font-weight: 		normal;
	color: 				#0067C6;
	text-align: 		left;
	vertical-align: 	top;
	text-decoration:	none;
	}
	
a:hover {
		color:				#3399FF;
		}

/*	NAVIGATION	****************************************/
/*	LEVEL 0. Servicenavigation */
ul.level0	{
	margin: 			0px;
	padding:			0px;
	position:			absolute;
	top:				64px;
	left:				590px;
	width: 				auto;
	list-style-type: 	none;
	font-size:			11px;
	}

ul.level0 li	{
	width:				auto;
	float:				left;
	color:				#9CBD38;
	font-weight:		normal;
	padding-right: 		18px;
	}

ul.level0 li a	{	
	color:				#000000;
	font-weight:		normal;
	text-decoration:	none;
	}

ul.level0 li a:hover,
ul.level0 li.active	{
	color:				#9CBD38;
	font-weight:		normal;
	}

/*	LEVEL 1 */
ul.level1	{
	margin: 			0px;
	padding:			0px;
	position:			absolute;
	top:				100px;
	left:				35px;
	width: 				100px;
	list-style-type: 	none;
	}

ul.level1 li	{
	width:				100px;
	float:				right;
	margin-bottom:		4px;
	color:				#006699;
	font-weight:		bold;
	}

ul.level1 li a	{
	margin-bottom:		0px;
	color:				#0067C6;
	font-weight:		bold;
	text-decoration:	none;
	background-position: right;
	}

ul.level1 li a:hover,
ul.level1 li.active	{
	color:				#9CBD38;
	font-weight:		bold;
	}
	
/*	LEVEL 2, Subnavigation*/
ul.level2	{
	margin: 			0px;
	padding:			0px;
	position:			absolute;
	top:				284px;
	left:				195px;
	width: 				400px;
	height:				18px;
	list-style-type: 	none;
	}

ul.level2 li	{
	width:				auto;
	float:				left;
	color:				#FFFFFF;
	font-weight:		bold;
	font-size:			11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	}

ul.level2 li a	{	
	margin-bottom:		0px;
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
	}

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


/*	CONTENT	****************************************/
#content_left{
	position:			absolute;
	top:				320px;
	left:				196px;
	width:				420px;
	height:				auto;
	}
	
.normal {

}

#content_right{
	position:			absolute;
	top:				100px;
	left:				746px;
	width:				190px;
	height:				auto;
	}

#content_right_spec{
	background-color:	#9CBD38;
	background-image:	url(/img/teaserbottom.gif);
	background-repeat:  no-repeat;	
	background-position: bottom;
 }


 div#content_right_spec h3{
	color:				#000000;
	padding:			3px;
	border-bottom:		1px solid #ffffff;
	background-image:	url(/img/teasertop.gif);
	background-repeat:  no-repeat;	
 }

 div#content_right_spec p{
	padding:			3px;
 }

 #white {
	color:				#ffffff;
	font-weight:		bold;
 }


h1	{
	font-weight:		bold;
	font-size: 			14px;
	color: 				#000000;
	padding:			0px 0px 10px;
	line-height: 		16px;
	}

 h2	{
	font-weight:		bold;
	font-size: 			12px;
	color: 				#000000;	
	padding:			0px 0px 5px;
	}
	
h3	{
	font-weight:		bold;
	font-size: 			12px;
	color: 				#9CBD38;
	padding:			0px 0px 2px;
	}
	
.ha2	{
	font-weight:		bold;
	font-size: 			12px;
	color: 				#000000;	
	padding:			0px 0px 5px;
	}

.date	{
	font-weight:		bold;
	font-size: 			12px;
	color: 				#9CBD38;
	padding:			0px 0px 2px;
	}
	
h4	{
	font-weight:		bold;
	font-size: 			12px;
	color: 				#9CBD38;
	padding:			0px 0px 2px;
	}
	
h5	{
	font-weight:		normal;
	font-size: 			12px;
	color: 				#990000;
	padding:			0px 0px 2px;
	}


p	{
	padding:			0px 0px 8px;
	margin: 0px;
	}

p a	{
	color:				#0067C6;
	text-decoration:	none;
	}

p a:hover	{
	color:				#3399FF;
	}

.normal ul {
	padding: 			2px;
	margin-left:		15px;
	/*margin:				15px;
	padding-bottom: 		5px;
	list-style-type:		square;
	
	list-style-position: 	outside;
	list-style-image: 		url(../img/listenpunkt.gif);*/
	}

	.content ul {
	padding-bottom: 		5px;
	
	padding-right: 			2px;

	}

.normal li {
	text-decoration:		none;
	padding-bottom: 		4px;
	}
	
table.basket {
	width:				520px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}
	
table.basket td{
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
table.basket td.first{
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #ADD03D;
	}
	
table.basket td.total{
	padding-top: 			2px;
	padding-bottom: 		2px;
	border-top-width: 	thin;
	border-top-style: 	solid;
	border-top-color: 	#000000;
	}

table.events {
	width:				424px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}
	
table.events td{
	padding-top: 2px;
	padding-bottom: 2px;
	}

table.events td.header{
	padding-top: 		2px;
	padding-bottom: 	2px;
	font-weight: 		bold;
	width: 				80px;	
	}
	
table.events td.content{
	padding-top: 			2px;
	padding-bottom: 		2px;
	width: 					344px;	
	}


	
/*	LAYOUT	****************************************/
#flash {
	position:			absolute;
	top:				88px;
	left:				150px;
	width:				560px;
	height:				193px;
	z-index:			600;
	border:				0px;
	margin:				0px;
	padding:			0px;

	}

#logo {
	position:			absolute;
	top:				27px;
	left:				150px;
	width:				250px;
	height:				37px;
	z-index:			100;
	}
	
#green {
	position:			absolute;
	top:				80px;
	left:				150px;
	width:				785px;
	height:				7px;
	border:				0px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #ADD03D;
	}	
	
#greensub{
	position:			absolute;
	top:				282px;
	left:				196px;
	width: 				421px;
	height:				18px;
	background-color: 	#ADD03D;
}
	
#blue {
	position:			absolute;
	top:				88px;
	left:				150px;
	width:				471px;
	height:				193px;
	background-color:	#0067C6;
	z-index:			1;
	}

#slogan {
	position:			absolute;
	top:				197px;
	left:				196px;
	width:				330px;
	height:				29px;
	z-index:			80;
	background-color:	#FFFFFF;
	
	}

#pic {
	position:			absolute;
	top:				88px;
	left:				545px;
	width:				148px;
	height:				193px;
	z-index:			100;
	}
	
#newspic {
	position:			absolute;
	top:				0px;
	left:				549px;
	width:				190px;
	height:				128px;
	z-index:			100;
	}
	
#newspic p{
	padding-bottom: 		2px;
	padding-top: 			2px;
}

#newspic a{
	font-size: 				11px;
}
	
#teampic {
	position:			absolute;
	top:				0px;
	left:				549px;
	width:				190px;
	height:				128px;
	z-index:			100;
	}
	
#back {
	position:			absolute;
	top:				0px;
	right:				0px;
	width:				auto;
	height:				auto;
	z-index:			400;
	font-size: 			11px;
	}
	
#order {
	position:			absolute;
	top:				0px;
	right:				0px;
	width:				auto;
	height:				auto;
	z-index:			400;
	font-size: 			11px;
	}
	
#copyright {
	position:			absolute;
	top:				550px;
	left:				746px;
	width:				300px;
	height:				auto;
	z-index:			100;
	font-size:			11px;
	color:				#999999;
	}
	
#popup {
	position:			absolute;
	top:				5px;
	left:				5px;
	width:				100%;
	height:				auto;
	}
	
/*	FORMULAR ****************************************/
table.form {
	width:				420px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}
	
table.form td{
	padding-top: 2px;
	padding-bottom: 2px;	
	}

table.form input.text{
	height: 18px;
	width: 200px;
	}
	
table.form textarea{
	height: 50px;
	width: 300px;
	}
	
table.form input.checkbox{
	height: 18px;
	width: 18px;	
	}
	
table.form input.submit{
	height: auto;
	width: auto;
	font-size: 11px;
	color: #0066CC;	
	}
	
/*	ANMELDUNG NEWSLETTER ****************************************/
table.formsmall {
	width:				189px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}
	
table.formsmall td{
	padding-top: 		1px;
	padding-bottom: 	1px;	
	}

table.formsmall input.text{
	font-size:			10px;
	height: 			16px;
	width: 				160px;
	}
	
table.formsmall input.submit{
	height: 			auto;
	width: 				auto;
	font-size: 			11px;
	color: 				#0066CC;	
	}

