/* CSS Document */



/* Site centering in FF */
*{
margin: 0 auto;
}

/* deleting the dotted border around the active link - FF */
a:focus {-moz-outline-style: none;}

body{
background: #1d1814;
text-align: center;
}                                         

#container{
width: 940px;
background: #1d1814;
}

#head{
color: #cbc0c0;
height: 322px;
width: 940px;
background: url(img/header1.jpg);
}

#headnav{height: 34px;}
#headnav ul li a img {margin-top: 5px;border: none;}

#head ul {
display:inline; 
float: left; 
padding: 5px 0 0 12px;
}
#head ul li input{
width: 160px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #33302d;
border: 1px solid #514d4a;
background: #c9bfbe;}

#head ul li input.submit, #sidebar form input.submit, #sidebar form input.reset{
width: 50px;
background: #6a6564;
color: #cbc0c0;
padding: 1px;
}

#head .nav{
font-size: 11px;
padding: 10px;
height: 34px;   
list-style:none; 
display:inline;
float: right;
}

#head ul li{
display:inline; 
color: #cbc0c0;
font-size: 11px;
}

#head ul li a{
color:#cbc0c0; 
text-decoration:none;
font-size: 11px;
font-family: verdana;
}

#head ul li a:hover{text-decoration:underline;}

/* NAVIGATION
   ===============
   MAIN NAVIGATION 
*/

#nav{width: 940px;}

#mainnav{
height: 45px;
background: #ffffff url(img/mainnav_verlauf.jpg) repeat-y right;
border-top: 1px solid #777472;
border-bottom: 1px solid #777472;
text-align: left;
}

#mainnav ul {
margin: 13px 0 0 0;
padding: 0 0 0 30px;
list-style: none;
}

#mainnav ul li {
padding: 0 17px 0 17px;
display: inline;
border-right: 1px solid;
color: #000000;
font-family: verdana;
font-size: 14px;
font-weight: bold;
}

#mainnav ul li a{
color: #000000;
font-family: verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;

}

#mainnav ul li a:hover{text-decoration: underline;}
#mainnav ul li.active{color: #636363;}

/* NEWSLETTER
===============
 */

#newsletter {
margin: 5px 15px 0 0;
float: right;
color: #000000;
font-family: tahoma;
font-size: 11px;
}
#newsletter input{
width: 140px;
display: inline;
border: 1px solid #35322f;
border-right: none;
background: #e9eded;
padding: 3px;
font-family: verdana;
font-size: 10px;
color: #000000;
}

input#submitnewsletter {
width: 21px;
border:none;
background: url(img/button_newsletter1.jpg);

}

/* SUBNAVIGATION
==================
 */

#subnav{
height: 30px;
background: #ffffff url(img/subnav_verlauf.jpg) repeat-x left;
text-align: left;
color: #000000;
font-family: arial;
text-decoration: none;
}

#subnav ul{
list-style: none;
padding: 3px 0 0 14px;
}

/* fixing IE 3px BUG*/
* html #subnav {
padding-top: 6px; 
}

#subnav ul li{display: inline; margin: 0 0 0 40px; font-size: 11px;}

#subnav ul li a{
color: #000000;
font-family: arial;
font-size: 11px;
text-decoration: none;
padding: 0 0 0 13px;
}

.sub-active {
padding: 0 0 0 13px;
background: url(img/arrow.gif) center left no-repeat;
}


#subnav ul li a:hover{
background: url(img/arrow.gif) center left no-repeat;
}

/* NAVIGATION END 
*=================
*
*  CONTENT
*============
*/

#content{
min-height: 458px;
background: url(img/bg_content.jpg) repeat-y top left white;
}

#headline{
padding: 7px 0 0 284px;
background: #d3d4d4; 
text-align:left;
height: 21px;
}
#headline h1.bg{
height: 19px;
padding: 0 0 0 11px;
background: url(img/arrow.gif) no-repeat center left;
}

#sidebar{
width: 196px;
float: left;
text-align:left;
color: #ffffff;
font-family: tahoma;
font-size: 13px;
margin: 15px 0 15px 50px;
display: inline;
}

#sidebar textarea{
  height: 80px;
}

#sidebar form input, textarea{
width: 150px;
background: #e9eded;
border: 1px solid #34312e;
margin: 6px 0 0 0;
padding: 3px;
font-family: verdana;
font-size: 10px;
color: #000000;
overflow: auto;
}

#sidebar form input.reset{
width: 54px;
margin: 0 0 0 50px;
}


.col{
padding: 28px 28px 28px 274px;
text-align: justify;
color: #565657;
font-family: tahoma;
font-size: 11px;
}

.col a{color: black; text-decoration: none;}
.col a:hover{text-decoration: underline;}

.col1{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 27px;
margin: 28px -1px 28px 0px;
width: 291px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y right;
}

.col1 a{color: black; text-decoration: none;}
.col1 a:hover{text-decoration: underline;}

.col2{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 28px;
margin: 28px 0 28px 0px;
width: 291px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y left;
}

.col2 a{color: black; text-decoration: none;}
.col2 a:hover{text-decoration: underline;}

.col3 {
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 27px;
margin: 28px -1px 28px 0px;
width: 233px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y right;
}

.col3 a{color: black; text-decoration: none;}
.col3 a:hover{text-decoration: underline;}

.col4{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 28px;
margin: 28px 0 28px 0px;
width: 349px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y left;
}

.col4 a{color: black; text-decoration: none;}
.col4 a:hover{text-decoration: underline;}

/*
    TEAMDARSTELLUNG
===================
*/

.team {
    float: left;
    width: 291px;
    margin: 25px 0 25px 0;
    text-align: left;
  }
  
  .team img {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
  }

h1 {
color: #565657;
font-family: verdana;
font-size: 14px;
font-weight: bold;
}

h2 {
color: #565657;
font-family: tahoma;
font-size: 13px;
font-weight: bold;
}

h3 {
font-size: 11px;
}

/*  FOOTER 
=============
*/

#footer{
margin: 1px 0 0 0;
padding: 20px;
font-size: 11px;
color: #565657;
text-align: right;
height:54px;
background: url(img/footer_verlauf.jpg) top repeat-x;
clear: both;
}

#footer ul {
margin: 0;
padding: 0;
text-align: left; 
display: inline; 
list-style:none; 
float: left;
}

#footer ul li{display: inline;}

#footer a{
font-family: verdana;
font-size: 11px;
color: #565657;
text-decoration: none;
}

#footer a:hover{text-decoration: underline;}

#clearer{
visibility: hidden;
clear: both;
line-height: 0;
height: 0px;
display: block;
}
/* REX_MODUL -  PDF-Download
*/
.download {
background:#F0F0F0 none repeat scroll 0 0;
border:1px solid #E3E3E3;
height:20px;
margin:0 0 0px;
width:100%;
padding: 6px 0 0 0;
}

.download a {
color:#000000;
font-weight:bold;
margin: 5px 0 0;
}

.download a img {
float:left;
height:25px;
margin: -5px 12px 0 0;
border: none;
vertical-align: center;
}

/* CSS Document */



/* Site centering in FF */
*{
margin: 0 auto;
}

/* deleting the dotted border around the active link - FF */
a:focus {-moz-outline-style: none;}

body{
background: #1d1814;
text-align: center;
}                                         

#container{
width: 940px;
background: #1d1814;
}

#head{
color: #cbc0c0;
height: 322px;
width: 940px;
background: url(img/header1.jpg);
}

#headnav{height: 34px;}
#headnav ul li a img {margin-top: 5px;border: none;}

#head ul {
display:inline; 
float: left; 
padding: 5px 0 0 12px;
}
#head ul li input{
width: 160px;
padding: 2px;
font-family: verdana;
font-size: 10px;
color: #33302d;
border: 1px solid #514d4a;
background: #c9bfbe;}

#head ul li input.submit, #sidebar form input.submit, #sidebar form input.reset{
width: 50px;
background: #6a6564;
color: #cbc0c0;
padding: 1px;
}

#head .nav{
font-size: 11px;
padding: 10px;
height: 34px;   
list-style:none; 
display:inline;
float: right;
}

#head ul li{
display:inline; 
color: #cbc0c0;
font-size: 11px;
}

#head ul li a{
color:#cbc0c0; 
text-decoration:none;
font-size: 11px;
font-family: verdana;
}

#head ul li a:hover{text-decoration:underline;}

/* NAVIGATION
   ===============
   MAIN NAVIGATION 
*/

#nav{width: 940px;}

#mainnav{
height: 45px;
background: #ffffff url(img/mainnav_verlauf.jpg) repeat-y right;
border-top: 1px solid #777472;
border-bottom: 1px solid #777472;
text-align: left;
}

#mainnav ul {
margin: 13px 0 0 0;
padding: 0 0 0 30px;
list-style: none;
}

#mainnav ul li {
padding: 0 17px 0 17px;
display: inline;
border-right: 1px solid;
color: #000000;
font-family: verdana;
font-size: 14px;
font-weight: bold;
}

#mainnav ul li a{
color: #000000;
font-family: verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;

}

#mainnav ul li a:hover{text-decoration: underline;}
#mainnav ul li.active{color: #636363;}

/* NEWSLETTER
===============
 */

#newsletter {
margin: 5px 15px 0 0;
float: right;
color: #000000;
font-family: tahoma;
font-size: 11px;
}
#newsletter input{
width: 140px;
display: inline;
border: 1px solid #35322f;
border-right: none;
background: #e9eded;
padding: 3px;
font-family: verdana;
font-size: 10px;
color: #000000;
}

input#submitnewsletter {
width: 21px;
border:none;
background: url(img/button_newsletter1.jpg);

}

/* SUBNAVIGATION
==================
 */

#subnav{
height: 30px;
background: #ffffff url(img/subnav_verlauf.jpg) repeat-x left;
text-align: left;
color: #000000;
font-family: arial;
text-decoration: none;
}

#subnav ul{
list-style: none;
padding: 3px 0 0 14px;
}

/* fixing IE 3px BUG*/
* html #subnav {
padding-top: 6px; 
}

#subnav ul li{display: inline; margin: 0 0 0 40px; font-size: 11px;}

#subnav ul li a{
color: #000000;
font-family: arial;
font-size: 11px;
text-decoration: none;
padding: 0 0 0 13px;
}

.sub-active {
padding: 0 0 0 13px;
background: url(img/arrow.gif) center left no-repeat;
}


#subnav ul li a:hover{
background: url(img/arrow.gif) center left no-repeat;
}

/* NAVIGATION END 
*=================
*
*  CONTENT
*============
*/

#content{
min-height: 458px;
background: url(img/bg_content.jpg) repeat-y top left white;
}

#headline{
padding: 7px 0 0 284px;
background: #d3d4d4; 
text-align:left;
height: 21px;
}
#headline h1.bg{
height: 19px;
padding: 0 0 0 11px;
background: url(img/arrow.gif) no-repeat center left;
}

#sidebar{
width: 196px;
float: left;
text-align:left;
color: #ffffff;
font-family: tahoma;
font-size: 13px;
margin: 15px 0 15px 50px;
display: inline;
}

#sidebar textarea{
  height: 80px;
}

#sidebar form input, textarea{
width: 150px;
background: #e9eded;
border: 1px solid #34312e;
margin: 6px 0 0 0;
padding: 3px;
font-family: verdana;
font-size: 10px;
color: #000000;
overflow: auto;
}

#sidebar form input.reset{
width: 54px;
margin: 0 0 0 50px;
}


.col{
padding: 28px 28px 28px 274px;
text-align: justify;
color: #565657;
font-family: tahoma;
font-size: 11px;
}

.col a{color: black; text-decoration: none;}
.col a:hover{text-decoration: underline;}

.col1{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 27px;
margin: 28px -1px 28px 0px;
width: 291px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y right;
}

.col1 a{color: black; text-decoration: none;}
.col1 a:hover{text-decoration: underline;}

.col2{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 28px;
margin: 28px 0 28px 0px;
width: 291px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y left;
}

.col2 a{color: black; text-decoration: none;}
.col2 a:hover{text-decoration: underline;}

.col3 {
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 27px;
margin: 28px -1px 28px 0px;
width: 233px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y right;
}

.col3 a{color: black; text-decoration: none;}
.col3 a:hover{text-decoration: underline;}

.col4{
color: #565657;
font-family: tahoma;
font-size: 11px;
padding: 0 27px 0 28px;
margin: 28px 0 28px 0px;
width: 349px;
text-align: justify;
float:left;
background: url(img/border.jpg) repeat-y left;
}

.col4 a{color: black; text-decoration: none;}
.col4 a:hover{text-decoration: underline;}

/*
    TEAMDARSTELLUNG
===================
*/

.team {
    float: left;
    width: 291px;
    margin: 25px 0 25px 0;
    text-align: left;
  }
  
  .team img {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
  }

h1 {
color: #565657;
font-family: verdana;
font-size: 14px;
font-weight: bold;
}

h2 {
color: #565657;
font-family: tahoma;
font-size: 13px;
font-weight: bold;
}

h3 {
font-size: 11px;
}

/*  FOOTER 
=============
*/

#footer{
margin: 1px 0 0 0;
padding: 20px;
font-size: 11px;
color: #565657;
text-align: right;
height:54px;
background: url(img/footer_verlauf.jpg) top repeat-x;
clear: both;
}

#footer ul {
margin: 0;
padding: 0;
text-align: left; 
display: inline; 
list-style:none; 
float: left;
}

#footer ul li{display: inline;}

#footer a{
font-family: verdana;
font-size: 11px;
color: #565657;
text-decoration: none;
}

#footer a:hover{text-decoration: underline;}

#clearer{
visibility: hidden;
clear: both;
line-height: 0;
height: 0px;
display: block;
}
/* REX_MODUL -  PDF-Download
*/
.download {
background:#F0F0F0 none repeat scroll 0 0;
border:1px solid #E3E3E3;
height:20px;
margin:0 0 0px;
width:100%;
padding: 6px 0 0 0;
}

.download a {
color:#000000;
font-weight:bold;
margin: 5px 0 0;
}

.download a img {
float:left;
height:25px;
margin: -5px 12px 0 0;
border: none;
vertical-align: center;
}

#content li {list-style: disc}
#content ul li {list-style: disc}
