/*#####  Standardeinstellungen  #####*/
html, body{ 
  margin:0; 
  padding:0; 
  color: #333;
  line-height: 1.5em;
  background-color: #f3f3f3;
  font-family : Verdana, Helvetica, sans-serif; 
  font-size: 85.01%;
}  
#bg {
}
#pagewidth{ 
  width:900px;  
  background: transparent url("../images/bg.gif") repeat-y top left;
  margin: 0 0 200px 0;
} 
#twocols{
  position:relative; 
  width:75.55555%;
  float:right; 
}
h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 1.25em;
  margin-top: 1.7em;
  font-weight: bold;
}
h3 {
  font-size: 2.1em;
  margin: 0;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.7em;
}
h5, h6 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.7em;
}

ul { 
  margin-top:5px; 
  margin-left:17px; 
  margin-bottom:0px; 
  display:block;
  list-style-image:url(../images/list.gif);
}
ol { 
  margin-top:5px; 
  margin-left:24px; 
  margin-bottom:0px; 
  display:block; 
}


#content a, #contentright a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
#content a:hover, #contentright a:hover {
  color: #666;
  text-decoration: underline;
}
#content a:visited, #contentright a:visited {
  color: #666;
}
#content a:active, #contentright a:active {
  color: #666;
  text-decoration: underline;
}
#content h3 {
  font-size: 1.6em;
  color: #E60005;
  margin: 0 0 0.8em -28px;
  padding-left: 25px;
  padding-bottom: 5px;
}
#content h4 {
  font-size: 1em;
  color: #E60005;
  margin: 2em 0 0.6em 0;
  /*margin: 0 0 0.8em -28px;
  padding-left: 25px;*/
  padding-bottom: 5px;
  font-weight: bold;
} 
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
#content #backtotop{
  margin-top: 10px;
}

/*#####  Headerbereich  #####*/
#header{
  position:relative;
  /*height:300px; */
  width:100%;
  background: #FFF url("../images/banner.jpg") ;
} 
#header h2 img {
  border: 0;
  font-size: 1.2em !important;
}


/*#####  Metanavigation  #####*/
#metanav {
  color: #000;
  margin: 0;
  border: 0;
  padding: 3px 0 0 700px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}
#metanav ul {
  margin-left: 12px;
  padding: 1px 0 2px 0;
}
#metanav ul li {
  margin: 0 9px 0 0;
  padding: 0;
  list-style: none;
  display: inline;
  font-size: 0.9em;
}
#metanav ul li.metaActive {
  text-decoration: underline;
  color: #000;
}
#metanav ul li a {
  color: #000;
  text-decoration: none;
}
#metanav ul li a:hover, #metanav ul li a:focus, #metanav ul li a:active {
  color: #000;
  text-decoration: underline;
}


/*#####  Sprachnavigation  #####*/
#langnav {
  height: 31px;
  color: #000;
  border: 0;
  margin: 0;
  padding: 0 0 0 744px;
  background: #F3F3F3 url("../images/langnav.gif") repeat-y top left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

#langnav ul {
  margin: 0;
  padding: 0;
}
#langnav ul li {
  margin-left: 2px;
  padding: 1px;
  list-style: none;
  display: inline;
  border: 1px solid #888B6D;
  background-color: #FFF;
}

#langnav ul li a {
  padding: 0;
  margin: 0;
  color: #000;
  text-decoration: none;
}

#langnav ul li.langaktiv {
  color: #888B6D;
  text-decoration: none;
}

#langnav ul li a:hover, #langnav ul li a:focus, #langnav ul li a:active {
  color: #888B6D;
  text-decoration: none;
}

#langnav li.prefix {
  color: #D8DBBB;
  margin: 0 2px 0 0;
  padding: 0;
  list-style: none;
  display: inline;
  border: none;
  background-color: #D8DBBB;
}

/*#####  Hauptnavigation  #####*/
#mainnav {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 5px 0 10px 0;
  background: #E60005;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1 em;
  font-weight: bold;
}
#mainnav ul {
  margin-left: 25px;
  padding-left: 0;
}
#mainnav ul li {
  margin-left: 0;
  padding: 7px 20px 7px 0px;
  list-style: none;
  display: inline;
}

#mainnav ul li a {
  color: #fff;
  text-decoration: none;
}

#mainnav ul li.aktiv {
  border: 0;
  color: #fff;
  padding: 7px 20px 7px 0px;
  text-decoration: underline;
}

#mainnav ul li a:hover, #mainnav ul li a:focus, #mainnav ul li a:active {
  color: #f3f3f3;
  text-decoration: none;
}

/*#####  Subnavigation  #####*/
#subnav {
  /*position: absolute;*/
  /*width: 100%;*/
  /*Position neu*/
  position:relative; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
}
#subnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
#subnav li.subaktiv {
  display: block;
  padding: 7px 5px 7px 23px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#subnav li a {
  display: block;
  padding: 7px 5px 7px 23px;
  color: #000;
  text-decoration: none;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
  /*width: 100%;*/
  width: 220px;
}
* html #subnav li a {
  width: 100%;
  w\idth: 87.2%;
  /*width: 220px;
  w\idth: 195px;*/
}

* html #subnav li a {
  width: 100%;
  w\idth: 87.2%;
  /*width: 220px;
  w\idth: 200px;*/
}
html>body #subnav li a { width: auto; }
#subnav li a:hover, #subnav li a:focus, #subnav li a:active, #subnav li.subaktiv { background: #f3f3f3; color: #000; font-weight:bold; }
#subnav li.aktiv { background: #f3f3f3; }


/*#####  Linke Spalte  #####*/
#leftcol{
  width:24.4444%; 
  float:left; 
  position:relative; 
 }
 
 
/*#####  Rechte Spalte  #####*/
#rightcol{
  width:32.33333%;
  float:right; 
  position:relative; 
  vertical-align: top; /* This fixes the IE5 Win gap! */
}
#contentright {
  /*Position neu*/
  position:relative; 
  margin: 0;
  padding: 20px 0 20px 0;
  width: 215px;
  float:left;
}
 
/*#####  Hauptspalte  #####*/
#maincol{
  float: left; 
  display:inline; 
  position: relative; 
  width:67.7777%; 
  w\idth:67.6%; 
}
#content {
  /*Position neu*/
  position:relative; 
  margin: 0px;
  padding: 20px 0 20px 47px;
  width: 455px;
  /*w\idth: 439px;*/
  /*w\idth: 412px;*/
  w\idth: 405px;
  float:left;
}




div.box {
  /*Position neu*/
  position:relative; 
  margin: 0 10px 10px 10px;
  padding: 4px;
  width: 200px;
  w\idth: 192px;;
  background-color:#e0e0e0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

div.box h3 {
  color: #F0945C;
  font-size: 1.1em;
}









/*#####  Footer  #####*/
#footer{
  /*height:30px;*/ 
  background-color:#f3f3f3; 
  clear:both;
} 
#footer {
  color: #f3f3f3;
  border: 0;
  margin: 0;
  padding: 6px 0 6px 22px;
  background: #f3f3f3;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

#footer ul {
  margin: 0;
  padding: 0;
}
#footer ul li {
  margin-right: 53px;
  padding: 1px;
  list-style: none;
  display: inline;
}

#footer ul li a {
  padding: 0;
  margin: 0;
  color: #666;
  text-decoration: none;
}

#footer ul li.langaktiv {
  color: #E60005;
  text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
  color: #E60005;
  text-decoration: none;
} 

/*#####  Formulare  #####*/

#mailform input, textarea {
  font-family: Arial, sans-serif;
  color: #333333;
  background-color: #cccccc;
  border: 1px solid #cccccc;
}

#mailform input {
  width: 150px;
}

#mailform textarea {
  width: 250px;
  height: 100px;
}

#mailform input.csc-mailform-check{
  width: 20px;
}

#mailform input.csc-mailform-submit {
  width: 100px;
}

#mailform fieldset.csc-mailform {
  border: 1px solid #FFF;
  padding: 10px;
}

#mailform legend {
  color: #333333;
}

#mailformname {
  margin: 10px 0 0 0;
}

#distance {
  margin: 0 0 10px 0;
}

.csc-mailform-field {
  padding: 5px;
}


/*#####  Sonstige Klassen  #####*/
.dontShow {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
} 
.clearfix{
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}