html, body{
  height:100%;
}

body{
  background-color: #90C1EC;
  background-image: url('img/bgr.png');
  background-repeat: repeat-x;
  color: #272727;
}

body, input, select, textarea{
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 12px;
}

h1, h2{
  font-family: Arial, sans-serif;
}
h1, h2, h3{
  color: #272727;
}

a{
  color: #272727;
  text-decoration:underline;
}

div#body a:hover{
  text-decoration:none;
  background-color: #034F91;
  color: #FFFFFF;
}

p.error{
  color:#FF0000;
  font-weight:bold;
}

/* Wrapper und Struktur */

div#wrapper{
  width: 1226px;
  position:absolute;
  top:0px;
  left:50%;
  margin:0px;
  margin-left: -621px;
}

/* Hauptnavigation */

ul#nav{
  position:absolute;
  top:70px;
  left:110px;
  width:1004px;
}

ul#nav li{
  display: inline;
  float:left;
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: bold;
  text-transform:uppercase;
  text-align:center;
}

ul#nav li a{
  display:block;
  color: #FFFFFF;
  text-decoration:none;
}

ul#nav li a.active{
  color: #D99311;
}

/* Unternavigation */

ul#nav_sub{
  position:absolute;
  top:130px;
  left:125px;
  width:1004px;
}

ul#nav_sub li{
  display: inline;
  float:left;
  font-size: 12px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
}

ul#nav_sub li a{
  display:block;
  color: #FFFFFF;
  text-decoration:none;
}

ul#nav_sub li a.active{
  color: #D99311;
}

/* Navigations-Buttons Footer*/

div#footer a.navbutton{
  display:inline-block;
  height:60px;
  width:250px;
  margin:10px 50px 10px 25px;
  background-position: center center;
  background-repeat:no-repeat;
}

/* Seitenkopf */

div#header{
  width:100%;
  height:360px;
  position:relative;
  overflow:hidden;
  background-image: url('img/bgr-header.png');
  background-position:0px 0px;
}

div#header h1#logo a{
  background-image: url('img/logo.png');
  width:217px;
  height:169px;
  position: absolute;
  top:100px;
  left:150px;
  text-indent:-9999px;
}

div#header h2#deinestimme{
  position:absolute;
  left:400px;
  top:130px;
  background: url('img/deinestimme.png') top left no-repeat;
  width:586px;
  height:134px;
  text-indent:-9999px;
}

div#header div#subheader{
  position:absolute;
  height:82px;
  width:1004px;
  top:275px;
  left:111px;
  background: url('img/gestalte-deine-zukunft.png') 50px 10px no-repeat;
}

div#header div#subheader div#slideshow{
  margin-left: 340px;
  height:100%;
}

div#header div#subheader div#slideshow img.arrow{
  margin-top:30px;
  float:left;
}

div#header div#subheader div#slideshow div#slideshow-container{
  height:100%;
  /* width:500px; */
  background-color:#FFFFFF;
  float:left;
  border-right:3px solid #FFFFFF;
}

div#header div#subheader div#slideshow div#slideshow-container img{
  display:inline;
  border-left:3px solid #FFFFFF;
}

/* Fußzeile */

div#footer{
  width: 100%;
  height:463px;
  background: url('img/bgr-footer.png') top left no-repeat;
  text-align:center;
  position:relative;
}

div#footer img#gfx1{
  position:absolute;
  top:-100px;
  left:130px;
}

div#footer img#gfx2{
  position:absolute;
  top:-40px;
  right:100px;
}

/* Seiteninhalt */

div#body{
  background: url('img/bgr-body.png') top center repeat-y;
  position:relative;
}

div#body1{
  background: url('img/bgr-body-bottom.png') bottom center no-repeat;
  position:relative;
}

img#ettlingen{
  position:absolute;
  top:-2px;
  right: 80px;
  z-index:40;
}

div#content{
  min-height:510px;
  overflow:hidden;
  padding:20px;
}

div#content-left, div#content-main{
  min-height:510px;
  background-color: #F7F7F7;
  background-image: url('img/bgr-content.png');
  background-repeat: repeat-x;
  background-position: top center;
  float:left;
}

div#content-left{
  width:155px;
  margin-right:25px;
  padding:10px;
}

div#content-main{
  width:744px;
  padding:10px;
}

div#contentbox{
  background: url('img/bgr-body-top.png') top center no-repeat;
  padding:0px 111px;
  min-height: 550px;
  overflow:hidden;
}

div#contentbox p{
  margin-bottom: 0.8em;
  line-height:135%;
}

div#contentbox h1{
  font-size:16px;
  margin-bottom: 1em;
}

div#contentbox h2{
  font-size:14px;
  margin-bottom: 1em;
}

div#contentbox h3{
  font-size:12px;
  margin-bottom: 1em;
}

div#contentbox ul{
  list-style: disc outside;
  margin:15px;
}

/* Seitenspezifische Styles */

h1#pagetitle, div#content-left h1{
  text-align:left;
  text-transform: uppercase;
  color:#D99311;
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: bold;
}
h1#pagetitle img{
  vertical-align:middle;
}

div#content-left h2{
  font-size: 14px;
  font-weight:bold;
  color: #034F91;
  margin:0;
  margin-top:1em;
}

div#content-left h3{
  font-size: 12px;
  font-weight:bold;
  margin:0;
}

div#content-left p{
  margin-bottom: 1.2em;
}

div#content div.news-date{
  float:left;
  text-align:center;
  font-weight:bold;
  line-height:130%;
  width:31px;
  height:32px;
  padding:14px 10px;
  margin:0 10px 10px 0;
  background: url(img/calendar.png) top left no-repeat;
}
div#content div.news-date span{
  font-size:140%;
}
div#content div.news-date-past{
  background: url(img/calendar-past.png) top left no-repeat;
}

div#content div.was_geht div.news-entry h2{
  margin-bottom:0;
}
div#content div.was_geht div.news-entry p{
  margin-left:61px;
}

div#content div.news-entry h2{
  font-weight:bold;
  text-transform:uppercase;
  font-size:140%;
}
div#content div.news-entry h3{
  
}
div#content div.news-entry p{
  clear:both;
}

div#content div.news-entry{
  border-bottom: 1px dotted #000000;
  overflow:hidden;
  margin-bottom:20px;
}

div#content div.news-entry div.news-entry-left{
  width:55%;
  float:left;
}

div#content div.news-entry div.news-entry-right{
  width:40%;
  float:right;
}

div#content div.news-entry div.news-entry-right img.news-image{
  margin-bottom:20px;
  display:block;
}

div#content div.news-entry div.news-entry-right img.icon{
  vertical-align:bottom;
  margin-right:10px;
}

div#content div.news-entry div.news-entry-right p{
  margin-bottom:15px;
}

div#content div.news-entry div.news-entry-right p span.poll img{
  vertical-align:bottom;
}


div#contentbox div.pagenav{
  clear:both;
  text-align:center;
  word-spacing: 3px;
}

div#contentbox div.setcard{
  width:300px;
  float:left;
  text-align:left;
  padding:10px;
  margin:0px 14px 10px 5px;
  overflow:hidden;
}

div#contentbox div.setcard img{
  border:1px solid #999;
  -moz-box-shadow: 2px 2px 5px #000;
  margin-right: 1em;
  float:left;
}
div#contentbox div.setcard h2{
  margin-bottom:5px;
  margin-top:1em;
  font-weight:bold;
}
div#contentbox div.setcard h3{

}

div#contentbox div.links div.setcard{
  height:75px;
}
div#contentbox div.links div.setcard h2{
  margin-top:0.5em;
}

div#contentbox div.kontakt td{
  padding: 2px 10px 2px 0px;
}
div#contentbox div.kontakt input[type="text"],
div#contentbox div.kontakt textarea{
  width:300px;
  padding:1px;
  border:1px solid #ccc;
}

/* Kommentare */

form#write_comment table td{
  padding:2px 5px 2px 0;
}

form#write_comment input, form#write_comment textarea{
  border: 1px solid #999;
  padding: 1px;
  margin:0px;
  background-color: #FFFFFF;
  width:200px;
}

form#write_comment input[type="submit"]{
  width:100px;
}

div#contentbox p.comment-date{
  margin:0;
  line-height:normal;
}

div#contentbox h3.comment-title{
  margin:0 0 2px;
  font-weight:bold;
}

div#contentbox p.comment-text{
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px dotted #DDDDDD;
}

/* Galerie */

.pictureframe{
  display: block;
	border: 3px solid #FFFFFF;
}

.pictureframe:hover{
	border-color: #FEA801;
}

table.gallery-list td{
  vertical-align: top;
  padding: 0px 5px 5px 0px;
}

table.gallery-image-index{
  width:100%;
}

table.gallery-image-index td{
  padding:8px;
  text-align:center;
}

table.gallery-image-index td img{
  display:inline;
}

div.gallery-bigimage img{
  display:block;
  margin:auto;
}

span.gallery-subtitle{
  font-size: 0.8em;
  display:block;
}

div#gallery{
  margin:10px;
}

div#gallery a{
  color: #FEA801;
  text-decoration: none;
}

div#gallery a:hover{
  color: #000000;
  background-color: #FEA801;
}

div#gallery p{
  margin-bottom: 0.8em;
}

/* Gästebuch */

.gb-form table{
  width:100%;
}

.gb-form table td{
  vertical-align: top;
  padding:2px 5px 2px 0px;
}

div#contentbox div.gaestebuch h3{
  font-size: 1.5em;
}

.gb-pages{
  text-align:right;
  width:75%;
  margin:auto;
  margin-bottom: 1em;
}

.gb-entry{
  margin:0px auto 1em;
  width:75%;
  border:1px solid #999;
}

.gb-entry-title{
  font-weight: bold;
  background-color: #999;
  padding:3px;
}

.gb-entry-text{
  padding:3px;
  background-color: rgba(0,0,0,0.3);
}

.gb-form input, .gb-form textarea{
  border: 1px solid #999;
  padding: 1px;
  margin:0px;
  background-color: #FFFFFF;
}

input.gb-form-input{
  width: 200px;
}

 textarea.gb-form-input{
  width: 350px;
}

/* Startseite */

div#start img#logo{
  margin-top:50px;
}

div#start div#logos{
  text-align: center;
}

div#start div#logos img{
  margin: 5px;
  vertical-align: middle;
}