/* Import von weiteren CSS-Dateien */
@import url("main_menue.css");
@import url("captcha-formular.css");
@import url("guestbook.css");

/*
      Created by Keith Donegan of Code-Sucks.com
	  E-Mail: Keithdonegan@gmail.com

	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
*/
  

/* undo 
*******************************************************************************/
* { padding: 0; margin: 0; }
link, :visited { text-decoration: none }
ul, ol { list-style-type: none; list-style-image: none }
h1, h2, h3, h4, h5, h6, pre, code { font-weight: normal }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0 }
img, a img, :link img, :visited img, fieldset { border: none }
img { margin: 0; padding: 0; vertical-align: bottom }
address { font-style: normal }
table { margin: 0; padding: 0; border: none; border-spacing: 0px }
tr { margin: 0; padding: 0; border: none }
td { margin: 0; padding: 0; vertical-align: top; border: none; border-spacing: 0px }
legend { display: none }


/* LISTS 
*******************************************************************************/
ul { list-style-type: none; margin: 0.3em 0 1.5em }
ul.related { margin-top: -1em }
ol { margin: 0.5em 0.5em 1.5em }
ol li { color: #6e6e6e; font-size: 0.8em; font-weight: bold; background: transparent; list-style-type: decimal; margin-left: 1em; padding-left: 0 }
li { line-height: 1.4em; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 0 }
li.doc { background-position: 3px -500px }
ul.nomarker li { background: transparent; padding-left: 0 }
dl { margin: 0 0 1em }
dt { font-weight: bold; margin-top: 1.3em }
dl dl { margin: 0 0 1.5em 30px }


/* form-module
*******************************************************************************/
#form-module * { margin: 0; padding: 0 }
#form-module  { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; width: 420px }
#form-module fieldset { border: solid 0 #fff }
#form-module legend { display: none }
#form-module p { font-size: 1em; font-weight: bold; margin: 0; padding: 5px }
#form-module .element  { background-color: #f8f8f8; display: block; clear: both; border-top: 2px solid #fff }
#form-module label  { background-color: #f7f7f7; display: block; padding: 5px; width: 100px; float: left; border-right: 2px solid #fff }
#form-module label.checkbox { width: 372px; border-right: medium none; border-left: 2px solid #fff }
#form-module input, #form-module select, #form-module textarea { margin: 5px; width: 295px; float: left; border: solid 1px #919191 }
#form-module input.text { height: 20px }
#form-module input.checkbox { padding: 0; width: 120px; border: none }
#form-module input.submit   { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; margin: 5px 5px 5px 120px; padding: 2px 5px; border: solid 1px #919191 }
#form-module input.submit:hover  { color: #000 }
#form-module label.textarea, #form-module textarea.textarea { height: 96px }
/* #form-module-thanks { color: #666; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; display: block } */


/* ----------------------------------------------------------------------------------
  Css-Formatierungen fuer Redaxo interne Module
---------------------------------------------------------------------------------- */ 
.left {  margin: 10px 10px 5px 0;  float: left;  }
.right { margin: 10px 0 5px 10px;  float: right; }
.clearer { font-size: 0; line-height: 0; visibility: hidden; display: block; height: 1px; clear: both }
.clear { clear: both; background: none; }
.flLeft { float: left; margin: 10px 10px 5px 0; }
.flRight { float: right; margin: 10px 0px 5px 10; }
.warning { color: #f00 }
.haupttext {   margin-left: 15px; display: block;   }
.textright {   text-align: right;   }
.center {   text-align: center;   }
.small {   font-size: 10px;   }
.bold {   font-weight: bold;   }
.hide {   display: none;   }
.clr {   clear: both;   }



/* ----------------------------------------------------------------------------------
  Allgemeine Css-Formatierungen
---------------------------------------------------------------------------------- */ 
body {
  background-color: #fff;
  margin: 0px; 
  padding: 0px;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;   /* !!! entspricht nachfolgend 1.0 em !!! */

  /* kleiner Hack, damit im IE unter 6 die ganze Seite auch mittig ausgerichtet wird im body  text-align: center;  setzen. 
     Wichtig: Im ersten div der Seite  text-align: left;  setzen, damit die Texte linksbündig dargestellt werden. */
  text-align: center; 
}

a {
  text-decoration: none;
  color: #08326C;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
  color: #197E9D;
}
a img {
  border: 0;
}

pre { font-size: 1em }
form { margin: 0; padding: 0; }



/* ----------------------------------------------------------------------------------
  Text-Formatierung des Hauptinhalts
---------------------------------------------------------------------------------- */ 

#content h1 { 
  color: #f16f01; 
  font-size: 1.4em; 
  font-weight: bold; 
  line-height: 17px; 
  margin-top: 12px; 
  margin-bottom: 6px; 
}
#content h2 {
  font-size: 1.2em;
  color: #f16f01;
  line-height: 15px;
  margin-bottom:6px;
  margin-top: 12px;
}
#content h3 {
  font-weight: bold;
  font-size: 1.0em;
  color: #000;
  margin-bottom: 2px;
  margin-top:12px;
}
#content h4 {
  font-size: 1.0em;
  color: #000;
  margin-bottom: 2px;
  margin-top:12px;
}
#content h5 {
  font-size: 1.0em;
  color: #000;
  margin-bottom: 2px;
  margin-top:6px;
}

#content p {
  margin: 5px 0; 
  padding: 0px;
}

#content li {
  list-style-type: disc;
  margin-left: 15px;
}



/* ----------------------------------------------------------------------------------
  externe Links
---------------------------------------------------------------------------------- */ 

.extern{
  padding-right:15px;
  background:url('extern.gif') no-repeat right center;
}




/* ----------------------------------------------------------------------------------
  Webseiten Ausrichtung 
---------------------------------------------------------------------------------- */ 

#wrapper { 
  /* kleiner Hack, damit im IE unter 6 die ganze Seite auch mittig ausgerichtet wird im body  text-align: center;  setzen. 
     Wichtig: Im ersten div der Seite  text-align: left;  setzen, damit die Texte linksbündig dargestellt werden. */
  text-align: left;

  width: 980px;
  margin: 0px auto;
  border: 1px solid #08326C;
}

#header {
  background-image: url(header.jpg); 
  width: 100%; 
  height: 81px;
}


#header_navigation {
  float: right;
  margin-top: 56px;
  width:160px;
  height:20px;
  z-index:1;
  color: #fff;
}

#header_navigation a {
  color: #fff;
}

#header_trenner_oben {
  background-image: url(trenner_oben.jpg); 
  width: 100%; 
  height: 23px; 
}

#header_bild {
  background-image: url(bild_980.jpg); 
  width: 100%; 
  height: 150px;	/*	206px  */
}

#top_nav_back {
  background-image: url(top_nav_back.jpg); 
  width: 100%; 
  height: 33px;
}

#prom_feld_back {
  background-image: url(prom_feld_back.jpg); 
  width: 100%; 
  height: 120px;	/*	138px  */
}

#prom_feld_content { padding: 10px 5px 5px 10px; }

#prom_feld {
/*  font-size: 0.75em; */
}

#prom_feld h1 {
  font-weight: bold;
  font-size: 1.0em;
}

#prom_feld h2 {
  font-weight: bold;
  font-size: 0.9em;
}

#prom_feld div.newslist h2 {
  margin-top: 5px;
}

#prom_feld div.newslist h2 a.title {
  color: #000000;
  text-decoration: none;	
}

#prom_feld div.newslist h2 a.title:hover {
  color: #000000;
  text-decoration: none;
}



#suchfeld {
  background-image: url(suchfeld2.jpg); 
  background-repeat: no-repeat;
  float: right;
  width:293px;
  height:102px;  /* 138px;  */
  margin-top: 9px;  /* 18px; */
  color: #fff;
}
#suchfeld_content {
  margin-top: 55px;
  margin-left: 15px;
}


#brotkrumenleiste {
  background-image: url(brotkrumenleiste.jpg); 
  width: 100%; 
  height: 38px 
}



#faux {
  background-image: url(nav_links.jpg);
  background-position: left;
  background-repeat: repeat-y;
  margin-bottom: 0px;
/*  overflow: auto;  Paul O Brien Fix for IE www.pmob.co.uk */
/*  width: 100%;  */
}


#nav_links {	
/*  background-image: url(nav_links.jpg); 	
  background-repeat: repeat-y;  */
  display: inline; 	
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: 160px;
  float: left;
}

div.nav_links_trenner {
  background-image: url(nav_links_trenner.jpg); 
  background-repeat: no-repeat;
  width: 160px;
  height: 28px;
}







#submenue {
  margin-left: 10px;
}
#submenue li.level2 {
  padding-left:15px;
  background:url('submenue.gif') no-repeat left top;
}
#submenue a.level2 {
  color: #fff;
  font-weight: bold;
}
#submenue li.level3 {
  margin-left: 5px;
}
#submenue a.level3 {
  color: #fff;
  font-weight: normal;
}




#newsletter {
  margin-left: 10px;
}
#newsletter h1 { 
  color: #000; 
  font-size: 1.2em; 
  font-weight: bold; 
  margin: 0px;
  margin-bottom: 6px; 
}
#newsletter h2 {
  color: #000;
  font-size: 1.0em;
  font-weight: bold; 
  margin: 0px;
  margin-bottom:6px;
}
#newsletter p {
  font-size: 0.9em;   
}
#newsletter .warning {
  font-size: 0.9em;   
  color: #fff;
}


#weiterempfehlung {
  margin-left: 10px;
}


#wetter {
  margin-left: 10px;
}





#breadcrum {
  padding: 10px 0 0px 170px;
  font-size: 0.75em;
  color: #004879;
}
#breadcrum a { color: #004879; }


#content { 
  margin: 0px 175px; 
  padding: 10px; 
  padding-bottom: 38px;	
}





#rightcolumn { 
  float: right; 
  display: inline;  
  margin: 0px;
  padding: 0px;	
  border: 0px;
  width: 160px;
}

#rightcolumn_news { 
  margin: 0px;
  margin-bottom: 5px;
  padding: 5px;
  color: #08326C;
  border-left: 1px dashed #08326C;
  border-bottom: 1px dashed #08326C;
}
#banner156x60
{
  margin: 0px;
  padding: 0px;	
  border: 0px; 
}
#banner156x60 p
{
  padding: 0 0 5px 0;
}
#banner156x60 .extern
{
  margin: 0px;
  padding: 0px;	
}




#footerbalken {	
  background-image: url(footerbalken.jpg); 	
  width: 100%; 
  height: 11px 
}
#footer {
  clear: both;
  color: #333;
  margin: 5px 0px;
  padding: 0px;
  padding-left: 10px;
  text-align: left;
  font-size: 0.75em;
}



#counter {
  display: none;
  text-align: center;
  /* float: right; */
  margin: 0px;	
  padding: 0px;	
  color: #ffc;
}
#counter a {	
  color: #ccc;
}







div.teaser {
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  font-size: 0.9em;
}
div.teaser h1 {
  font-weight: bold;
  font-size: 1.2em;
}
div.teaser h2 {
  font-weight: bold;
  font-size: 1.1em;
}





div.kunden {
  border: 1px solid #000000;	
  margin: 5px;
  padding: 5px;
}



/* Mini-Eintrag */
td.kunden {
  font-size: 0.75em;
/*  background-color: #EEEEEE;  */
  border: 1px solid #000000;	
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}


/* Download anbieten */

.download-box {
  background-color: #ddd;
  border: 1px solid #000;
  width: 500px;
  margin: 0px;
  padding: 5px;

}

.download-hdl {
	font-weight: bold;
}

.download-file { }

.download-desc {
  background-color: #eee;
  margin: 0px;
  padding: 5px;	
}

.download-without-desc { }