@charset "utf-8";
/* CSS Document */

html, body
{
	height:					100%;
	padding:				0px;
	margin:					0px;
	background-color:		#006FB3;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;
	color:					#666666;
	Overflow-x: 			hidden;
	Overflow-y: 			auto;
}

#wrap_bg
{
	position:				absolute;
	width:					2200px;
	left:					50%;
	margin-left:			-1100px;
	z-index:				0;
}

#wrap_fg
{
	position:				absolute;
	width:					1000px;
	left:					50%;
	margin-left:			-500px;
	z-index:				2;
	background-image:		url(../img/alunna_htg_fg.png);
	min-height: 			100%; 
	height:					auto !important; 
	height:					100%;
}

#head
{
	position:				relative;
	width:					900px;
	left:					50%;
	height:					130px;
	margin-left:			-450px;
	z-index:				3;
	background-image:		url(../img/alunna_htg_head.jpg);
}

		#head_logo
		{
			position:				absolute;
			right:					30px;
			top:					35px;
		}
		
		#nav
		{
			position:				absolute;
			top:					94px;
			height:					30px;
			left:					30px;
			width:					700px;
		}

#subnav
{
	position:				absolute;
	right:					0px;
	top:					0px;
	width:					140px;
	padding:				30px;
	min-height:				200px;
	background-image:		url(../img/alunna_htg_submenu.jpg);
	line-height:			1.3em;
}

#body
{
	position:				relative;
	top:					0px;
	width:					900px;
	left:					50%;
	margin-left:			-450px;
	z-index:				2;
	font-size:				0.8em;
	line-height:			1.5em;
	min-height: 			100%; 
	height:					auto !important; 
	height:					100%;
}


	#ueberschrift
	{
		position:				relative;
		top:					30px;
		left:					30px;
		font-size:				1.8em;
		font-weight:			bold;
		color:					#006FB3;
	}
	
	#ueberschrift_2
	{
		position:				relative;
		top:					10px;
		left:					0px;
		font-size:				1.8em;
		font-weight:			bold;
		color:					#006FB3;
		margin-bottom:			15px;
	}

#main
{
	position:				relative;
	top:					0px;
	left:					30px;
	margin-top:				50px;
	width:					640px;
	min-height: 			100%; 
	height:					auto !important; 
	height:					100%;

}

#footer
{
	position:				relative;
	bottom:					0px;
	width:					1006px;
	left:					50%;
	margin-left:			-503px;
	background-image:		url(../img/alunna_htg_footer.png);
	height:					50px;
}
	

ul.main-navigation {
	position: 				absolute;
	left: 					0px;
	list-style-type: 		none;
	height: 				36px;
	margin: 				0 0 0 0px;
	background: 			url(../img/alunna_htg_nav.png) repeat-x 0 0; 
	font-size:				0.9em;
	padding-left:			0px;
}

ul.main-navigation li {
	display: block;
	float: left;
	height: 36px;
}
ul.main-navigation li a:link,
ul.main-navigation li a:visited,
ul.main-navigation li a:active {
	color: #333;
	display: block;
	text-decoration: none;
	padding: 13px 23px 7px 20px;
	background: url(../img/alunna_htg_nav.png) no-repeat 100% -108px;
}
ul.main-navigation li.first {
	background: url(../img/alunna_htg_nav.png) no-repeat 0 -36px;
	padding: 0 0 0 3px;
}
ul.main-navigation li.last {
	background: url(../img/alunna_htg_nav.png) no-repeat 100% -72px;
	padding: 0 10px 0 0;
}
ul.main-navigation li.last a:link,
ul.main-navigation li.last a:visited,
ul.main-navigation li.last a:active {
	background: none;
	padding-right: 15px;
}
ul.main-navigation li a:hover {
	color: #006FB3;
}
ul.main-navigation li.active {
	background: url(../img/alunna_htg_nav.png) repeat-x 100% -144px;
	margin: 0 0px 0 0;
}
ul.main-navigation li.active a:link,
ul.main-navigation li.active a:visited,
ul.main-navigation li.active a:active {
	background: url(../img/alunna_htg_nav.png) no-repeat 0 -180px;
	margin: 0 0 0 -8px;
	padding: 0 0 0 8px;
	color: #006FB3;
}
ul.main-navigation li.active a span {
	background: url(../img/alunna_htg_nav.png) no-repeat 100% -216px;
	margin: 0 0px 0 0;
	display: block;
	font-weight: bold;
	padding: 13px 27px 7px 18px;
}
ul.main-navigation li.first.active a {
	background: url(../img/alunna_htg_nav.png) no-repeat 0 -252px;
	margin: 0 0 0 -8px;
	padding: 0 0 0 7px;
}
ul.main-navigation li.last.active {
	padding: 0;
}
ul.main-navigation li.last.active a span {
	background: url(../img/alunna_htg_nav.png) no-repeat 100% -288px;
	margin: 0 0 0 0;
	padding: 13px 26px 7px 18px;
}

ul.sub-navigation {
	list-style-type: 		none;
	height: 				36px;
	margin: 				0 0 0 0px;
	font-size:				1em;
	padding-left:			0px;
	line-height:			1.5em;
}

ul.sub-navigation li, ul.sub-navigation li a {
	color:					#333;
	text-decoration:		none;
}

ul.sub-navigation li a:hover {
	color:					#006FB3;
	text-decoration:		none;
}

#zs
{
	width:				305px;
	margin-right:		21px;
	float:				left;
}

#zsr
{
	width:				305px;
	float:				none;
}

#zs_film
{
	width:				365px;
	margin-right:		21px;
	float:				left;
}

#zsr_film
{
	width:				240px;
	float:				left;
}

#ds
{
	width:				200px;
	margin-right:		15px;
	float:				left;
}

#dsr
{	
	width:				200px;
	float:				left;
}

#clear
{
	float:				none;
	margin-bottom:		100px;
}

#clear2
{
	float:				none;
	margin-bottom:		15px;

}

#sitemap
{
	float:				left;
	width:				105px;
	margin-top:			10px;
	margin-bottom:		20px;
	border-top:			1pt solid #CCCCCC;
}

#flash_error
{
	margin:				15px;
	background-color:	#FFA8AA;
	border:				1pt solid #FF0000;
	color:				#FF0000;
	padding:			10px;
}

#contact_form
{
	position:			absolute;
	left:				350px;
	top:				0px;
}

#contact_form input
{
	border:				1pt solid #CCCCCC;
	width:				250px;
	color:				#666666;
	font-size:			0.9em;
}

#contact_form input.sub
{
	border:				1pt solid #CCCCCC;
	width:				150px;
	color:				#FFFFFF;
	font-size:			0.9em;
	font-weight:		bold;
	background-color:	#006FB3;
}

#contact_form label
{
	font-size:			0.8em;
}

#down_bild
{
	float:				left;
	margin-right:		15px;
}