/*

ISU Gelb:			#FDE685;
Blau: 				#003485;
Red:					#D3242E;
Orange:	     		#F1A81F;
Dark-Organge 	#EA8B11;

*/

/* -------------Base styles-------------*/
h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}

a, a:link,  a:visited {
	color: #003485;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #D3242E;
	text-decoration: none;
}

p, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 75%;
	line-height: 125%;
}

li { font-size: 75%; }
li li { font-size: 100%; }

ul, li, li li, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

hr {
	height: 1px;
	background-color: #F1A81F;
	border: none;
	display: block;
	width: 100%;
	margin: 8px 0;
}

* html hr { color: #F1A81F; }

form, input {
	padding: 0;
	margin: 0;
}

input, select, textarea {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 100%;
	line-height: 100%;
}

/* --------- Textbrowser Annotations ---------*/
.hidden, h1, h2 {
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}

/* ---- Layout  ------*/
body {
	color: #333;
	font-size: 100.01%;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align: center;
	margin: auto;
	min-height: 98%;
	padding: 15px 0px 0px 18px;
	background: #FFF url(images/strips.gif) no-repeat 0px 14px;
}

.container {
	position: relative;
	text-align: left;
	min-width: 760px;
	width: 49em;
	display: block;
	margin: auto;
	min-height: 94%;
	height: auto;
	overflow: hidden;
}

* html body .container { height: auto; }

.head {
	width: 100%;
	height: 100px;
	background-image: url(images/hessen_wappen.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.pictureboard {
	width: 100%;
	height: 96px;
	float: left;
}

.wrapper {
	float: left;
	width: 100%;
	min-height: 256px;
	height: auto;
	background: url(images/white_line.gif) repeat-y 12em 0em;
}

.outerwrapper {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 6px;
	background: #FDE685 url(images/white_line.gif) repeat-y 36.7em 0em;
}

.detailwrapper {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 6px;
	background: #FDE685 url(images/white_line.gif) repeat-y 24.4em 0em;
}

.navigation {
	width: 12em;
	float: left;
}

/*---------------------- N A V I G A T I O N ----*/
.navigation li a, .navigation li a:link, .navigation li a:visited {
	font-size: 116.6%;
	text-decoration: none;
	padding: 4px 10px;
	display: block;
}

.navigation li a.focus, .navigation li a.active { color: #D3242E; }

.navigation li {
	background: #F1A81F;
	border-top: 6px solid #FFF;
	display: block;
}

* html li a { height: 1%; }
.navigation li.first { border-top: none; }
.navigation li.last { border-bottom: 6px solid #FFF; }

.navigation li ul li {
	background: #FDE685;
	border-top: none;
	border-bottom: 1px solid #F1A81F;
	display: block;
}

.navigation li ul li a {
	font-size: 75%;
	font-weight: normal;
}

.navigation li strong {
	font-size: 116.6%;
	font-weight: normal;
}

.navigation li .small {
	color: #D3242E;
	font-size: 100%;
}

/*---- C O N T E N T ----*/
.contentcontainer {
	float: right;
	width: 36em;
}

.content {
	width: 23em;
	float: left;
	padding: 12px 0px;
}

.detailwrapper .content {
	width: 10.5em;
	padding: 10px 0px;
}

.detailwrapper h3 {
	color: #D3242E;
	font-size: 112.5%;
	font-family: Tahoma , sans-serif;
	padding: 0px 0px 6px 0px;
}

.detailwrapper h5 {
	font-weight: bold;
	margin: 3px 0px;
}

.detailwrapper .content a, .navigation li .small, .annotation a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-decoration: none;
	padding: 0 0 0 10px;
}

.outerwrapper h3 {
	color: #003485;
	font-size: 112.5%;
	padding: 0px 0px 6px 0px;
}

.content h4, .program h4 {
	color: #003485;
	font-weight: bold;
	margin: 12px 0px;
}

.program {
	width: 23.4em;
	float: right;
	padding: 12px 0px;
}

.program h3, .program h4, .program p { padding: 0px 12px 0px 0px; }
.program hr { width: 96%; }

.content .bigred {
	color: #D3242E;
	font-size: 125%;
	font-weight: normal;
}

.content h5 { font-weight: bold; }

/* ----- ANNOTATIONEN ----*/
.annotation {
	width: 12em;
	float: right;
	padding: 12px 0px;
}

.annotation p, .annotation ul { padding: 0 10px; }
.annotation li a { display: block; }

.annotation h3, .annotation h4 {
	color: #003485;
	font-size: 87.5%;
	padding: 10px 12px 10px 12px;
}

.mapp {
	border-bottom: 6px solid #FFF;
	margin: -12px 0px 0px 0px;
}

.portrait { border: 1px solid #FFF; }

/* -------------------- F O O T E R ---*/
.bottomline {
	float: left;
	width: 100%;
	height: 10px;
	overflow: hidden;
}

.bottomline img { width: 100%; }

.footer {
	float: left;
	width: 100%;
	padding: 6px 0px;
}

.footer ul { float: left; }
.footer ul.right { float: right; }

.footer li {
	font-size: 68.75%;
	display: inline;
	vertical-align: text-bottom;
	text-transform: inherit;
}

.footer li a {
	text-decoration: none;
	background-image: url(images/trenner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0px 10px 0px 6px;
}

/* ---Style by VorSicht 2005 ---*/