/*--------------------*/
/*------ Layout ------*/
/*--------------------*/

html, body {
height:100%;
}

* {
margin:0;
padding:0;
}

/* allgemeines Layout */
body {
text-align:center;
background-color:#D4D7DC;
color:#000000;
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, sans-serif;
font-size:8pt;
}

/* zentrierender Container */
#container {
/*left:50%;*/
/*margin-left:-530px;*/
margin:10px auto 0px;
padding:0px;
/*position:absolute;*/
text-align:left;
width:1061px;
background-color:transparent;
/*height:100%;*/
}

/* Headerbox mit Slogan */
#slogan {
font-family:Arial, sans-serif;
font-size:10pt;
float:left;
width:210px;
height:70px;
border:0px solid #000000;
padding:80px 0px 0px 0px
}

/* Headerbox mit Logo */
#logo {
background: url(../grafiken/logo.gif) scroll no-repeat;
float:left;
width:311px;
height:140px;
margin:10px 0px 0px 40px;
}

/* Headerbox mit Zitat */
#citation {
font-family:Arial, sans-serif;
font-size:10pt;
float:left;
width:500px;
height:70px;
padding:80px 0px 0px 0px;
}


#wrapper {
width:1055px;
height:100%;
position: relative;
overflow:visible;
clear: both;
}

.clear {
clear: both;
}

/* Container mit Hintergrund (Menuespalte, weißer Hintergrund, rechter Schlagschatten) */
#background {
background:url(../grafiken/background-navi-dropshadow.gif) scroll no-repeat left bottom;
/*background-color:#FFFFFF;*/
position: relative;
clear: both;
margin:0px;
padding:2px 2px 0px 2px;
padding-right: 60px;
width:1051px;
height:100%;
overflow:visible;
/*clear: both;*/
}

#right-shadow {
top: 0px;
left: 1055px;
height:100%;
position:absolute;
}


/* Fusszeile mit Schlagschatten */
#footer {
background:url(../grafiken/bottom_dropshadow.gif) scroll no-repeat;
margin:0px;
padding:0px;
width:1061px;
height:11px;
}

/* Menuebox */
#menu-box {
width:208px;
height:100%;
padding:0px;
margin-top:-2px;
border-top:2px solid #FFFFFF;
/*background-image:url(../grafiken/background-navi-mit-logo.gif);
background-position:bottom;
background-repeat:no-repeat;*/
float:left;
}

/* Menue */
#menu
{
list-style: none;
padding:45px 0px 0px 8px;
margin-bottom:50px;
}

/* Menue-Items */
.menu-item-level1 {
font-family:Arial, sans-serif;
font-size:8pt;
color:#FFFFFF;
padding:5px 0 5px 25px;
border-top: 1px solid #D16160;
}

.menu-item-level2 {
font-family:Arial, sans-serif;
font-size:8pt;
color:#FFFFFF;
padding:4px 0 4px 45px;
/*list-style:square inside;*/
/*border-bottom: 1px solid #D16160;*/
}

.menu-item-level2-active{
font-family:Arial, sans-serif;
font-size:8pt;
color:#FFFFFF;
padding:4px 0 4px 45px;
background-image:url(../grafiken/pfeil-active.gif);
background-repeat:no-repeat;
background-position:25px;
}

.menu-item-level2 .active {
/*background-image:url(../grafiken/pfeil-active.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:18px;*/
list-style:none url(../grafiken/pfeil-active.gif) outside;
display:list-item !important;
}

/* Footer-Menue-Logo */
#bottom-logo {
width:55px;
height:100%;
height:269px;
padding-left:40px;
background:url(../grafiken/bottom_logo.gif) scroll no-repeat bottom;
}

/* Content-Box */
#content {
width:550px;
float:left;
padding-left:28px;
padding-top:40px;
padding-right:32px;
margin-bottom: 25px;
}

#content .text a {
  color: #000000;
}



/* linke Inhaltsspalte */
.left_col {
width:320px;
float:left;
overflow:visible;
}

/*rechte Inhaltsspalte */
.right_col {
width:230px;
float:left;
overflow:visible;
}

/* rechte Spalte mit div. Boxen */
#right_box {
width:228px;
height:100%;
padding-right:1px;
float:right;
}

/* Key-Visual */
#keyvis {
width:228px;
height:304px;
float:right;
}

/* rote Box mit Name */
#name {
width:213px;
height:27px;
margin-top:1px;
padding-left:15px;
padding-top:12px;
background-color:#BD1C1C;
color:#FFFFFF;
float:right;
font-size:8pt;
font-family:Arial, sans-serif;
}

/* Bild */
.bild {
width:228px;
height:103px;
margin-top:1px;
float:right;
}

/* kleine Zitat-Box */
.s_citation {
width:216px;
overflow:auto;
margin-top:1px;
background-color:#E1E3E6;
padding-left:12px;
padding-top:12px;
padding-bottom:12px;
font-size:7pt;
line-height:1.5;
margin-bottom: 2px;
/*float:right;*/
clear:both;
}

.rightContent {
background-color: #FFFFFF;
margin-bottom: 1px;
}

.rightContent h1 {
font-size: 11px;
color: #c6282d;
margin-top: 0px;
margin-bottom: 10px;
}

.rightContent h2 {
font-size: 11px;
color: #000000;
margin-top: 0px;
margin-bottom: 10px;
}

/* Fusszeile */
#bottom {
width:1061px;
background-color:transparent;
text-align:center;
padding-top:15px;
padding-bottom:15px;
font-family:Arial, sans-serif;
}

/*--------------------*/
/*------ Typo --------*/
/*--------------------*/

#content h1 {
font-size: 12px;
color: #c6282d;
margin-top: 0px;
margin-bottom: 10px;
}

#content h2 {
font-size: 10px;
color: #000000;
margin-top: 0px;
margin-bottom: 10px;
}

#content .text {
margin-bottom: 25px;
}

#content ul {
list-style-image: url(../grafiken/square.gif);
margin: 0px 0px 0px 13px;
margin: 0px 0px 0px 18px;
padding: 0px;
}

#content ol {

margin: 0px 0px 0px 13px;
margin: 0px 0px 0px 18px;
padding: 0px;
}


.highlight {
color:#cb1313;
}

/* Liste mit Quadraten */
.left_col ul {
list-style-image: url(../grafiken/square.gif);
margin: 0px 0px 0px 13px;
*margin: 0px 0px 0px 18px;
padding: 0px;
}

.left_col li {
margin-top: 0px;
margin-bottom: 6px;
}

/* Liste mit Pfeilen */
.right_col ul{
list-style-image: url(../grafiken/arrow.gif);
margin: 0px 0px 0px 13px;
*margin: 0px 0px 0px 18px;
padding: 0px;
}

.right_col li {
margin-top: 0px;
margin-bottom: 6px;
}


/*--------------------*/
/*------ Links -------*/
/*--------------------*/

#menu a:link {
color:#FFFFFF;
text-decoration:none;
}

#menu a:visited {
color:#FFFFFF;
text-decoration:none;
}

#menu a:hover
{
color:#FFFFFF;
text-decoration:none;
}

#menu a:active {
color:#FFFFFF;
text-decoration:none;
}

#menu a {
display:inline;
}

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

.button {
border:1px solid #a2a4a7;
background-color:#d4d7dc;
color:#48494b;
font-family:Arial, sans-serif;
font-variant:small-caps;
font-size:1em;
width:100px;
}