/* init body */

html {
  overflow: scroll;
  overflow-x: visible;
}

body {
  margin:0;
  padding:0;
  background-color:#333;
  text-align:center;
}

#main960 {
  width:960px;
  height:auto;
  padding:0 0 40px 0;
  margin:0 auto 80px auto;
  border:0;
  text-align:left;
  background-color:#fff;  	
}

#header {
  width:960px;
  height:360px;
  padding:40px 0 0 0;
  margin:0;
  border:0;
  background-color:#333;  	
}

/* Navigation */

#navigation-first {
  width:350px; /* bordered 360px */
  height:350px; /* bordered 360px */
  padding:0;
  margin:0 40px 0 0;
  border:5px solid;
  border-color:#fff;
  float:left;
  background-color:#934d11;
  background-image:url(../../img/bg_cappuccino.png);
  background-repeat:repeat-x;  	
}

#navigation-first h1 {
  padding:0;
  margin:20px 0 0 40px;
  border:0;	
  color:#fff;
  font-family:"Verdana", Verdana, sans-serif;
  font-weight:bold;
  text-decoration:none;
  font-size: 20px;
  line-height: 23px;	
}

#navigation-first h1 a {
  color:#fff;
  font-family:"Verdana", Verdana, sans-serif;
  font-weight:bold;
  text-decoration:none;
  font-size: 20px;
  line-height: 23px;	
}

#navigation-first ul {
  list-style-type:none;
  padding:0;
  margin:20px 0 0 40px;
  border:0;
  color:#fff;
  font-family:"Verdana", Verdana, sans-serif;
  font-weight:bold;
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;    	
}

#navigation-first li {
  padding:0 0 0 0;
  margin:0 0 0 0;
  border:0;
  height:40px;  
}

#navigation-first a {
  padding:0;
  margin:0;
  border:0;	
  color:#fff;
  font-family:"Verdana", Verdana, sans-serif;
  font-weight:normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
}

#navigation-first a:hover {
  font-weight:bold;
}

#navigation-first .line-h {
  width:230px;
  height:1px;
  padding:0;
  margin:0 0 10px 0;
  border:0;
  background-image:url(../../img/line_h_white.png);
  background-repeat:repeat-x;
}


#illustration {
  width:550px; /* bordered 560px */
  height:350px; /* bordered 360px */
  padding:0;
  margin:0;
  border:5px solid;
  border-color:#fff;
  float:left;
  background-color:#999;	
}


/* Subnavigation */

#navigation-second {
  width:960px;
  height:auto;
  padding:40px 0 20px 0;
  margin:0;
  border:0;
  background-color:#fff;
  background-image:url(../../img/shadow_header.png);
  background-repeat:no-repeat;
  overflow:auto;  
}

#navigation-second ul {
  list-style-type:none;
  padding:0;
  margin:0 0 0 45px;
  border:0;	
  color: #333;
  font-family: "Verdana", Verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  line-height: 15px;
  overflow:auto;
  width:270px;
  float:left;
}

#navigation-second li {
  padding:0;
  margin:0 10px 0 0;
  border:0;
  float:left;
}

#navigation-second li.last-item {
  padding:0;
  margin:0 0 0 0;
  border:0;
  float:left;
}

#navigation-second #state {
  float:left;
  width:470px;
  margin:0 0 0 130px;
  color: #333;
  font-family: "Verdana", Verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
}

#navigation-second a {
  padding:0;
  margin:0;
  border:0;	
  color: #333;
  font-family: "Verdana", Verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  line-height: 15px;
}

#navigation-second a:hover {
  color: #000;
}

#navigation-second #state a {
  font-size: 12px;
}

#content {
  width:960px;
  height:auto;
  padding:0 0 40px 0;
  margin:0;
  border:0;	
  background-color:#fff;
  overflow:auto;
  background-image:url(../../img/content_bg.png);
  background-repeat:repeat-y;
  overflow:auto;  
}

#content h1 {
  padding:0;
  margin:40px 0 40px 0;
  border:0;	
  color: #333;
  font-family: "Verdana", Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  line-height: 21px;  	
}

#content h2 {
  padding:0;
  margin:40px 0 20px 0;
  border:0;	
  color: #333;
  font-family: "Verdana", Verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  line-height: 17px;  	
}

#content h2.get-jahr {
  cursor:pointer;
}

#content a.gal {
  margin:0 10px 0 0;
  padding:0;
  border:0;
  float:left;	
}

#left {
  width:270px;
  height:auto;
  padding:0;
  margin:0 0 0 45px;
  border:0;
  float:left;	
}

#right {
  width:470px;
  height:auto;
  padding:0;
  margin:0 0 0 130px;
  border:0;
  float:left;
  overflow:auto;	
}

#right .right1 {
  width:230px;  
  margin:0 50px 0 0;
  padding:0;
  border:0;
  float:left;	
}

#right .right2 {
  width:190px; 
  margin:0;
  padding:0;
  border:0;
  float:left;	
}

#right .right3 {
  width:270px;  
  margin:0 50px 0 0;
  padding:0;
  border:0;
  float:left;	
}

#right .right4 {
  width:150px; 
  margin:0;
  padding:0;
  border:0;
  float:left;	
}

#content .line-h {
  width:270px;
  height:1px;
  padding:0;
  margin:0;
  border:0;
  background-image:url(../../img/line_h.png);
  background-repeat:repeat-x;  
}

#content .line-h-grey {
  width:270px;
  height:1px;
  padding:0;
  margin:0;
  border:0;
  background-image:url(../../img/line_h_grey.png);
  background-repeat:repeat-x;  
}

#content p {
  color: #333;
  font-family: "Times New Roman", Times New Roman, serif;
  font-weight:normal;
  text-decoration:none;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 20px 0;
  padding:0;
  border:0;
}

#content ul {
  margin:0 0 20px 20px;
  padding:0;
}

#content li {
  color: #333;
  font-family: "Times New Roman", Times New Roman, serif;
  font-weight:normal;
  text-decoration:none;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 5px 0;
  padding:0;
  border:0;
}

#content a {
    color:#934d11;
    font-family:"Verdana", Verdana, sans-serif;
    font-weight:normal;
    text-decoration:none;
    font-size:10px;
    line-height:13px;
    text-transform:uppercase;    
}

#content a:hover {
    color: #333;
}

#content a.linkinactive {
    color:#999;
    font-family:"Verdana", Verdana, sans-serif;
    font-weight:normal;
    text-decoration:none;
    font-size:10px;
    line-height:13px;
    text-transform:uppercase;    
}

#content a.linkinactive:hover {
    color:#333;
}

#content a.linksmall {
    color: #333;
    font-family:"Verdana", Verdana, sans-serif;
    font-weight:normal;
    text-decoration:none;
    font-size:10px;
    line-height:13px;
    text-transform:uppercase;
}

#content a.linksmall:hover {
    color: #934d11;
}

/* struktur content */

h1 {
  margin:0;
  padding:0;
  border:0;
}

h2 {
  margin:0;
  padding:0;
  border:0;
}

p {
  margin:0;
  padding:0;
  border:0;
}

.clear {
  clear:both;	
}
/* listen */

/* tabellen */


/* bilder */

.imgblock {
    display:block;
    border:0;
    margin:0;
}

/* textformate */

.txtstd {
    color:#333;
    font-family:"Verdana", Verdana, sans-serif;
    font-weight:normal;
    font-size:12px;
    line-height:15px;
}

/* links und pseudoklassen */

a {
    outline: none;
    text-decoration:none;
    border:0;
    color: #333;
    font-family: "Verdana", Verdana, sans-serif;        
}

a.img {
    display:block;    
}

a.linkstd {
    color: #fff;
    font-family: "Verdana", Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
}

a.linkstd:hover {
    color: #333;
}

/* formularelemente */

/* Live-Formatierung */

.bold {
    font-weight:bold !important;	
}

.normal {
    font-weight:normal !important;	
}

.italic {
    font-style:italic !important;	
}

.highlight {
    color:#fff !important;	
}

.active {
    color:#333 !important;	
}

.inactive {
    color:#999 !important;	
}

.paddingstd {
  padding: 0 10px !important;	
}

.marginsmall {
  margin-bottom: 20px !important;	
}

.nomargin {
  margin-bottom: 10px !important;	
}

.marginstd {
  margin-bottom: 40px !important;	
}

.marginfull {
  margin-bottom: 80px !important;
}

.hidden {
  display:none;	
}

/* css hovergrafiken */

a.hover {
    display: block;
    margin: 0;
    border: 0;
    text-decoration: none;
    border: 0;
}

a.hover#cd01 { background-image: url(../../img/cd01_bg.png);background-position:-70px 0;float:left;display:inline;width:70px;height:70px; }
a.hover#cd01:hover { background-position:0 0; }
a.hover#cd02 { background-image: url(../../img/cd02_bg.png);background-position:-70px 0;float:left;display:inline;width:70px;height:70px; }
a.hover#cd02:hover { background-position:0 0; }
a.hover#cd03 { background-image: url(../../img/cd03_bg.png);background-position:-70px 0;float:left;display:inline;width:70px;height:70px; }
a.hover#cd03:hover { background-position:0 0; }
a.hover#cd04 { background-image: url(../../img/cd04_bg.png);background-position:-70px 0;float:left;display:inline;width:70px;height:70px; }
a.hover#cd04:hover { background-position:0 0; }