@import url("extra.css");
/* 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 #FFFFFF; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Arial, sans-serif;
margin:0;
padding:0;
background: #abcaec url(../_img/background-body.jpg) center top no-repeat;
}

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





/* CONTAINER */

#container {
width: 1042px;
margin:0 auto;
clear: both;
position: relative;
}



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

div#branding {	
background: transparent url(../_img/background-logo.png) right top no-repeat;
position:relative;
height:179px;
width: 1024px;
}

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

.date-info span {
display: none;
}

.logolink {
display: block;
height: 179px;
width: 440px;
margin:0 0 0 192px;
}
.logolink span {
display:none;
}

#meta {
background: transparent url(../_img/shadow-top.png) right top no-repeat;
width:100%;
float:left;
clear: both;
}
#meta-cont {
width:1024px;
background:#fff;
float: left;
clear: both;
position: relative;
}

.date-info {
width: 252px;
height: 47px;
background: transparent url(../_img/date-info.gif) no-repeat 0 0;
float:left;
}


#search {
background:transparent url(../_img/bg_suche.jpg) no-repeat left top;
width:233px;
float:right;
margin-top:22px;
}
#search input{background: none;border:none;}
.search_send {text-indent: -1000em;width: 20px;cursor: pointer;margin:0;}
.search_in {width:130px;font-size: 0.8em;margin-top:2px}

#fb-link {
position: absolute;
right: 10px;
top:9px;
height: 32px;
width: 32px;
}
#fb-link a {
display: block;
height: 32px;
width: 32px;
background:#fff url(../_img/facebook.jpg) 0 0 no-repeat;
}


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


#extranavigation {
float:left;
text-align: right;
margin-top:22px;
}
#extranavigation ul li {
list-style: none;
display: inline;
margin-top:22px;
}
#extranavigation ul li a {
font-size: 0.7em;
text-transform: uppercase;
text-decoration: none;
padding: 0 19px 0 0;
color: #000;
}
#extranavigation ul li a:hover {
color: #2c6cbc;
}

#extranavigation ul li.active {
}
#extranavigation ul li.active a,
#extranavigation ul li.active a:hover {
color: #2c6cbc;
}

/**/
#navigation {
font-size: 0.8em;
background-color: #68A6E0;
height:36px;
padding-left: 193px;
clear: both;
}
#navigation #main {
width:831px;
}

#navigation ul {
position:relative;
}
#navigation li {
float:left;
list-style-type:none;
padding:10px 0 9px 0;
}

#navigation a {
color: #fff;
text-transform: uppercase;
font-weight:bold;
text-decoration: none;
padding:10px 44px 9px 0;
/*line-height:2.1em;*/
outline: none;
}
#navigation li.last a {
}

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

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


/**/
#subnavigation {
float:left;
width: 170px;
min-height:420px;
font-size: 0.8em;
padding-right: 10px;
}

#sub {
margin-bottom: 80px;
}

#subnavigation ul {
margin:25px 0 0 10px;
}
#subnavigation ul ul {
margin:5px 0 0 10px;
}
#subnavigation li {
margin-bottom: 14px;
list-style: none;
}
#subnavigation li ul li {
margin-bottom: 2px;
}
#subnavigation a {
color: #2c6cbc;
font-weight:bold;
text-decoration: none;
line-height:1.2em;
}

#subnavigation li a:hover,
#subnavigation li.active ul li a:hover,
#subnavigation li.active a,
#subnavigation li.active a:hover,
#subnavigation li.active ul li.active a,
#subnavigation li.active ul li.active a:hover {
color: #000;
}
#subnavigation li.active ul li a {
color: #2c6cbc;
}



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

#mainbody {
float:left;
clear: both;
width:100%;
background: transparent url(../_img/shadow-mi.png) right top repeat-y;
}
#mainbody-cont {
width:1024px;
background:#fff;
float:left;
clear: both;
}


#h2headline {
height: 42px;
position: relative;
margin-top:5px;
}
#h2headline h2 {
display:block;
height: 42px;
font-size:1.3em;
line-height: 39px;
padding: 0 0 0 190px;
background-color: #114077;
color: #fff;
}
#h2headline img {
position:relative;
top:8px;
left:-2px;
}
#h2headline span {
position:absolute;
left:-5000em;
top:-5000em;
}

#maincontent {
float:left;
width: 768px;
min-height:420px;
}

#content {
font-size: 0.8em;
float:left;
width: 490px;
padding: 25px 25px 20px 15px;
}
#maincontent .wide {
width: 753px;
padding-right: 0;
}
#content ul {
margin: 0 0 18px 20px;
padding: 0;
line-height: 1.25em;
}
#content ol {
margin: 0 0 18px 30px;
padding: 0;
line-height: 1.25em;
}
#content li {
margin: 0 0 4px 0;
}

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

#sidebar {
width: 205px;
padding: 25px 0;
float:right;
font-size:0.8em;
}

#info {
margin:25px 0 0 10px;
}


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

#siteinfo {
float:left;
clear: both;
width:100%;
background: transparent url(../_img/shadow-bottom.png) right bottom no-repeat;
height: 38px;
}
#siteinfo-cont {
width:1024px;
background:#fff;
float:left;
clear: both;
height: 38px;
}




/********************************************************* 
allgemeine Formate
**********************************************************/

h1, h2 {
font-size: 1.4em;
margin: 0 0 10px 0;
}
h3 {
font-size: 1.2em;
margin: 0 0 10px 0;
}
h4 {
font-size: 1em;
margin: 0 0 10px 0;
}
h5 {
font-size: 0.9em;
margin: 0 0 10px 0;
}
h6 {
font-size: 0.85em;
margin: 0 0 10px 0;
font-weight: normal;
}

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

ul, ol, li {
margin: 0;
padding: 0;
}


a {
color: #4874B2;
text-decoration: none;
}
a:hover {
border: none;
text-decoration: underline;
}

hr {
height: 1px;
background-color: #ccc;
color: #ccc;
border: none;
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


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

th {
border: none; 
padding: 4px 15px 4px 6px;
background: #fefefe;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border: none;
padding: 4px 15px 10px 6px;
text-align: left;
vertical-align: top;
}


td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0;
padding: 0;
font-size:1em;
}

form p {
margin:0;
clear:both;
width:100%;
}

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

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

label {	
margin:0;
font-size:1em;
display: block;
}

input,
select, 
textarea {	
margin: 0 5px 5px 0;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:1em;
}

input.submit {	
float:left;
margin: 0 5px 5px 0;
border:none;
background: #114077;
font-weight: bold;
color:#fff;
width:auto;
font-size: 1.2em;
text-transform: uppercase;
}

.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 20px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 20px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 0.85em;
line-height:1.2em;
margin:4px 0;
padding-bottom:4px;
display:block;
}
#content div.section-txtpic p.pic a {
padding:0;
background: none;
}


/* 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;
}


/* nur Bild */
.pic_partner {
float: left;
margin-bottom:40px;
margin-right: 30px;
}
.pic_partner img {
margin: 0 24px 4px 0;
}


/* Info 1-spaltig linke Spalte */

div.info {
margin: 0 0 0 0;
font-size: 0.9em;
}

div.info p.pic {
margin:4px 0 0 0;
}



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

#content div.gallery ul {
margin:0 0 0 -2px;
padding: 0;
}
#content div.gallery li {
list-style: none;
/*display: inline;*/
float:left;
display: block;
margin:0 5px 5px 0;
font-size: 0;
}
#content div.gallery li img {
border:none;
}
#content div.gallery li a {
display: block;
}


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

div.form-kontakt {
}

div.form-kontakt form {
margin:0 0 10px 0;
float:left;
clear: both;
}
div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
margin-bottom: 8px;
width:330px;
}
div.form-kontakt label {	
}
div.form-kontakt p.req {
font-size: 0.85em;
margin-bottom: 8px;
color:#666;
}
div.form-kontakt input.submit {	
width:auto;
padding: 1px 10px;
}
div.antispam {
display: none;
}

#content ul.form_warning {
list-style: none;
margin:0 0 15px 0;
color:#666;
}
li.error-first {
font-weight: bold;
}
p.answertext {
}

div.radioset {
margin-bottom: 10px;
}
p.radiolabel {
margin-bottom: 4px;
}
p.formradio {
margin-bottom: 6px;
}
div.form-kontakt input.radio {
width: auto;
border:none;
margin-bottom: 0;
}
div.form-kontakt label.radio {
width: auto;
display: inline;
}



/* Google maps
**********************/

div.map {
margin:0 0 10px -15px;
}

/* Dateidownload 
 * Klasse per jquery
**********************/

#content a.pdf,
#sidebar a.pdf {	
background: transparent url(../_img/pdf-icon.gif) no-repeat 0 0;
padding: 2px 0 3px 23px;
color:#000;
line-height: 20px;
}

/* Sitemap
**********************/
#content ul.sitemap {
margin:0 0 15px 0;
}
#content ul.sitemap ul {
margin:6px 0 15px 20px;
}
#content ul.sitemap li {
list-style: none;
font-weight: bold;
margin-bottom: 8px;
}
#content ul.sitemap li ul li{
font-weight: normal;
margin-bottom: 4px;
}


/* 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;
}
*/


/* REFERENTEN VIDEO ERWEITERUNG*/

#itv_container, video {
margin: 25px 0 0 0;
}