/* CSS */

/* bg */
/* LAYOUT */



html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid transparent; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Verdana, sans-serif;
margin:0;
padding: 60px 0;
background: #003689 url(../_img/body-bg-wide.gif) center -110px repeat;
color:#000;
text-align:center;
}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/***********************************************************
 CONTAINER 
************************************************************/


#container {
background: #fff;
width: 916px;
border: 2px solid #fff;
padding: 0;
margin: 0 auto 60px auto;
}


/* Title 
**********************************************************/

div#branding {	
position:relative;
height: 100px;
width: 100%;
}

div#branding h1,
div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

#langnavi {
position: absolute;
right: 9px;
top: 7px;
}

#langnavi ul {
list-style-type: none;
}

#langnavi li,
#langnavi li a {
float: left;
display: block;
width: 25px;
height: 16px;
}

#langnavi li a {
text-indent: -1000em;
overflow: hidden;
color: transparent;
}

#langnavi li.de {
background: transparent url(../_img/flag-de.gif) left top no-repeat;
}

#langnavi li.en {
margin-left: 5px;
background: transparent url(../_img/flag-en.gif) left top no-repeat;
}

/* Navigation
*******************************************************/

#metanavi {
width: 100%;
height: 24px;
background-color: #1555b5;
margin-bottom: 2px;
}

#metanavi ul {
list-style-type: none;
float: right;
font-size: 11px;
}

#metanavi li {
float: left;
height: 19px;
padding: 5px 14px 0 15px;
background: transparent url(../_img/metanav-line.gif) left bottom no-repeat;
}

#metanavi a {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

#metanavi a:hover {
text-decoration: underline;
}

#metanavi .active a,
#metanavi .active a:hover {
text-decoration: none;
}

#metanavi li.active {
background: transparent url(../_img/metanav-active.gif) left bottom no-repeat;
}

/**************************/

#printlink {
float: right;
padding: 12px 14px 0 0;
}

#navigation {
width: 100%;
height: 41px;
background: #4c8fd0 url(../_img/navigation-bg.gif) left bottom repeat-x;
font-size: 12px;
margin-bottom: 2px;
}

#navigation ul {
float: left;
}

#navigation li {
float: left;
overflow: hidden;
list-style: none;
height: 41px;
padding: 0 6px;
background: transparent url(../_img/navigation-point.gif) right bottom no-repeat;
}

#navigation a {
margin-top: -4px;
color: #000;
vertical-align: bottom;
font-weight:bold;
text-decoration: none;
}

#navigation li.last a {
}

#navigation a:hover {
color: #666;
}

#navigation li.active {
background: transparent url(../_img/navigation-point-active.gif) right bottom no-repeat;
}

#navigation li.active a,
#navigation li.active a:hover {
color: #27559a;
}


/* Content 
**********************************************************/

#mainbody {
text-align:left;
background: #fff url(../_img/maincontent-bg.gif) left top repeat-x;
float:right;
clear:both;
width: 100%;
min-height:400px;
padding: 30px 0 0;
margin: 0 0 20px 0;
}

#content {
padding: 0 50px;
font-size: 13px;
float:right;
width: 580px;
}


/* Sidebar 
*************/

#sidebar {
width: 236px;
float:left;
font-size:12px;
color: #000000;
}


#subnavi {
width: 100%;
float: left;
}

#subnavi ul {
float: left;
list-style-type: none;
padding-bottom: 30px;
}

#subnavi li {
float: left;
width: 236px;
}

#subnavi a {
float: left;
text-decoration: none;
display: block;
width: 216px;
/*height: 22px;
padding: 8px 0 0 20px;*/
padding: 8px 0 6px 20px;
color: #478ccf;
font-weight: bold;
background: transparent url(../_img/subnavi-bg.gif) left bottom no-repeat;
}

#subnavi a:hover,
#subnavi .active a,
#subnavi .active a:hover,
#subnavi .active li a:hover,
#subnavi .active .active a,
#subnavi .active .active a:hover  {
color: #1555b5;
}

#subnavi .active a {
background: transparent url(../_img/subnavi-active.gif) right bottom no-repeat;
}

#subnavi .active li a {
width: 206px;
/*height: 19px;
padding: 5px 0 0 30px;*/
padding: 5px 0 5px 30px;
font-size: 10px;
color: #478ccf;
background: transparent url(../_img/subnavi-bg.gif) left bottom no-repeat;
}

#subnavi .active ul {
padding-bottom: 10px;
}

#subnavi .active .active a {
background: transparent url(../_img/subnavi-sub-active.gif) right bottom no-repeat;
}

#subcontent {
float: left;
clear: both;
width: 236px;
}

#subcontent .section-txtpic {
padding: 0 0 0 20px;
width: 216px;
}

#subcontent hr {
width: 216px;
margin: 3px 0 15px 20px;
}

#subcontent div.grey {
padding: 10px 20px 0 20px;
width: 196px;
background-color: #e6ecf1;
}

/* Footer 
**********************************************************/

#siteinfo {
clear:both;
font-size:11px;
color:#777777;
width: 916px;
overflow-x: hidden;
}
#siteinfo p {
margin: 0;
}
#siteinfo img {
display: block;
}
#siteinfo a,
#siteinfo a:hover {
color:#777777;
text-decoration:none;
}
#siteinfo a:hover {
text-decoration:underline;
}




/********************************************************* 
allgemeine Formate Text, Formulare, Tabellen, Bilder
**********************************************************/

h1, h2 {
font-size: 15px;
text-transform: uppercase;
margin: 0 0 10px 0;
font-weight: normal;
}

h3 {
font-size: 15px;
text-transform: uppercase;
margin: 0 0 10px 0;
font-weight: normal;
}
h4 {
font-weight: bold;
font-size: 14px;
margin: 0 0 10px 0;
}
h5 {
font-size: 13px;
font-weight: bold;
margin: 0 0 10px 0;
}
h6 {
font-size: 13px;
font-weight: normal;
margin: 0 0 10px 0;
}

p {
margin: 0 0 10px 0;
line-height: 18px;
}

p.alignright {
text-align: right;
}

#subcontent span.bluetext,
#content span.bluetext {
color: #0041a2;
}

ul, ol, li {
margin: 0;
padding: 0;
}
#content ul,
#content ol {
margin: 0 0 18px 20px;
padding: 0;
line-height: 18px;
}
#content ol {
margin: 0 0 18px 30px;
}
#content li {
margin: 0 0 4px 0;
}

body #mainbody div.listspiral .sectiontext ul {
list-style-image:url("../_img/list-spiral.gif");
line-height:18px;
}

body #mainbody div.listtick .sectiontext ul {
list-style-image:url("../_img/list-tick.gif");
line-height:18px;
}
body #mainbody div.li .sectiontext ul {
list-style-position:inside;
}



a {
color: #cc9c00;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}
body #mainbody a {
font-weight: bold;
}


hr {
height: 1px;
background-color: #C5D3DF;
color: #C5D3DF;
border: none;
/*border-top: 3px dotted #666666;*/
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 100%;
font-size: 12px;
width: 100%;
}

th {
border-top: 1px solid #ccc; 
border-bottom: 2px solid #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}
td {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0;
padding: 0;
font-size:100%;
float:left;
clear: both;
}

form p {
margin:0;
clear:both;
width:100%;
}
form p.req {
margin-bottom:6px;
width:auto;
}

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

legend {	
font-weight: bold;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:0;
float:left;
font-size:100%;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 6px 0;
border:1px solid #c5d3df;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:100%;
}

input.submit {	
float:left;
color: #ffffff;
margin: 0 5px 6px 0;
border:1px solid #1555B5;
background:url("../_img/navigation-bg.gif") repeat-x scroll left bottom #4C8FD0;
font-weight: bold;
width:auto;
}



/********************************************************* 
allgemeine Klassen
**********************************************************/

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

.clear {
clear: both;
}



/********************************************************* 
MODUL-Formate
**********************************************************/

/* Abstand + Clear
*************************/

div.space {
height: 25px;
clear:both;
}


/* MODUL Text + Bild
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;
}

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 11px;
line-height:13px;
margin:4px 0;
padding-bottom:4px;
display:block;
}

body #container #content p.pic a.extern {
background: none !important;
padding: 0 !important; 
}

body #container #content .multipic-container .multipic a.extern {
background: none !important;
padding: 0 !important; 
}

/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}



/* MODUL Galerie
 * allgemein
**********************/

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
/*display: inline;*/
float:left;
display: block;
width: 118px;
height: 118px;
overflow: hidden;
margin:0 3px 3px 0;
}
#content div.gallery li img {
border:none;
}


/* KONTAKT-FORMULAR xform
**********************************/

div.form-kontakt {
}

div.form-kontakt form {
margin:0 0 10px 0;
}
div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
margin-bottom: 8px;
width: 350px;
}
div.form-kontakt textarea {	
width: 350px;
}
div.form-kontakt label {	
width: 170px;
font-size: 11px;
}
div.form-kontakt p.req {
font-size: 11px;
margin-left: 170px;
color:#0041A2;
}
div.form-kontakt input.submit {	
margin-left: 170px;
width:auto;
}
div.antispam {
display: none;
}

#content ul.form_warning {
list-style: none;
margin:0 0 15px 0;
color: #0041A2;
line-height: 14px;
}
ul.form_warning li.first {
font-weight: bold;
}
p.answertext {
}


/* Dateimarkierung fuer Downloadlinks 
 * Klasse per jquery vergeben
*************************************/

#content a.extern {	
background: transparent url(../_img/extern-icon.gif) right bottom no-repeat;
padding: 5px 22px 0 0;
}

#content a.pdf {	
background: transparent url(../_img/pdf-icon.gif) right bottom no-repeat;
padding: 5px 22px 0 0;
}

#content a.mailto {	
background: transparent url(../_img/mailto-icon.gif) right bottom no-repeat;
padding: 5px 22px 0 0;
}

/* bei Verwendung dieser Klassen muessen die passenden Icons hinterlegt werden
#content div.filedownload a {	
line-height: 25px;
padding: 5px 0 0 26px;
background: transparent url(../_img/default-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.word {	
background: transparent url(../_img/word-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.text {	
background: transparent url(../_img/txt-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.xls {	
background: transparent url(../_img/xls-icon.gif) no-repeat 0 0;
}*/


/* MODUL Tabelle
 * ohne Rahmen
 * sonst Standardformat
***************************/

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}

table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}


/* MODUL Artikel-, Kategorieliste, Paginierung 
***********************************************/
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

#content ul.pagination {
margin-left:0;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-right:4px;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
border: 1px solid #ffffff;
}
#content ul.pagination li a:hover {
border: 1px solid #666;
}
#content ul.pagination li.active a {
color:#ffffff;
border: 1px solid #666;
background-color:#666;
}
#content ul.pagination li.active a:hover {
}


/* MODUL Sitemap 
**********************/

#content ul.sitemap {
padding-top:10px;
line-height:18px;
list-style: none;
font-weight: bold;
}
#content ul.sitemap ul,
#content ul.sitemap ul ul {
font-size:11px;
font-weight:normal;
padding-top:0;
}


/* MODUL ueberschrift
**********************/

.headline-box h2,
.headlinebox h3 {
margin: 0 0 5px;
}

/* Zum Seitenanfang Link
*********************/

.toplink {
float: left;
clear: both;
margin: 0 0 10px;
}

.toplink a {
width: 120px;
font-size: 11px;
display: block;
padding-left: 20px;
background: transparent url(../_img/toplink-arrow.gif) left center no-repeat;
color: #636a71;
text-decoration: none;
}

.toplink a:hover {
color: #393e42;
}


/* Multipic
*********************/

.multipic-container {
float: left;
clear: both;
width: 100%;
margin: 0 0 25px 0;
}

.multipic {
display: block;
margin-bottom: 0;
}

.multipic img {
display: block;
}


/* Newsletter
*********************/

div.form-newsletter {
margin:0 0 25px 0;
float: left;
clear: both;
width: 100%;
}
div.form-newsletter input, 
div.form-newsletter textarea {	
margin-bottom: 8px;
width: 300px;
}
div.form-newsletter select {
margin-bottom: 8px;
width: 100px;
}

div.form-newsletter textarea {	
width: 300px;
}
div.form-newsletter label {	
width: 150px;
}
div.form-newsletter p.req {
font-size: 11px;
margin-left: 150px;
color:#0041A2;
}
div.form-newsletter input.submit {	
margin-left: 150px;
width:auto;
}