/* GLOBAL ------------------------------------------------ */
html, body{
width: 100%;
height: 100%;
}

body{
margin: 0;
padding: 0;
background: #a6aeb1 url(../images/bg_body.png) center repeat-y;
text-align: center;
}

*{
margin: 0;
padding: 0;
}

/* ---------------------------------------------------------- */

table{
max-width: 630px;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}

body, table, tbody, td, th, p, div, span, input, textarea, form {
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
line-height: 22px;
}

a:link, a:visited, a:active{
text-decoration: underline;
color: #2f2f31;
}

a:hover{
text-decoration: underline;
color: #2f2f31;
}

b,strong{
font-weight: bold;
color: #6b1614;
}

i,em {
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-style: italic;
color: #6b1614;
line-height: 26px;
}

em h1 {
display: inline;
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #6b1614;
line-height: 26px;
border: 0;
}

p{
margin-bottom: 1em;
}

h1{
margin-bottom: 20px;
font: 24px Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #e6e6e5;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover{
text-decoration: none;
}

h2{
margin: 35px 0 15px;
font: 20px Arial, Verdana, Helvetica, sans-serif;
line-height: 30px;
border-bottom: 1px solid #e6e6e5;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover{
text-decoration: none;
}

h3{
font: 18px Arial, Verdana, Helvetica, sans-serif;
line-height: 30px;
}

h3 a, h3 a:link, h3 a:visited, h3 a:hover{
text-decoration: none;
}

h4{
margin: 0;
padding: 0;
font: 18px Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #e6e6e5;
line-height: 26px;
}

h4 a, h4 a:link, h4 a:visited, h4 a:hover{
text-decoration: none;
}

ul, ol{
list-style-position: outside;
margin: 2px 0 2px 25px;
}

ul{
list-style-type: square;
}

hr{
height: 1px;
color: #2f2f31;
border: 0;
}

img[width="485"]{
/* Automatisches Zentrieren alter Bilder */
display: block;
margin: 15px auto;
border: 0;
}

img[align="left"]{
margin: 0 25px 15px 0;
float: left;
}

img[align="right"]{
margin: 0 0 15px 25px;
float: right;
}

blockquote{
margin: 0;
padding: 0 75px 1em;
font: 22px Times New Roman, Times, serif;
font-style: italic;
color: #b0b0b0;
background: url(../images/blockquote.jpg) no-repeat left 10%;
clear: both;
}


a.pdf-download, a.pdf-download:link, a.pdf-download:visited {
display: block;
margin: 0;
padding: 15px 75px;
color: #6a6a6f;
text-decoration: none;
background: url(../images/pdf_download.gif) no-repeat left 0;
clear: both;
}

a.pdf-download:hover {
display: block;
margin: 0;
padding: 15px 75px;
color: #6a6a6f;
text-decoration: none;
background: url(../images/pdf_download.gif) no-repeat left -50px;
clear: both;
}

.left{
float: left;
}

.right{
float: right;
}

.clearboth{
clear: both;
}


/* TABELLEN */

td.headline{
padding: 5px 8px;
margin: 0;
color: #666;
font: 18px Arial, Verdana, Helvetica, sans-serif;
color: #454545;
background: #efefef;
border-bottom: 1px solid #999;
}

tr.dark td {
padding: 3px 8px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
background: #efefef;
}

tr.bright td {
padding: 3px 8px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

/* TEAM */

table.team{
margin: 30px 0 0;
}

table.team td{
width: 200px;
padding: 0 5px;
vertical-align: top;
font: 12px Arial, Verdana, Helvetica, sans-serif;
line-height: 18px;
}




/* PRODUKTE */

.produktelogo{
text-align: center;
margin: 2px;
padding: 0px;
border: 1px solid #ddd;
}

.produktelogo:hover{
border: 1px solid #a01e00;
}
/* PARTNER */

.partnerlogo{
text-align: center;
margin: 12px 20px;
padding: 0px;
border: 1px solid #ddd;
}

.partnerlogo:hover{
border: 1px solid #a01e00;
}



/* CLEARFIX ------------------------------------------------ */


.clearfix:after{
/* Clearfix zum Clearen der Float-Umgebungen */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: block;/* Safari */
overflow: hidden;/* IE7 */
_height: 1%;/* IE7 */
}

/* CONTAINER ------------------------------------------------ */

#website{
width: 955px;
margin: 0 auto;
text-align: left;
}

#header{
height: 280px;
margin: 0 2px;
padding: 0;
background: #4f5152 url(../images/bg_header.jpg) no-repeat;
}

#body{
margin: 0 3px 0 2px;
padding: 0;
text-align: center;
}

#left{
width: 200px;
padding: 45px 0;
background: url(../images/bg_left.png) no-repeat;
float: left;
text-align: center;
}

#right{
width: 750px;
min-height: 800px;
padding: 25px 0;
background: url(../images/bg_right.gif) repeat-x;
float: right;
text-align: center;
}

#content{
margin: 0 37px;
padding: 16px 22px;
height: 1%;
background: #fcfdff;
border: 1px solid #e3e6eb;
text-align: left;
}

#footer{
height: 30px;
margin: 0 2px;
background: #000;
}

/* NAVIGATION ------------------------------------------------ */

.navi{
margin-right: 2px;
text-align: left;
}

.navi a{
display: block;
font: 14px Arial, Verdana, Helvetica, sans-serif;
}

.level1 a{
padding: 5px 17px;
background: #313133;
border-top: 1px solid #434548;
border-bottom: 1px solid #2a2b2d;
}

.level1 a.navileft_open{
background: #38383b;
border-top: 1px solid #434548;
border-bottom: 0;
}

.level1 a.navileft_active,
.level1 a.navileft_active:link,
.level1 a.navileft_active:visited,
.level1 a.navileft_active:active,
.level1 a.navileft_active:hover{
background: #6b1614;
border-top: 1px solid #430e0d;
border-bottom: 1px solid #430e0d;
}

.level1 a:hover{
background: #414244;
}

.level2 a{
padding: 5px 17px 5px 27px;
background: #38383b url(../images/bg_navi_level2.gif) 0 0 no-repeat;
}

.level3 a{
padding: 5px 17px 5px 37px;
background: #38383b url(../images/bg_navi_level3.gif) 0 0 no-repeat;
}

.level2 a:hover{
background: #414244 url(../images/bg_navi_level2.gif) -200px 0 no-repeat;
}

.level3 a:hover{
background: #414244 url(../images/bg_navi_level3.gif) -200px 0 no-repeat;
}


.navi a,
.navi a:link,
.navi a:visited,
.navi a:active{
color: #9da0a3;
text-decoration: none;
}

.navi a:hover{
text-decoration: none;
color: #e3e7eb;
}

a.navileft_active,
a.navileft_active:link,
a.navileft_active:visited,
a.navileft_active:active,
a.navileft_active:hover{
color: #fff;
background-position: -400px 0;
border-top: 1px solid #430e0d;
border-bottom: 1px solid #430e0d;
}


/* SUBNAVIGATION ------------------------------------------------ */

.subnavigation{
padding: 7px 8px;
font: 13px Arial, Verdana, Helvetica, sans-serif;
color: #d4d4d4;
float: right;
}

.subnavigation a:link,.subnavigation a:visited,.subnavigation a:active{
text-decoration: none;
color: #d4d4d4;
}

.subnavigation a:hover{
text-decoration: underline;
color: #d4d4d4;
}
/* COPYRIGHT ------------------------------------------------ */

.copyright{
padding: 7px 8px;
font: 13px Arial, Verdana, Helvetica, sans-serif;
color: #d4d4d4;
float: left;
}
/* ARTIKEL ------------------------------------------------ */

.datum{
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.text{
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
line-height: 22px;
}

/* PAGINIERUNG -------------------------------------------------------------- */

div.pagination {
padding:3px;
margin:3px;
text-align:center;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none;
color: #9da0a3;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
div.pagination a:hover, div.pagination a:active {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #d5d5d5;
color: #9da0a3;
background: #f5f5f5;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
background: #6b1614;
color: #fff;
border: 1px solid #430e0d;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #f3f3f3;
}


/* FORMULARE ------------------------------------------------ */

.formText{
padding-top: 4px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.formTextBold{
padding-top: 4px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.textfieldLong{
padding: 2px 3px;
margin-bottom: 5px;
width: 500px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.textfieldMedium{
padding: 2px 3px;
margin-bottom: 5px;
width: 300px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.textfieldShort{
padding: 2px 3px;
margin-bottom: 5px;
width: 100px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.textAreaLong{
padding: 2px 3px;
margin-bottom: 5px;
width: 500px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

.textButton{
padding: 2px 8px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
}

/* BILDERGALERIE ------------------------------------------------ */

.galeriebild{
text-align: center;
margin: 0;
border: 0;
}

.galeriethumbnail{
margin: 8px 0;
padding: 5px;
border: 1px solid #ddd;
}

.galeriethumbnail:hover{
border: 1px solid #a01e00;
}

/* VIDEOGALERIE ------------------------------------------------ */

.video .text {
text-align: center;
margin: 0 auto;
border: 0;
}

.video .text p {
text-align: left;
margin: 0;
border: 0;
}

.video {
margin: 0 0 25px 0;
border: 0;
}



/* NEWSLETTER */

.newsletter_header{
height: 40px;
background: url(../images/bg_newsletter_header.png) no-repeat;
}

.newsletter_body{
padding: 12px 18px 5px;
background: url(../images/bg_newsletter_body.png) repeat-y;
color: #F7F7F7;
}

.newsletter_footer{
height: 20px;
background: url(../images/bg_newsletter_footer.png) no-repeat;
}

.newsletter_textfield{
padding: 1px 4px;
width: 130px;
background: #fff url(../images/bg_textfield.gif) repeat-x;
border: 0;
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;
vertical-align: top;
}

.newsletter_button{
vertical-align: top;
border: 0;
}

/* EMPFEHLUNGEN */

.empfehlungen{
padding: 40px 16px 16px 16px;
background: url(../images/bg_empfehlungen.png) no-repeat;
}



/* STARTSEITE */

.newsmeldungen{
margin: 25px 0 0 0;
width: 305px;
}

.newsmeldungen ul{
font: 15px Arial, Verdana, Helvetica, sans-serif;
line-height: 22px;
color: #6b1614;
}

.newsmeldungen a{
color: #2f2f31;
}

.teaser{
margin: 25px 0 0 0;
width: 305px;
}

.galerieteaser{
margin: 25px 0 0 0;
}

.galerien{
position: relative;
margin: 0;
padding: 0;
height: 200px;
}

#galerienbild{
margin: 0;
padding: 0;
width: 485px;
}

#galerienmenu{
position: absolute;
top: 0;
left: 485px;
display: block;
margin: 0;
padding: 4px 0;
width: 142px;
list-style-type: none;
background: #000;
border-left: 1px solid #959595;
}

#galerienmenu li{
margin:0;
padding:0;
line-height: 0;
}

#galerienmenu a,
#galerienmenu a:link,
#galerienmenu a:visited,
#galerienmenu a:active,
#galerienmenu a:focus{
display: block;
margin: 0;
padding: 0 15px;
font: 14px Arial, Verdana, Helvetica, sans-serif;
color: #959595;
text-decoration: none;
line-height: 32px;
background: #000;
border: 0;
outline-width:0;
outline-style: none;
}

#galerienmenu a:hover{
color: #e3e7eb;
text-decoration: none;
background: #414244;
}

#galerienmenu a.wactive{
color: #fff;
text-decoration: none;
background: #6b1614;
}



.impressum a, .impressum a:link, .impressum a:visited, .impressum a:hover{
/*font: 15px Arial, Verdana, Helvetica, sans-serif;
color: #2f2f31;*/
text-decoration: none;
}