/*||||||||||||||||||||BODY||||||||||||||||||*/

html, body {
	/*needed for correct footer-positioning*/
    height: 100%;
}

body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:76%;
	/*font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color:#444444;
	/*BEN: Had to be added, because of tt_news 1.3.0 bug, which strips all <p>-tags from content*/
	line-height:1.6em;
	/*the following bg-graphic is needed as a workaround for bloody msie*/
	background:#FFF url(../images/content_bg.gif) top right repeat-y;
	/*scrollbar formatting, only ie 5.5+*/
	/*and the document is not validating anymore, so out it goes again...
	scrollbar-face-color:#D1D1D3;
    scrollbar-highlight-color:#D1D1D3;
    scrollbar-shadow-color:#D1D1D3;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF; */
}



/*||||||||||||||||||||LAYER||||||||||||||||||*/

#wrapper {
	position:absolute;
	min-height:100%;
	height:100%;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:auto;
	width:100%;
	margin:0;
	padding:0;
}

body > #wrapper {
	height:auto;
	min-height:100%;
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	background:#5E7198 url(../images/header_bg.jpg) top left no-repeat;
	z-index:30;	
}

#head_bot_left {


	width:179px;
	height:30px;
/*	background:#1B2636;*/
	/*Out because of bloody MSIE
	border-bottom:1px #000000 solid;
	border-right:1px #FFFFFF solid;*/		
}

#head_bot_middle {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:29px;
	margin-top:0px;
	background:#F2F2F2;
    border-bottom:1px #FFFFFF solid;
	z-index:30;	
}

#impressum,#agbs {
	float:right;
}

#head_bot_right {
	position:absolute;
	right:0px;
	top:0px;
	width:179px;
	height:29px;
	background:#E1E1E1;
	/*border-bottom:1px #FFFFFF solid;*/
	border-left:1px #FFFFFF solid;	
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:100px;
}

#zitat {
	position:absolute;
	right:200px;
	bottom:15px;
	width:300px;
	height:30px;
}

#left {
	position: absolute;
	height: 100%;
	min-height: 100%;
	left:0px;
	top:0px;
	width:179px;
	border-right:1px #FFFFFF solid;
/*	background:#1B2636 url(../images/menu_bg.jpg) bottom left no-repeat;*/
	background: url(../images/menu_bg.jpg) bottom left repeat-y;
}

#mainmenu {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:179px;
	color:#FFFFFF;
	
}

#right {
	position: absolute;
	height: 100%;
	min-height: 100%;
	right:0px;
	top:0px;
	bottom: 0px;
	width:179px;
	border-left:1px #FFFFFF solid;
	background:#F2F2F2;
}

#rightcontent {
	margin:0px 0px 0px 0px;
	padding:55px 10px 0px 25px;
	width:144px;
}

#page {
	position: relative;
	min-height: 100%;
}

#middle {
	margin:30px 180px 0px 0px;
  background: #FFFFFF;
}

#content {
	padding:0px;
   background: #FFFFFF;
}

#innercontent {
   background: #FFFFFF;
}

#footer {
	padding:25px 0px 10px 25px;
}

#footer p {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.5em;
	color:#7F8E9B;
}


#left_footer {
	margin:0:;
	margin-bottom:25px;
}

#left_footer p {
	margin:0;
}

/*|||||||||||||||||||TYPO3 TEXTUAL MENU|||||||||||||||||||*/

#mainmenu a {
	text-decoration:none;
}

#mainmenu a:hover {
	text-decoration:none;
}

/*original first nav-level  was made smaller, because the main categories are not displayed anymore (in this textmenu)*/

.nav_one_off {
	margin:0px 0px 5px 0px;
}

.nav_one_on {
	margin:0px 0px 5px 0px;
}

.nav_one_off a {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	color:#FFFFFF;
}

.nav_one_on a {
	font-size:0.9em;
	font-weight:bold;
	line-height:1.2em;
	color:#FFFFFF;
}

.nav_two_off {
	margin:0px 0px 5px 10px;
}

.nav_two_on {
	margin:0px 0px 5px 10px;
}

.nav_two_off a {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	color:#FFFFFF;
}

.nav_two_on a {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.1em;
	color:#FFFFFF;
}

/*third nav-level most likely not used anymore*/
.nav_three_off {
	margin:0px 0px 5px 20px;
}

.nav_three_on {
	margin:0px 0px 5px 20px;
}

.nav_three_off a {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	color:#FFFFFF;
}

.nav_three_on a {
	font-size:0.8em;
	font-weight:bold;
	line-height:1.1em;
	color:#FFFFFF;
}



/*|||||||||||||||||||TYPOGRAPHY|||||||||||||||||||*/

h1 {
	font-size:1.4em;
	font-weight:normal;
	margin:0em 0em 0.7em 0em;
	color:#002C63;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:2.4em 0em 0.3em 0em;
	color:#00316E;
}

h3 {
	font-size:1.0em;
	font-weight:bold;
	margin:2.0em 0em 0.5em 0em;
	color:#00316E;
}

h4, h5, h6 {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	color:#444444;
}

p, ol, ul {
	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	margin:0px 15px 1.6em 0px;
	color:#444444;
}

ul,ol  {
	padding-left:15px;
}

ul.pdfs {
	list-style-type:none;
	list-style-image:url(../images/ico_pdf.gif);
}

#col_right p {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5em;
	margin:0px 15px 1.5em 0px;
	color:#444444;
}

td p {

	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	margin:0px 10px 3px 0px;
	color:#444444;
	vertical-align:top;
}

td {

	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	vertical-align:top;
}

table {

	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
	color:#444444;
}

p.csc-caption {
	font-size:0.9em;
	line-height:1.4em;
	margin:5px 0px 5px 0px;
	color:#999999;	
}

/*RTE-Config in Typo3 failed, so now we use as <H4> for this...*/
/*.klein {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	color:#444444;
}*/

pre {
	/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family:monospace;
	font-size:0.9em;
}
	
strong, b {
	font-weight:bold;
}

em,i {
	color:#000000;
	font-style:normal;
}

#content a {
	text-decoration:underline;
	color:#00234E;
}

#content a:hover {
	text-decoration:underline;
	color:#000000;
	background:#FFFFFF;
}



/*|||||||||||||||||||FORMS|||||||||||||||||||*/

form {
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	color:#313131;
	vertical-align:middle;
}

/*|||||||||||||||||||IMAGES|||||||||||||||||||*/

img {
border:0px;
}



/*|||||||||||||||||||TYPO3 NEWS CLASSES|||||||||||||||||||*/

.news_item, .latest_item, .single_item{
}

div.news_item a,  div.latest_item a,  div.latest_content a,  div.single_item a {
	text-decoration:underline;
	color:#00234E;	
}

div.news_item a:hover,  div.latest_item a:hover,  div.latest_content a:hover,  div.single_item a:hover {
	background-color:#FFFFFF;
	text-decoration:underline;	
	color:#00234E;
}

p.news_date, p.latest_date {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	color:#7D7D7D;
	margin:0;
}

h2.latest_title {
	font-size:1.0em;
	font-weight:bold;
	line-height:1.3em;
	color:#0072BC;
	margin:0;
}

h2.news_title {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	color:#0072BC;
	margin:0em 0em 0.4em 0em;
}

p.latest_content {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	color:#333333;
}

p.news_content {
	font-size:1.0em;
	font-weight:normal;
	line-height:1.6em;
	color:#333333;
}

p.latest_archive a {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	color:#333333;
}

.newsunten {
}

p.single_date {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.1em;
	color:#7D7D7D;
	margin:1.6em 0em 0em 0em;
}

h2.single_title {
	font-size:1.2em;
	font-weight:bold;
	margin:0.5em 1.5em 0.2em 0em;
	color:#00316E;
}

p.single_author {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.3em;
	margin:0em 1.6em 1.6em 0em;
	text-transform:uppercase;
}

p.single_content {
	color:#333333;
	font-size:1.0em;
	line-height:1.6em;
	margin:0.8em 1.6em 1.6em 0em;
}

p.single_content strong {
	color:#7D7D7D;
}

p.single_content a {
	font-size:0.8em;
	text-transform:uppercase;
}

#left p {
	margin:50px 5px 5px 5px;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.5em;
	color:#D7DBE1;
}

#left p a {
	color:#D7DBE1;
}

.suma{
	visibility:hidden;
	display:none;
}