html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	list-style-type: none;
	margin: 0;
	outline: 0;
	padding: 0;
}
fieldset,
img{
	border: 0;
}
div.clear,
span.clear{
	clear: both;
	height: 0; 
	line-height: 0;
}
html {background: url(images/wrapperBg.png) repeat-y center #095899; width:100%; height:100% !important;}
body{color: #022f6b;font-family: Arial, helvetica, sans-serif;font-size: 11px; height: 100%;}

a{color: #022f6b;text-decoration: none; font-style: italic;}
a:hover{text-decoration: underline;}

#wrapper {position: relative; top: 0px; left: 0px; width: 936px; margin: auto;min-height: 100%;height: auto !important;height: 100%;}
#header {background: url(images/header.png) no-repeat; position: relative; top: 0px; left: 0px; width: 936px; height: 179px;}
.logo{position: absolute; top: 0px; left: 0px; background: url(images/logo.png);display: block;height: 116px;width: 366px;}
ul.navi {position: absolute; top: 120px; left: 50px; width: 836px; margin: 0; padding: 0; height: 47px;}
ul.navi li {float: left;}
ul.navi li a{color: #FFFFFF;display: block;font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: bold; font-style: normal; line-height: 47px;text-decoration: none;text-shadow: #000000 1px 1px 2px;text-transform: uppercase; padding: 0 32px 0 30px; background: url(images/topNavGrid.png) no-repeat right;}
ul.navi li a:hover{color: #bdef34;}
.fbLogin {position: absolute; top: 85px; left: 520px; width: 76px; height: 30px;}
.fblike {position: absolute; top: 48px; left: 515px; width: 86px; height: 50px;}
.twitter {position: absolute; top: 90px; left: 365px; width: 86px; height: 30px;}
.googleplus {position: absolute; top: 90px; left: 438px; width: 86px; height: 50px;}
.headBox {position: absolute; top: 63px; left: 595px; background: url(images/headbox.png); width: 316px; height: 68px;}
.headloginbutton {position: absolute; top: 10px; left: 248px; height:22px; width: 55px; border: 0; background: none; font-size: 10px; color: #FFF;}
div.register{height: 73px;margin: 62px 0 0 576px;}
div.register a.register{
			background: url(images/header_register.png);
			display: block;
			height: 73px;
			overflow: hidden;
			text-indent: -9999px;
			width: 217px;
		}
div.register div.online{
			background: url(images/header_user_online.png);
			color: #FFFFFF;
			font-size: 22px;
			height: 37px;
			line-height: 33px;
			padding: 0 100px 0 0;
			text-align: center;
			width: 65px;
		}
div.steps{
		height: 73px;
		margin: 36px 0 0 81px;
	}
ul.steps,
ul.stars{
		background: url(images/header_steps.png) no-repeat;
		height: 73px;
		width: 880px;
	}
		div#header ul.stars{
			background: url(images/header_stars.png) no-repeat;
		}
		div#header ul.steps li,
		div#header ul.stars li{
			float: left;
			margin-left: 55px;
			width: 256px;
		}
			div#header ul.steps li:first-child,
			div#header ul.stars li:first-child{
				margin-left: 0;
			}
			div#header ul.steps li a,
			div#header ul.stars li a{
				display: block;
				height: 73px;
				overflow: hidden;
				text-indent: -9999px;
				width: 256px;
			}
			div#header ul.stars li a{
				color: #FFFFFF;
				text-indent: 0;
				font-family: "Franklin Gothic Medium", Verdana;
				font-size: 22px;
				text-align: center;
				text-decoration: none;
				line-height: 90px;
			}
	div#header div.bottom{
		margin-top: 32px;
		padding: 11px 0 0 35px;
	}
		div#header div.bottom div.text{
			float: left;
			padding-top: 5px;
		}
		div#header div.bottom div.right{
			float: right;
			text-align: right;
		}
		div#header div.bottom form#header-login{
			
		}
			div#header div.bottom form#header-login input{
				background: none;
				border: 0;
				color: #666666;
				font-family: Verdana;
				font-size: 12px;
				height: 16px;
				padding: 8px 5px 4px 25px;
			}
				div#header div.bottom form#header-login input.username{
					background: url(images/login_username.png);
					width: 107px;
				}
				div#header div.bottom form#header-login input.password{
					background: url(images/login_password.png);
					width: 103px;
				}
				div#header div.bottom form#header-login button.submit{
					background: url(images/login_submit.png);
					border: 0;
					cursor: pointer;
					height: 28px;
					margin-left: -4px;
					overflow: hidden;
					text-indent: 9999px;
					width: 55px;
				}
					div#header div.bottom form#header-login button.submit::-moz-focus-inner{
						border: 0;
						margin-top: 7px;
					}

div#content-wrapper{
	margin: 0 0 20px 16px;
	width: 904px;
}
	div#content-wrapper div#content-left{
		float: right;
		width: 311px;
	}
		body.logged-in div#content-wrapper div#content-left{
			width: 311px;
		}
	div#content-wrapper div#content-right{
		float: left;
		width: 585px;
	}
		body.logged-in div#content-wrapper div#content-right{
			width: 585px;
		}

div.box{
	border: 1px solid #cad1d5;
	background: #d8dee2;
	border-top: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	padding: 7px;
	margin: 0 0 10px 0;
}

div#content-wrapper h2,
div#content-wrapper div.kopf,
div#content-wrapper div.kopf_in{
	border: 1px solid #cad1d5;
	border-radius: 5px;
	border-bottom: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	color: #022f6b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	height: 25px;
	line-height: 28px;
	margin: 3px 0 0;
	text-indent: 7px;
	background: #d8dee2;
}
	body.logged-in div#content-wrapper h2,
	body.logged-in div#content-wrapper div.kopf,
	body.logged-in div#content-wrapper div.kopf_in{
		background: #d8dee2;
	}
	div#content-wrapper div#content-left h2{
		background: #d8dee2;
	}
		body.logged-in div#content-wrapper div#content-left h2{
			background: #d8dee2;	
		}
div#content-wrapper h3{
	font-size: 14px;
	margin-bottom: 5px;
}

div#content-wrapper div.box h2{
	font-size: 14px;
	margin-bottom: 5px;
	background: #022f6b;
	color: #FFF;
}

.navTop {background: url(images/navTop2.png); width: 145px; height: 30px; line-height: 25px; font-size: 14px; font-weight: bold; padding: 0 7px 0 3px;}
.navMid {background: url(images/navMid2.png); width: 145px; padding: 0 7px 0 3px;}
.navFoot {background: url(images/navFoot2.png); width: 155px; height: 19px;}

div#content-left ul.navi{
	padding: 0 20px;
}
	div#content-left ul.navi li{
		list-style-type: square;
	}
		div#content-left ul.navi a{
			color: #000000;
			
		}

div#content-right p{
	margin-bottom: 15px;
}
	div#content-right p.more{
		text-align: right;
	}
		div#content-right p.more a{
			text-decoration: none;
			font-weight: bold;
		}
div#content-right img.picture{
	float: right;
	position: relative;
	left: 7px;
}

div.news{
	
}
	div.news p{
		margin-bottom: 10px;
	}
		div.news p span.date{
			color: #2BA7E7;
			display: block;
			font-weight: bold;
		}

/* Dropdown */
#navmain {position: relative; top: 119px; left: 38px; width: 731px; height: 51px;}
#steuerung{position: relative; top: 0px; left: 0px; width: 731px; text-align: left;}

#steuereinheit1{float: left; background: url(images/ddtopBg.png) right; display: block; color: #fff; font-size: 1.4em; text-align: left; text-decoration: none; text-shadow: #000000 1px 1px 2px;text-transform: uppercase; padding: 0 2px 0 0; margin: 0; width: 148px; height:51px; line-height: 51px;}
#steuereinheit1:hover {color: #bdef34;}
#steuereinheit2{float: left; background: url(images/ddtopBg.png) right; display: block; color: #fff; font-size: 1.4em; text-align: left; text-decoration: none; text-shadow: #000000 1px 1px 2px;text-transform: uppercase; padding: 0 2px 0 0; margin: 0; width: 148px; height:51px; line-height: 51px;}
#steuereinheit2:hover {color: #bdef34;}
#steuereinheit3{float: left; background: url(images/ddtopBg.png) right; display: block; color: #fff; font-size: 1.4em; text-align: left; text-decoration: none; text-shadow: #000000 1px 1px 2px;text-transform: uppercase; padding: 0 2px 0 0; margin: 0; width: 148px; height:51px; line-height: 51px;}
#steuereinheit3:hover {color: #bdef34;}
#steuereinheit4{float: left; background: url(images/ddtopBg.png) right; display: block; color: #fff; font-size: 1.4em; text-align: left; text-decoration: none; text-shadow: #000000 1px 1px 2px;text-transform: uppercase; padding: 0 2px 0 0; margin: 0; width: 148px; height:51px; line-height: 51px;}
#steuereinheit4:hover {color: #bdef34; text-decoration: none;}

div#myOtherElement {width: 150px;height: 51px;line-height: 51px;overflow: hidden;background: url(images/ddmenuBg.png);position: absolute;z-index: 10; text-align: center}
div#myOtherElement span {display: block;}
div#myOtherElement a {display: block; height: 16px; font-size: 11px; color: #bbe6ff;}
div#myOtherElement a:hover {color: #fff;}

div#myOtherElement2 {width: 150px;height: 51px;line-height: 51px;overflow: hidden;background: url(images/ddmenuBg.png);position: absolute;z-index: 10; text-align: center}
div#myOtherElement2 span {display: block;}
div#myOtherElement2 a {display: block; height: 16px; font-size: 11px; color: #bbe6ff;}
div#myOtherElement2 a:hover {color: #fff;}

div#myOtherElement3 {width: 150px;height: 51px;line-height: 51px;overflow: hidden;background: url(images/ddmenuBg.png);position: absolute;z-index: 10; text-align: center}
div#myOtherElement3 span {display: block;}
div#myOtherElement3 a {display: block; height: 16px; font-size: 11px; color: #bbe6ff;}
div#myOtherElement3 a:hover {color: #fff;}

div#myOtherElement4 {width: 150px;height: 51px;line-height: 51px;overflow: hidden;background: url(images/ddmenuBg.png);position: absolute;z-index: 10; text-align: center}
div#myOtherElement4 span {display: block;}
div#myOtherElement4 a {display: block; height: 16px; font-size: 11px; color: #bbe6ff;}
div#myOtherElement4 a:hover {color: #fff; text-decoration: none;}


div#footer{
	position: relative; bottom: 0;
	width: 936px;
	margin: auto;
	background: url(images/footer_background.png) no-repeat bottom;
	height: 57px;
	color: #FFF;
}
div#footer ul{padding: 0; margin: 0; position: absolute; left: 70px; top: 32px;}
div#footer ul li{display: inline;}
div#footer a{color: #fff;font-weight: bold; font-style: normal;}



