/**
 * Cascading Stylesheet
 * (c) KREATIVROT
 */
 
 
/**
 * Allgemein
 */
html {
	min-height:101%;
}
body {
	color:#444;
	background: #fff url(../img/bg_body.jpg) center -145px repeat-x;
	margin:0px;
	padding:0px;
/*  border-top: 3px solid #c02; */
}
body, div, input, p, select, textarea {
	font-family: Segoe UI, Trebuchet MS, Lucida Grande, Tahoma, Geneva, sans-serif;
	font-size:10pt;
	line-height:15pt;
}
div#site {
	width:910px;
	margin:auto;
}
div#redlabel {
  width: 100%; height:1px;
  background:#888;
}
div#whereru {
	font-size:0.8em;
	font-style:italic;
  margin:15px 0px 5px;
}
div#whereru a {
  color: #222;
}

div.logo {
	position: absolute;
	margin:25px 0px 0px 0px;
}
	div.log span {
		display: block; text-indent: -2000px;
		width: 320px; height: 100px;
	}
h1, h2, h3, h4 {
	margin: 0;
}
h1 {
	padding:25px 0px 10px;
	font-size:2em; font-weight:normal;
	color:#444;
}
h2 {
	padding:5px 0 10px;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.4em;
	color:#333;
}
h3 {
	padding:20px 0 5px;
	font-size:1.4em; line-height: 1.2em;
	font-weight:normal;
	color:#222;
}
h4 {
	padding:5px 8px;
	font-size:1.3em; line-height:1.2em;	font-weight:normal;
	color:#222;
	background:#ddd;
	border-bottom:1px solid #ccc;
}
strong {
 font-weight: bold;
}

/**
 * Menü
 */

div#menu_oben {
	position: absolute;
	margin:55px 0px 0px 490px;
  z-index: 2000;
}
div#menu_oben a.in,
div#menu_oben a.aktiv {
}
div#menu_oben a.in2,
div#menu_oben a.aktiv2 {
}
div#menu_oben a.in3,
div#menu_oben a.aktiv3 {
}

div#menu_oben a.in:hover {
}
div#menu_oben a.aktiv, div#menu_oben a.aktiv:hover {
 	text-shadow: #000 1px 1px 1px;
  color: #fff;
  background: #333 url(../img/bg_menu.jpg) center top;
}

div#menu_oben a.in2:hover {
}
div#menu_oben a.aktiv2, div#menu_oben a.aktiv2:hover {
}

div#menu_oben a.in3:hover {
}
div#menu_oben a.aktiv3, div#menu_oben a.aktiv3:hover {
}



/* Content Details */
div#content {
	padding: 140px 0px 0px 0px;
}
	div#content_in {
		padding:20px 0 0 0;
		line-height:21px;
	}
  p {
    margin: 5px 0px 20px;
  }
	a {
		color:#c03;
		text-decoration:none;
	}
	a:active {
		color:#500;
	}
	a:hover {
		color:#801;
		text-decoration:underline;
	}
	blockquote p {
		padding:0px; margin:0px;
	}


  a.informieren {display: block; width:60px; height:60px; background-position: 0px -60px; background-repeat: no-repeat; float:left; margin:0;}
  a#link_newsletter {background-image: url(../img/bg_newsletter.png);}
  a#link_aktionen {background-image: url(../img/bg_sprache.png);}
  a#link_twitter {background-image: url(../img/bg_twitter.png);}
  /* a.informieren:hover {background-position: 0px 0px;} */
		
/* Bottom und Langmenu Details */
div.bottom {
	margin-top:40px;
	clear:both;
	color:#bbb;
	width:100%; height:150px;
}
div.bottom img,
div.lang img {
	vertical-align:middle;
}
div.bottom_in {
	width:900px;
	margin:auto;
	padding:20px 0px;
	text-align:right;
}
  div.bottom_in ul li	{
    text-decoration:none;
    text-transform:uppercase;
    font-size: 8pt;
    float:right;
    list-style: none;
    margin:0px 10px;
	}
  div.bottom_in a	{
 		color:#999;
  }
	div.bottom_in a:hover {
		color:#666;
	}

div.lang {
	float:right;
	margin:3px 0px 0px 0px;
	height:10px;
	text-shadow: #eee 1px 1px 1px;
}
div.lang_in {
	padding:0px 0px;
	text-align:right;
	color:#999;
}
	div.lang_in a	{
		text-decoration:none;
		text-transform:uppercase;
		color:#666;
	}
	div.lang_in a:hover {
		color:#333;
	}

/* Imagemanagement */
img {
  border:none;
}
.fo {
  padding:5px; background:#fff;
  border:1px solid #c00;
}
.re {
  float:right; margin-left:20px;
}
.li {
  float:left; margin-right:20px;
}
img.por {
  float:right; margin:20px;
	/*border:12px solid #eee;*/
	padding:5px; border:1px solid #c00;
}
img.port {
  width:60px; display: block; 
	vertical-align: bottom; margin:2px;
	/*border:12px solid #eee;*/
	padding:3px; border:1px solid #c00;
}
.aktion {
	width:220px;
	height:300px;
  float:left;
	border:5px solid #444;
	margin: 0 0 50px 0;
}
/**
 * Accordion
 */
.acckopf {
  cursor: pointer;
  height:110px;
  margin-bottom:2px;
}

/* Listen */
ul.spalten2, ul.spalten3 {
  list-style:none; margin:0; padding:0;
}
ul.spalten2 li {
  float:left;
  width:433px;
  padding:0 20px 10px;
  border:1px solid #ddd;
  border-width:0px 1px;
}
ul.spalten2 li.first {padding:0px 20px 0px 0px; border-left:0;}
ul.spalten2 li.last  {padding:0px 0px 0px 20px; border:0;}

ul.spalten3 li {
  float:left;
  width:260px;
  padding:0 20px 10px;
  border:1px solid #bbb;
  border-width:0px 1px;
}
ul.spalten3 li.first {padding:0px 20px 0px 20px; border:0;}
ul.spalten3 li.last  {padding:0px 20px 0px 20px; border:0;}

ul.kontakt, ul.impressum {
  list-style: none;
	padding:10px 0; margin:0;
}


/* Formulare */
form {
	margin:0; padding:0;
}
fieldset {
	margin:10px 0; padding:20px;
	border:1px solid #ccc;
  background:#eee;
}
fieldset ul {
  list-style: none;
  margin: 0; padding: 0;
}
fieldset ul li {
  padding: 0 0 6px 0;
}
  fieldset ul p {
    margin-left: 10em;
  }
  .zeile {
    font-size:1.2em;
    color:#000; background: #fcfcfc;
    border:1px solid #bbb;
    padding:4px;
  }
  .zeile:focus {
    background:#fff;
    border:1px solid #888;
  }
  .newsletterInput {
    color:#000; background: #fcfcfc;
    border:1px solid #bbb;
    padding:3px; width:210px;
  }
  .newsletterInput:focus {
    background:#fff;
    border:1px solid #888;
  }
  .button {
    cursor: pointer;
    font-weight:bold;
    background: #666 url(../img/bg_button.jpg) center top;
    color:#eee;
    text-shadow: 0px 1px 2px #222;
    border:1px solid #333;
    border-top:1px solid #999;
    padding:6px 25px;  margin-left: 10em;
  }
  .button:hover {
    background-position: center -50px; color:#fff;
    text-shadow: 0px 1px 2px #333;
  }
  .newsletterButton {
    cursor: pointer;
    font-weight:bold;
    background: #666 url(../img/bg_button.jpg) center top;
    color:#eee;
    text-shadow: 0px 1px 2px #222;
    border:1px solid #333;
    border-top:1px solid #999;
    padding:2px 2px;  margin: 0;
  }
  .newsletterButton:hover {
    background-position: center -50px; color:#fff;
    text-shadow: 0px 1px 2px #333;
  }
  .resultText {
    float: left;
  }
  label {
  	cursor:pointer;
    display: block;
    float: left;
    width: 10em;
  }
  label.muss {
    font-weight:bold;
  }
  label:active {
  	color:#c02;
  }
legend {
  font-style: italic;
  padding:0px 10px;
  background:#ddd; border:1px solid #aaa;
  /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/
}

.red {
	border:1px solid #d33;
	background:#fde1e1;
}
.orange {
	border:1px solid #fa0;
	background:#fff3db;
}



/** Bilderformatierung */
img {
  vertical-align: bottom;
}
.fo_r {
  float:right;
	margin-left:20px;
}
.fo_l {
  float:left;
	margin-right:10px;
}
.text_r {
	text-align:right;
	padding: 0 15px 0 0;
}
.border {
	border:0;
  padding:5px;
}


table, td, th {
	text-align: left;
}
table.aktion td {
  vertical-align: top;
  padding:10px;
}
table.aktion th {
  border:5px solid #aaa;
}
div.messagecontrol {
	background:#fafafa;
  border:1px dashed #aaa;
  padding:10px; margin:5px 0px 0px 0px;
  color:#222;
}
div.messagecontrol blockquote {
  font-style:italic;
}
ol.treffer blockquote {
	background: url(../img/bg_cite.gif) 0px 0px no-repeat;
  font-style:italic;
	padding:5px 0 0 10px; margin:0;
}
ol.treffer {
	 margin:0;
}
ol.treffer li {
	padding:10px 0 0 0px;
}
a.gotoprint {
	float:right;
}
a.doprint {
	display:none;
}
acronym, abbr {
	cursor:help;
	border-bottom:1px dotted #444;
}
.clear {
	clear:both;
}

/**
 * Spans
 */
span.searchword {
   color: #222;
   background-color: #FFD266;
}
span.cell30 {
  display:block; float:left; width:30px;
}