/** LAYOUT **/

body
{
	background-color: #f5f5f5;
	background-image: url(../images/background-body.png);
	background-repeat: repeat;
}

#page-wrap {
	position:relative;
	width:1020px;
	height:auto;
	margin:0 auto;
}

#shadow-top {
  width: 1020px;
  height: 8px;
	background-image: url(../images/background-shadow-top.png);
	background-repeat: no-repeat;
}

#shadow-left {
  width: 13px;
  height: 692px;
  float:left;
	background-image: url(../images/background-shadow-left.png);
	background-repeat: no-repeat;  
}

#page {
  position: relative;
  width: 1007px;
  float: left;
  padding-bottom: 30px;
}

#header {
  width: 100%;
  height: 110px;
  background-image: url(../images/background-header.png);
	background-repeat: repeat-x;
}

#header-image {
  width: 100%;
  height: 105px;
  background-image: url(../images/header-image-start.jpg);
	background-repeat: no-repeat;  
}

#service-navigation {
  position: absolute;
  top: 0;
  right: 323px;
  width: 400px;
  text-align:right;
}

#main {
  width: 834px;
  min-height: 400px;
  background-color: #fff;
  float: left;
  margin-bottom: 14px;
}

#navigation {
  padding-top: 13px;
  width: 145px;
  float: left;
}

#content {
  width: 670px;
  float: left;
  margin-left: 9px;
  padding: 13px 0 13px 0;
}

#shadow-right {
  width: 12px;
  height: 376px;
  float: left;
	background-image: url(../images/background-shadow-top.png);
	background-repeat: no-repeat;
}

#teaser {
  width: 161px;
  float: left;
  padding-top: 13px;
}

#footer {
  float: left;
  width: 824px;
  padding-right: 10px;
  text-align: right;
  background-color: #999;
}

/** ELEMENTE **/

#logo {
  width: 468px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: 0;
  background-image: url(../images/header-logo.png);
}

#logo span {
  display: none;
}

#wappen {
  width: 161px;
  height: 110px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/header-wappen.png);
}

#content #path {
  padding-bottom: 8px;
  border-bottom: 2px dotted #CCC;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 10px;
}

#path a {
  font-family: Tahoma,Arial,sans-serif;
  font-size: 10px;
}

/** TYPOGRAFIE **/

* {
  font-family: "Trebuchet MS",Arial,sans-serif;
  font-size: 11px;
  font-weight: normal; 
  margin: 0;
  padding: 0;
}

b, strong {
  font-weight: bold;
}

#footer {
  color: #fff;
}

#content h1, h2, h3, h4, h5 {
  font-family: Tahoma,Arial,sans-serif;
}

#content h1 {
  font-size: 22px;
  padding-bottom: 12px;
}

#content h2 {
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
}

#content p, #content ul li {
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666;
}

#content p, #content ul {
  margin-bottom: 10px;
}

#content ul {
  padding-left: 20px;
}

.content-item img {
  padding: 0 10px 20px 0;
}

.content-item {
  padding-bottom: 20px;
  clear: both;
}

#news {
  width: 680px;
  padding: 20px 0 20px 0;
  clear:both;
}

.news-item {
  width: 220px;
  float: left;
  padding-right: 10px;
}

.news-item-last {
  padding-right: 0;
}

#content .news-item h1 {
  width: 210px;
  height: 26px;
  
  padding: 0 0 0 10px;
  
  background-image: url(../images/news-item-background-grey.png);
  background-repeat: repeat-x;  
}

#content .news-item h1, #content .news-item h1 a {
  font-family: Tahome,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
  color: #fff;
}


#content .news-item h1.red {
  background-image: url(../images/news-item-background-red.png);
} 

#content .news-item h1.yellow {
  background-image: url(../images/news-item-background-yellow.png);
} 

#content .news-item h1.green {
  background-image: url(../images/news-item-background-green.png);
} 

#content .news-item ul {
  padding: 0;

  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;  
}


#content .news-item ul li {
  margin: 0;
  height: 30px;
  padding-left: 15px;
  
  font-family: Tahoma,Arial,sans-serif;
  font-size: 13px;
  line-height: 30px;
  color: #666;
  background-color: #ccc;
  border-bottom: 2px dotted #666;
  
  background-image: url(../images/background-news-item-list.png);
  background-repeat: no-repeat;;
}

#navigation ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;  
}

#navigation ul li {
  margin: 0 0 7px 0;
  
  height: 18px;
  
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #FFF;
}

#navigation ul ul {
  padding-bottom: 12px;
}

#navigation ul ul ul {
  padding-bottom: 6px;
}

#navigation ul ul li {
  margin: 0 0 7px 0;
  
  height: 12px;
  
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #000;
}

#navigation ul li a {
  padding-left: 12px;
}

#navigation ul ul ul li a {
  padding-left: 24px;
}

#navigation ul ul ul ul li a {
  padding-left: 36px;
}


#navigation ul li a#current {
  background-image: url(../images/background-currentlink.png);
  background-repeat: no-repeat;;
}


.teaser-item {
  margin: 0 0 11px 0;
}

#teaser h1 {
  width: 149px;
  height: 18px;
  
  padding: 0 0 0 12px;
  
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #FFF;
  
  background-image: url(../images/item-background-grey.png);
  background-repeat: repeat-x;  
}

#teaser h1.red {
  background-image: url(../images/item-background-red.png);
}

#teaser h1.yellow {
  background-image: url(../images/item-background-yellow.png);
}

#teaser h1.green {
  background-image: url(../images/item-background-green.png);
}


.item-grey {
  background-image: url(../images/item-background-grey.png);
  background-repeat: repeat-x;
}

.item-red {
  background-image: url(../images/item-background-red.png);
  background-repeat: repeat-x;
}

.item-yellow {
  background-image: url(../images/item-background-yellow.png);
	background-repeat: repeat-x;
}

.item-green {
  background-image: url(../images/item-background-green.png);
  background-repeat: repeat-x;
}

/** Lnks **/
 
a, a:visited {
  text-decoration: none;
  color: #000;
}

a:hover {
  color: #c00;
}

#navigation a, #navigation a:visited, #teaser a, #teaser a:visited, #footer a, #footer a:visited, #content .news-item a, #content .news-item a:visited {
  color: #fff;
}

#navigation ul ul a, #navigation ul ul a:visited {
  color: #000;
}

#navigation ul ul a:hover {
  color: #666;
}

#navigation a:hover, #teaser a:hover, #footer a:hover, #content .news-item a:hover {
  color: #ccc;
}

#content a, #content a:visited, .ext-link a, .ext-link a:visited, #footer .ext-link a, #footer .ext-link a:visited {
  color: #c00;
}

#content a:hover, .ext-link a:hover, #footer .ext-link a:hover {
  color: #000;
}


/** CSC **/

#teaser	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0;
}

#content .csc-mailform {
  border: 0;
}

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

#content .csc-mailform label {
  width: 100px;
  display: block;
  float: left;
}

#content .csc-mailform input, #content .csc-mailform textarea {
  width: 400px;
  border: 1px solid #ccc;
}

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

/** SEARCHFORM **/

#search {
  position: absolute;
  top: 0;
  right: 130px;
  width: 150px; 
}


#search form {
  width: 150px;
}

#searchfield, #searchbtn {
  float: left;
}


#searchfield input {
  border: 0;
  background-color: #fff;
  height: 18px;
}

.btn {
  border: 0;
  height: 18px;
  background-color: #a4091e;
  color: #fff;
  cursor: pointer;
}