﻿/* Webdesign by www.tie-media.de */

body {
margin-top:0px;
margin-bottom:0px;
padding:0;
line-height:18px;
background: url('../images/background.jpg') no-repeat;
background-color: #000;
}


.img1{border:1px solid #911712; padding:5px;}

a.rotelinks {color:#990000; font-weight: normal; text-decoration:none; text-align: left;}
a.rotelinks:visited {color:#990000; font-weight: normal; text-decoration:none; text-align: left;}
a.rotelinks:hover {color: #990000; font-weight: normal; text-decoration:underline; text-align: left;}
a.rotelinks:active {color:#990000; font-weight: normal; text-decoration:none; text-align: left;}

a.weisselinks {font-size: 7pt; color:#fff; font-weight: bold; text-decoration :none; text-align: left;}
a.weisselinks:visited {font-size: 7pt; color:#fff; font-weight: bold; text-decoration:none; text-align: left;}
a.weisselinks:hover {font-size: 7pt; color: #fff; font-weight: bold; text-decoration:underline; text-align: left;}
a.weisselinks:active {font-size: 7pt; color:#fff; font-weight: bold; text-decoration:none; text-align: left;}

a.wlinks {color:#fff; font-weight: bold; text-decoration :none; text-align: left;}
a.wlinks:visited {color:#fff; font-weight: bold; text-decoration:none; text-align: left;}
a.wlinks:hover {color: #fff; font-weight: bold; text-decoration:underline; text-align: left;}
a.wlinks:active {color:#fff; font-weight: bold; text-decoration:none; text-align: left;}

a.callbox {color:#3F3E3C; text-decoration:none; text-align: left;}
a.callbox:visited {color:#3F3E3C; text-decoration:none; text-align: left;}
a.callbox:hover {color: #3F3E3C; text-decoration:underline; text-align: left;}
a.callbox:active {color:#3F3E3C; text-decoration:none; text-align: left;}

.hline{
height: 1px;
background-color: #DBDBDB;
font-size: 0px;
width: 625px;
margin-top: 10px;
margin-bottom: 10px;
}


p {
padding:4px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1 {
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: #990000;
padding-left: 0px;	
text-align: left;
font-weight: bold;
margin-top: 1px;
margin-bottom: 10px;
}

h2 {
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #4E555B;
text-align: left;
line-height: 1.75;
font-weight: normal;
padding: 0px;	
margin-top: 1px;
}

.fliess {
text-align: left;
}

h3 {
font-family: Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, sans-serif;
font-size:8pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #fff;
margin-top: 5px;
text-align: center;
letter-spacing: 2px;
}


.gruen {
color: #81b33c;
}

.hgrau {
color: #ccc;
font-size: 10px;
line-height: 14px;
}

h4 {
font-size:17px;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ol li {
margin:0 0 4px 0;
padding:0;
}

ul li {
margin:0 0 4px 0;
padding:0;
}


#mainContainer {
margin-left: auto;
margin-right: auto;
margin-top: 300px;
width:900px;
padding: 3px;
border-left: dashed 5px #911712; 
border-right: dashed 5px #911712;
border-top: dashed 5px #911712;
}

#wbox {
background-color: #fff;
height: 770px;
}


#mainbox {
width:900px;
margin:0;
background-color: #fff;
}


/* << ----------------// Header //---------------->> */
#header01 {
margin:0;
padding:0px;
width:900px;
height:300px;

/* background-image: url('bildmaterial/header01.jpg'); */
}


#video {
margin-top: 78px;
padding-left:14px;
color:#ffffff;
/* background-image: url('bildmaterial/header01.jpg'); */
}

.vitalinks{
border-right: solid 1px #3F3E3C;
padding-right: 10px; 
width: 280px;
}

.vitarechts{
width: 265px;
padding-left: 15px;
}

.vitaunten{
border-top: solid 1px #3F3E3C;
width: 562px;
}



/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin-left: auto;
margin-right: auto;
padding-left:10px;
width:900px;
height:30px;
line-height:30px;
font-family: Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, sans-serif;
font-size:8pt;
text-align: center;
/* background-image: url('bildmaterial/navibalken2.jpg');*/
}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:visited {
margin-left: 2px;
padding:8px 8px 8px 8px;
color:#fff;
text-decoration:none;
border-right:1px solid #999999;
}

#navHorizontal ul li a:link {
margin-left: 2px;
padding:8px 8px 8px 8px;
color:#fff;
text-decoration:none;
border-right:1px solid #999999;
}

#navHorizontal ul li a:active {
color:#fff;
text-decoration:none;
background-color:#990000;
}

#navHorizontal ul li a:hover {
color:#fff;
text-decoration:none;
background-color:#990000;
}

.current {
color: #fff;
text-decoration: none;
background-color: #990000;
}

.top80 {
margin-top: 80px;
}

.top36 {
margin-top: 36px;
}


/* << ----------------// Subnavi //---------------->> */

.bleft {
border-left:1px dashed #999999;
}

#navHorizontalSub {
margin: 0px;
padding-left:169px;
width:1081px;
height:44px;
line-height:30px;
background-color:#fff;
font-family: Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, sans-serif;
font-size:8pt;
/* background-image: url('bildmaterial/navibalken2.jpg');*/
}

#navHorizontalSubPresse {
margin: 0px;
padding-left:578px;
width:672px;
height:44px;
line-height:30px;
background-color:#fff;
font-family: Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, sans-serif;
font-size:8pt;
/* background-image: url('bildmaterial/navibalken2.jpg');*/
}


#navHorizontalSub ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontalSubPresse ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontalSub ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontalSubPresse ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontalSub ul li a:visited {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #3f3e3c;
border-right:1px dashed #999999;
text-decoration:none;
}

#navHorizontalSubPresse ul li a:visited {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #3f3e3c;
border-right:1px dashed #999999;
text-decoration:none;
}

#navHorizontalSub ul li a:link {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #3f3e3c;
border-right:1px dashed #999999;
text-decoration:none;
}

#navHorizontalSubPresse ul li a:link {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #3f3e3c;
border-right:1px dashed #999999;
text-decoration:none;
}

#navHorizontalSub ul li a:active {
color: #3f3e3c;
background-color:#fff;
text-decoration:none;
}

#navHorizontalSubPresse ul li a:active {
color: #3f3e3c;
background-color:#fff;
text-decoration:none;
}

#navHorizontalSub ul li a:hover {
color:#c21624;
text-decoration:underline;
background-color:#fff;
}

#navHorizontalSubPresse ul li a:hover {
color:#c21624;
text-decoration:underline;
background-color:#fff;
}

#aktiv {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #c21624;
border-right:1px dashed #999999;
}

#aktivlr {
margin-left: 2px;
padding:8px 8px 8px 8px;
color: #c21624;
border-right:1px dashed #999999;
border-left:1px dashed #999999;
}


#currentSub1 {
color:#c21624;
text-decoration: underline;
background-color: #fff;
border-left:1px dashed #999999;
}



/* << ----------------// Left column //---------------->> */
#links {
float:left;
margin-left:10px;
margin-top: 5px;
padding:5px 5px 5px 5px;
width:622px;
background-color: #fff;
}

#headerlinks {
float:left;
margin-left:10px;
margin-top: 10px;
padding:0px 0px 5px 0px;
width:635px;
background-color: #fff;
}


/* << ----------------// Right column //---------------->> */
#rechts {
float:left;
margin-top: 5px;
margin-left:10px;
padding:5px 10px 5px 5px;
width:215px;
background-color: #fff;
}

#headerrechts {
float:right;
margin-top: 10px;
margin-left:5px;
padding:0px 10px 5px 0px;
width:235px;
background-color: #fff;
}



#gruenlinks275{
float:left;
margin-top: 290px;
width:244px;
height: 275px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks{
float:left;
margin-top: 290px;
width:244px;
height: 294px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks300{
float:left;
margin-top: 290px;
width:244px;
height: 300px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks395{
float:left;
margin-top: 290px;
width:244px;
height: 395px;
background-color:#a9c937;
z-index:1;
}


#gruenlinks480{
float:left;
margin-top: 290px;
width:244px;
height: 480px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks495{
float:left;
margin-top: 290px;
width:244px;
height: 495px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks525{
float:left;
margin-top: 290px;
width:244px;
height: 525px;
background-color:#a9c937;
z-index:1;
}


#gruenlinks530{
float:left;
margin-top: 290px;
width:244px;
height: 530px;
background-color:#a9c937;
z-index:1;
}


#gruenlinks550{
float:left;
margin-top: 290px;
width:244px;
height: 550px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks600{
float:left;
margin-top: 290px;
width:244px;
height: 600px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks750{
float:left;
margin-top: 290px;
width:244px;
height: 750px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks1215{
float:left;
margin-top: 290px;
width:244px;
height: 1215px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks1320{
float:left;
margin-top: 290px;
width:244px;
height: 1320px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks36{
float:left;
margin-top: 246px;
width:244px;
height: 700px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks36_750{
float:left;
margin-top: 246px;
width:244px;
height: 750px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks36_450{
float:left;
margin-top: 246px;
width:244px;
height: 450px;
background-color:#a9c937;
z-index:1;
}


#gruenlinks36_600{
float:left;
margin-top: 246px;
width:244px;
height: 600px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks36_620{
float:left;
margin-top: 246px;
width:244px;
height: 620px;
background-color:#a9c937;
z-index:1;
}

#gruenlinks36_630{
float:left;
margin-top: 246px;
width:244px;
height: 630px;
background-color:#a9c937;
z-index:1;
}


#bildboxlinks{
float:left;
margin-top: -218px;
margin-left: 50px;
width:271px;
z-index:2;
}

#bildboxlinksunten{
float:left;
margin-top: -100px;
margin-left: 50px;
width:271px;
z-index:2;
}


#bildboxlinksoben{
background-image: url('bildmaterial/button_aktuelles.png');
float:left;
margin-top: -218px;
margin-left: 50px;
width:271px;
z-index:2;
height: 121px;
}



.bildboxlinksbg{
background-image: url('bildmaterial/mitte_rot.png');
}

.bildbox{
padding-top: 8px;
padding-left: 27px;
color: #fff;
}

.bildboxindex{
padding-top: 8px;
padding-left: 27px;
color: #fff;
line-height:16px;
}

.aktuelles{
padding-top: 77px;
padding-left: 27px;
color: #3f3e3c;
}

.rotfeld {
	color: #C21624;
}

.weissfeld {
	color: #fff;
}

.tableft
{
width: 155px;
}

.tabright
{
width: 400px;
}

#bildboxrechts{
float:left;
margin-top: -218px;
margin-left: -77px;
width:271px;
z-index:4;
}

#bildboxrechtsindex{
float:left;
margin-top: 100px;
margin-left: -77px;
width:271px;
z-index:4;
}

#bildboxrechtsunten{
float:left;
margin-top: 0px;
margin-left: -77px;
width:271px;
z-index:4;
}


#bildboxrechtsoben{
background-image: url('bildmaterial/bg_video.png');
float:left;
margin-top: -218px;
margin-left: -77px;
width:271px;
z-index:4;
height: 307px;
}

.bildboxrechtsbg{
background-image: url('bildmaterial/mitte_anthrazit.png');
}	

#gruenrechts275{
float:right;
margin-top: 290px;
width:244px;
height: 275px;
background-color:#a9c937;
z-index:3;
}
	
#gruenrechts{
float:right;
margin-top: 290px;
width:244px;
height: 294px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts300{
float:right;
margin-top: 290px;
width:244px;
height: 300px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts395{
float:right;
margin-top: 290px;
width:244px;
height: 395px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts480{
float:right;
margin-top: 290px;
width:244px;
height: 480px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts495{
float:right;
margin-top: 290px;
width:244px;
height: 495px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts525{
float:right;
margin-top: 290px;
width:244px;
height: 525px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts530{
float:right;
margin-top: 290px;
width:244px;
height: 530px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts550{
float:right;
margin-top: 290px;
width:244px;
height: 550px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts600{
float:right;
margin-top: 290px;
width:244px;
height: 600px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts750{
float:right;
margin-top: 290px;
width:244px;
height: 750px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts1215{
float:right;
margin-top: 290px;
width:244px;
height: 1215px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts1320{
float:right;
margin-top: 290px;
width:244px;
height: 1320px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts36{
float:right;
margin-top: 246px;
width:244px;
height: 700px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts36_450{
float:right;
margin-top: 246px;
width:244px;
height: 450px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts36_600{
float:right;
margin-top: 246px;
width:244px;
height: 600px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts36_620{
float:right;
margin-top: 246px;
width:244px;
height: 620px;
background-color:#a9c937;
z-index:3;
}

#gruenrechts36_630{
float:right;
margin-top: 246px;
width:244px;
height: 630px;
background-color:#a9c937;
z-index:3;
}


#gruenrechts36_750{
float:right;
margin-top: 246px;
width:244px;
height: 750px;
background-color:#a9c937;
z-index:3;
}


#rechts ol li {
font-size:13px;
}

#rechts ul li {
font-size:13px;
}

#links ol li {
font-size:13px;
}

#links ul li {
font-size:13px;
}

#rechts p {
font-size:13px;
}

#links p {
font-size:13px;
}

/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin:0 5px 0 5px;
padding:0;
width:200px;
background-color:#454545;
}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0 0 0 -5px;
padding:0;
list-style:none;
border-bottom:1px solid #999999;
}

#navVertical ul li a:visited {
padding:5px 8px 5px 8px;
color:#eeeeee;
text-decoration:none;
display:block;
}

#navVertical ul li a:link {
padding:5px 8px 5px 8px;
color:#eeeeee;
text-decoration:none;
display:block;
}

#navVertical ul li a:active {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}

#navVertical ul li a:hover {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}

/* << ----------------// Middle column //---------------->> */
#mitte {
float:left;
margin:0;
padding:0 0px 0px 0px;
width:562px;
background-color:#fff;
}

#callbox {
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 9pt;
width:562px; 
float:left; 
position:relative; 
margin-left: 0px; 
margin-top: 0px;
color: #81b33c;
padding-top: 5px;
vertical-align: middle;
background: url(bildmaterial/kontaktbutton.jpg) no-repeat;
background-position: 293px 0px;
padding-bottom: 30px;
}


/* << ----------------// Footer //---------------->> */
#footer {
clear:left;
width:900px;
height:30px;
background-color: #980000;
display:block;
}

#footer2 {
font-family: Arial, Helvetica, Tahoma, Trebuchet MS, Verdana, sans-serif;
font-size:8pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
margin-top: 5px;
letter-spacing: 2px;
margin-bottom: 0px;
color: #fff;
width:900px;
height:30px;
text-align: center;
}


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */