/* 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 #77848d; /* 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: #77848d url(../_img/body-bg.gif) left top repeat-x;
color:#4d4540;
text-align:center;
}

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





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


#container {
background: #f4f0e8;
width: 900px;
padding: 0;
border: 3px solid #485965;
border-top: none;
margin: 0 auto 20px;
}


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

div#branding {	
position:relative;
height:148px;
background: transparent url(../_img/header-bg.jpg) left top no-repeat;
}

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


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

#navigation {
font-size: 14px;
border: 1px solid #caba9e;
border-top: none;
background: transparent url(../_img/navi-bg.gif) left top repeat-x;
height: 31px;
}

#navigation ul {
border-right: 1px solid #90815c;
height: 31px;
}

#navigation li {
background: transparent url(../_img/navpoint-short-bg.gif) left top no-repeat;
float: left;
list-style: none;
border-left: 1px solid #90815c;
height: 31px;
font-weight: bold;
}

#navigation a {
text-align: left;
display: block;
color: #4b423a;
text-decoration: none;
padding: 9px 25px 6px 25px;
}

#navigation li.last a {
min-width: 50px;
}

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

#navigation li.active {
}
#navigation li.active a,
#navigation li.active a:hover {
background: transparent url(../_img/navpoint-active.gif) 6px 12px no-repeat;
color: #f8f5ef;
}


#navigation li.c1 {
width: 91px;
font-weight: normal;
}

#navigation li.c4 {
width: 106px;
font-weight: normal;
}

#navigation li.c1,
#navigation li.c4 {

}


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

#mainbody {
text-align:left;
background: #fff;
clear:both;
width: 899px;
min-height:460px;
border-left: 1px solid #94a0aa;
border-bottom: 1px solid #94a0aa;

background: transparent url(../_img/mainbody-bg.gif) left top repeat-y;
}

hr.clearer {
margin: 0;
padding: 0;
height: 0;
width: 100%;
visibility: hidden;
}

#wrapper {
float: right;
width: 700px;
}

#metaimage {
float: left;
width: 100%;
overflow: hidden;
clear: both;
}

#metaimage img {
display: block;
}

#content {
font-size: 13px;
float:right;
width: 640px;
min-height: 145px;
padding: 25px 30px;
background: #faf8f3 url(../_img/content-bg.gif) left top repeat-x;
}


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

#sidebar {
width: 199px;
float:left;
font-size:12px;
color: #333333;
background: #304d6a url(../_img/boot.jpg) left top no-repeat;
}

#sidebar #subnavi {
width: 100%;
height: 460px;
background: transparent url(../_img/sidebar-bg.gif) left top no-repeat;
}

#subnavi ul {
list-style-type: none;
padding: 20px 0;
line-height: 26px;
}

#subnavi ul li {
padding-left: 25px;
}

#subnavi ul li a {
color: #bfd1e5;
text-decoration: none;
}

#subnavi ul li a:hover {
color: #ffffff;
}


#subnavi ul li.active {
background: transparent url(../_img/subnavi-active.gif) left top no-repeat;
}

#subnavi ul li.active a,
#subnavi ul li.active a:hover {
color: #ffffff;
}



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

#siteinfo {
background: transparent url(../_img/siteinfo-bg.gif) left top no-repeat;
clear:both;
float: right;
font-size:11px;
color:#b0a299;
padding: 25px 30px 0 85px;
width: 585px;
}
#siteinfo p {
margin: 0;
}
#siteinfo a,
#siteinfo a:hover {
color:#b0a299;
text-decoration: underline;
}
#siteinfo a:hover {
text-decoration: none;
}

/* geprueft raus, wegen Aerger
p#proved {
float: left;
margin-bottom: 10px;
width: 100px;
border-right: 1px solid #dad6cc;
}*/

#proved-cnt {

}

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

h1, h2 {
font-size: 20px;
margin: 0 0 10px 0;
font-weight: normal;
}

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

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

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


a {
color: #4d4540;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

hr {
height: 1px;
background-color: #DAD6CC;
color: #DAD6CC;
border: none;
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 #DAD6CC; 
border-bottom: 2px solid #DAD6CC;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}
td {
border-top: 1px dashed #DAD6CC;
border-bottom: 1px dashed #DAD6CC;
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 0 6px 0;
clear:both;
width:100%;
}

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 0 3px 0;
float:left;
font-size:100%;
}

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

input.submit {	
float:left;
margin: 0 5px 0 0;
border:1px solid #666;
background: #ccc;
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;
}

div.section-txtpic div.picgallery {
clear:left;
float:left;
}

/* 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 p.formtext,
div.form-kontakt p.formtextarea {
float: left;
margin-bottom: 6px;
}

div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
margin-bottom: 0;
width: 300px;
}
div.form-kontakt textarea {	
width: 480px;
}
div.form-kontakt label {	
width: 150px;
margin-bottom: 0;
}
div.form-kontakt p.req {
font-size: 11px;
width: 489px;
margin-left: 150px;
margin-bottom: 10px;
color: #4D4540;
}
div.form-kontakt input.submit {	
margin-left: 150px;
width:auto;
background:transparent url(../_img/navpoint-short-bg.gif) no-repeat scroll left top;
color: #ffffff;
font-weight: normal;
border-color: #DAD6CC;
}
div.antispam {
display: none;
}

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


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

#content a.pdf {	
background: transparent url(../_img/pdf-icon.gif) no-repeat 0 0;
padding: 5px 0 0 26px;
}
/* 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;
}