html, body {
height: 100%;
margin: 0px;
padding: 0px;

}

body {
text-align: center;
}


#page_position {
min-height: 100%; /*fuer Safari*/
height: 100%; /* fuer IE6*/
width: 809px;
margin: auto;
}

   /*box model hack, lustigerweise von Firefox und Safari benoetigt*/
html>body #page_position {
    height: auto;
        }
/* /box model hack*/

#container_content {
position: relative;
float: left;
width: 650px;
text-align: left;
padding-bottom: 30px;
}


#logo {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 150px;
z-index: 200;
}

#logo p span, #homelink span {
display: none
}

#homelink {
display: block;
width: 250px;
height: 120px;
}

#grafik_1 {
position: absolute;
top: 0px;
right: 4%;
width: 400px;
height: 100px;
z-index: 199;
}

#grafik_2 {
display: none;
}

#footer {
float: right;
position: relative;
left: -130px;
width: 590px;
padding: 3px 0px;
margin: 0px 30px 0px 30px;
*margin: 20px 15px 0px 15px; /* warum auch immer, aber IE6 verdoppelt den margin links und rechts. ausserdem rŸckt er alles zu weit hoch.*/
}

#bottom { /* fuer Firefox, Safari und andere CSS-konforme Browser noetig, um den Spaltenhintergrund aufzuziehen*/
width: 650px;
margin-left: 0px;
padding: 5px 10px;
}


#navigation_container {
position: relative;
top: 200px;
width: 158px;
float: left;
z-index: 1000;
}

#navigation {

}

#sponsoren {
	padding-left: 28px;
	text-align: center;
	font-size: 15px;
}

#sponsoren .csi-imagewrap {
	padding-left: 4px;
}

#subnavi {
float: left;
margin: 212px 0px 0px 30px;
*margin: 212px 0px 0px 15px;
width: 180px;
}

.tx-wagrandomimage-pi1 {
margin-left: 270px;
}


/* ----------------- Textformatierungen und Inhaltsformatierungen ------------------- */

ul {
padding: 0px;
}

/* --------- Seitentitel ----------*/
.content_1 {
float: right;
width: 330px;
padding: 10px 50px 12px 0px;
margin: 150px 0px	0px 0px;
}

.content {
float: right;
width: 350px;
padding: 0px 30px 0px 0px;
}


#container_content h3 {
margin-left: 270px;
/*border: 1px solid aqua;*/
}

#container_content #content h3 {
margin-left: 270px;
/*border: 1px solid salmon;*/
}

#container_content #content .news-single-item h3 {
margin-left: 0px;
/*border: 1px solid green;*/
}

#container_content #content .news-single-item h2, #container_content #content .csi-above .csi-text h3 {
margin-left: 0px;
}

#container_content #content .csi-right h2, #container_content #content .csi-right .csi-text h3 {
margin-left: 270px;
}

#container_content #content .news-list-container .newslist h2,  #container_content div.newslist h2 {
margin-left: 0px;
}

#container_content #content h1, #container_content #content h2 {
margin-left: 270px;
}

#container_content #content ul, #container_content #content ol {
margin-left: 270px;
/*border: 1px solid red;*/
}



#container_content div.csi-left {
margin-left: 270px
}

#container_content div.csi-left div.csi-imagewrap {
width: 350px;
*margin-top: 20px;
}

#container_content div.csi-left div.csi-text p.bodytext {
margin-left: 0px;
}

#container_content div.csi-center div.csi-imagewrap {
margin-left: 20px;
*margin-left: 10px;
*margin-top: 10px;
float: left;
}

#container_content div.csi-center div.csi-text p.bodytext, #container_content #content div.csi-center div.csi-text h3, #container_content #content div.csi-center div.csi-text h2 {
width: 350px;
*width: auto;
*margin-right: 25px;
margin-left: 270px;
}

/* --------- CO Image Intext left wird ausgerückt ----------*/

#container_content div.csi-intext-left {
margin-left: 270px;
}

#container_content div.csi-intext-left div.csi-imagewrap {
margin-left: 0px;
float: left;
margin-right: 20px;
margin-top: -10px;
*margin-top: 20px;

}

#container_content div.csi-intext-left div.csi-text p.bodytext {
width: 350px;
*width: auto;
*margin-right: 25px;
margin-left: 0px;
}

#container_content div.csi-center div.csi-imagewrap {
margin-left: 20px;
*margin-left: 10px;
*margin-top: 10px;
float: left;

}

#container_content #content .csi-intext-left .csi-text ul {
margin-left: 0px;
}


#container_content div.csi-center div.csi-text p.bodytext {
width: 350px;
*width: auto;
*margin-right: 25px;
margin-left: 270px;
}

#container_content div.csi-right {
margin-left: 0px;
}

#container_content div.csi-right div.csi-text p.bodytext {
width: 350px;
*width: auto;
*margin-right: 25px;
margin-left: 270px;
}

#container_content div.csi-right div.csi-imagewrap p.csc-caption {
margin-left: 20px;
margin-right: 20px;
}


dd {
margin:0px;
}

/* --------- sorgt dafür, dass das floating nach den CO stimmt ----------*/

div.csi-clear {
clear: both;
}

.content_left {
float: left;
width: 200px;
margin: 1em 0em 0em 20px;
*margin: 1em 0em 0em 10px;
}

.content_breit {
float: right;
width: 650px;
margin: 0px;
}

.bildimtext {
float: left;
margin: 3px 10px 10px 0px;
}


/* --------------------- Styling Formulare --------------------- */

.zeile {
margin-left: 270px;
}

.formularwrap {
width: 350px;
margin-left: 270px;
}

.csc-searchform {
margin-left: 20px;
*margin-left: 10px;
width: 240px;
float: left;
}

div.user {
margin: 30px 0px 30px 270px;
}

/* --------------------- Styling Suchergebnisse ---------------- */

.csc-searchResultInfo {
margin-left: 20px;
*margin-left: 10px;
margin-top: 5px;
width: 600px;
float: left;

}

.csc-searchResultHeader, .csc-searchResult {
width: 350px;
margin-left: 270px;
margin-top: 5px;
}

/* --------------------- Styling News ---------------- */

.h2_newslist {
margin-right: 30px;
margin-top: 20px;
}

div.newslist h2 {
margin-top: 0px;
}

/* --------- Untermenü Archiv ----------*/

#container_content #content .news-amenu-container ul {
/*border: 1px solid blue;*/
margin-left: 0px;
width: 220px;
}


#container_content div.news-amenu-container {
width: 210px;
margin-left: 20px;
*margin-left: 10px;
float: left;
}

#container_content div.news-amenu-container ul{
margin: 0px;
list-style: none;
}


div.news-amenu-container li {
margin: 5px 0px;
*margin-left: -15px;
}

div.news-amenu-container li a {
margin-left: 0px;
}


#container_content div.content p.bodytext {
margin-left: 0px;
}

#container_content div.newslist {
list-style: none;
}

#container_content dd {
margin-top: 20px
}

.news-amenu-item-year dd {
*margin-left: -40px;
}

			/* -- News-Einzelansicht --*/


#container_content div.content_breit div.news-single-item p.bodytext, #container_content div.content_breit div.news-single-additional-info p.bodytext, #container_content div.content_left div.newslist p.bodytext, #container_content div.content_left p.bodytext {
margin-left: 0px;
}

#container_content div.news-single-additional-info {
margin-left: 20px;
*margin-left: 10px;
width: 220px;
float: left;
}



 #container_content div.content_breit div.news-single-additional-info p.bodytext {
width: 200px;
margin-top: 0px;
}

 #container_content div.content_breit div.news-single-additional-info dl {
margin-top: 50px;
 }


 #container_content div.content_breit div.news-single-additional-info dd {
margin: 5px 0px 0px 0px;
 }

.news-single-img {
margin: 30px 0px 30px 0px;
}

div.news-single-backlink {

margin-top: 30px;
}


			/* -- News -LATEST -- */


#container_content div.content_left div.newslist p.bodytext {
margin-left: 0px;
margin-bottom: 20px;
width: 200px;
}

#container_content div.content_left .h2_newslist, #container_content #content .content_left .newslist h2 {
width: 200px;
margin:0px;
}

#container_content div.content_left .h2_newslist {
margin: 0px 0px -5px 0px;
}

			/* -- News -SEARCH -- */


.news-search-emptyMsg p {
margin-left: 0px;
}

.news-catmenu-header {
width: 200px;

}

.news-catmenu .level1, .news-catmenu .level1 .level2 {
margin-left: 0px;
margin-top: 10px;
}

#container_content #content .content_left .news-search-form h2 {
margin-left: 0px;
}


/* --------------------- Styling Sitemap ----------------------- */

.csc-menu-2 {
width: 250px;
margin-left: 360px;
}

.csc-sitemap-level1 {
margin-top: 0px;
margin-top: 0.7em;
font-weight: bold;
}

.csc-sitemap-level2 {
margin-left: 2em;
margin-top: 0px
}
.csc-sitemap-level3 {
margin-left: 4em;
margin-top: 0px;
}

/* --------------------- Styling Subnavigation ----------------- */

#subnavi #subnav_liste {
width: 200px;
list-style: none;
margin: 0px;
}

#subnavi #subnav_liste li a {
display: block;
text-indent: 20px;
}

#subnavi #subnav_liste li a.subnav_zeile {
padding: 5px 10px 5px 15px;

}

#subnavi #subnav_liste li.subnav_firstline { /* Styling der ersten Zeile der Subnavi*/
height: 8px;
font-size: 1px;
*margin: 0px 0px -10px -16px;

}

#subnavi #subnav_liste li.subnav_lastline { /*Styling der letzten Zeile der Subnavi*/
height: 8px;
font-size: 1px;
*margin: -3px 0px 0px -16px;

}

/* Fix IE. Hide from IE Mac \*/
/* html #subnavi ul li, html #subnavi ul li ul li { float: left; height: 1%; }
* html #subnavi ul li a, html #subnavi ul li ul li a { height: 1%; }
/* End */



/* ---------------------- Styling Hauptmenue ------------------------ */

/* Styling der Liste allgemein */


#navigation ul {
margin: 0;
padding: 0;
list-style: none;
width: 158px; /* Breite Menu Items E1 */
}

#navigation ul li ul li {
margin: 0;
padding: 0;
list-style: none;
width: 170px; /* Breite Menu Items E2 */
}

#navigation ul li {
position: relative;
}

#navigation li ul {
position: absolute;
left: 158px; /* Abstand des E2 vom Hauptmenue */
top: 0;
display: none;
}


/* Styles fuer Menue-Items Ebene E1 */

#nav_liste li ul li {
z-index: 20000;
}

 #navigation ul li a { /* allgemeine Formatierung der in der Liste enthaltenen Links */
display: block;
text-decoration: none;
text-align: left;
padding: 6px 0px 6px 45px;
}


#nav_liste li.firstline {
height: 20px;
font-size: 1px;
width: 158px
}

#nav_liste li.lastline {
height: 8px;
font-size: 1px;
width: 158px
}



/* E1 Hover Styles*/


/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li, html #navigation ul li ul li { float: left; height: 1%; }
* html #navigation ul li a, html #navigation ul li ul li a { height: 1%; }
/* End */

/* E2 Menu Styles */
#navigation li ul li a, #navigation li ul li a:hover { /* allg. Styles fuer E2 MenuItems*/
padding: 4px 5px 4px 12px;
}

#navigation li ul li.e2_lastline, #navigation li ul li.e2_firstline
{ /* letzte Zeile der E2 -> runde ecke */
padding: 0px;
height: 8px;
font-size: 1px;
}


/* klappt die Unterkategorien aus -> !Wichtigster Style fuer das Menue, .over wird von .js gesteuert und ist fuer IE-WIN wichtig */
#navigation li:hover ul, #navigation li.over ul { display: block;}




/** northbit **/
#page_position {
  position:relative;
  width: 938px;
}
#logos{
  width:122px;
  position:absolute;
  top:213px;
  left:808px;
  background-repeat:no-repeat;
  background-image:url(../media/banner_b_bg.jpg);
  width:130px;
  height:162px;
}
/*
#logos DIV{
  margin-bottom:10px;
}
*/

#container_content div.singleCol TABLE P.bodytext{
	margin-left:0;
	width:auto;
}

#container_content div.singleCol TABLE {
	margin-left:270px;
}

#container_content #content ul UL{
  margin-left: 20px;
  list-style-type:circle;
  font-size:1em;
}

div.singleCol dl.csi-image{
  margin-top:0;
}

#language { position:absolute; top:10px; left:0px; width:100%; text-align:center; z-index:9999 }
#inner-language { width:650px; margin:0px auto; }
#inner-language table { margin-left:540px; }