/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* CSS für conbam.de								 */
/* Copyright 2006 www.conceptwise.de				 */
/*   				 		                         */
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

/*   font-size: 12px; line-height: 22px;           */
/*   Conbam gruen       c1ce1c					   */
/*   Conbam gruen Text  adbc00                     */
/*   Hintergrund  		fbfcef                     */
/*   Dunkelgruen  	    658449                     */


*
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: none;
}

body {
	background-color:#fbfcef;
	margin:0px;
	padding:0px;

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Pseudoklassen 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	font-weight:bold;
}

a:link  { 
	color : #adbc00; 
}

a:visited { 
	color : #adbc00; 
}

a:hover, a:focus { 
	color : #bbbbbb; 
}

a:active { 
	color : #bbbbbb; 
}




/* Modifizierungen der Links für das Menue */
#menuecontainer a,
#menuecontainer p,
#menuecontainer li strong {
	padding: 0 0 0 10px;    /*Abstand für Pfeilchen und die Optik nach den normalen Links*/
	font-size: 12px;
}

/*  Modifizierungen fürs Menue*/
#menuecontainer a:hover, 
#menuecontainer a:focus { 
	background: url(../img/pfeilchen.gif) no-repeat left;

}


/* zur Kennzeichnung des Menues im Pfad der Seite  */
.on  a {
	color: #999;
	background: url(../img/pfeilchen.gif) no-repeat left;
}
/* die  Farbe des  Links der aktiven Seite wird 
   unten bei den Listen zugewiesen!  /*




/* Menue
 * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Grundlegende Gestaltung der Listen im Menuebereich durch        */
/* Kontextselektor Liste innerhalb des Menuebereiches              */
#menue1 ul,
#menue2 ul, 
#servicemenue ul{
	list-style: none;              /* Listenpunkte unsichtbar machen    */
	padding: 0pt;                  /* vernichtet den Einzug der Listen und schafft Platz für das Pfeilchen */
	margin: 0pt;			       /* sonst schiebts sich im IE nach links  */
	
	line-height:12px;              /* falls 2-zeilige Menueunterpunkte erforderlich werden: verikaler Abstand = Line-Height + Padding siehe nächsten Punkt*/
}

/* Formatierung der Liste, aus der das Menue aufgebaut ist  */
#menue1 li, 
#menue2 li, 
#servicemenue li {
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0px 0px 8px 0px;      /* Abstand zwischen den Menuepunkten 12+8=22px */
}



/* zur Kennzeichnung des Links der aktiven Seite im Menue
in der non-CSS-Variante bzw. die Farbe des Links der Aktiven Seite im Menue 
und im Languagemenue */
li strong, 
.act a {
color: #658449;
padding-left: 10px;
background: url(../img/pfeilchen.gif) no-repeat left;
}





/* Postitionierung
 * * * * * * * * * * * * * * * * * * * * * * * * * */

#logocontainer {
width: 100%;
background-color: #fff;

}

#logo {
position:relative;
padding-left: 460px;
width:390px;
height:auto;
}

#kopfcontainer{
position:static;
width:100%;
background-color: #fff;
/*min-height:135px;          /* falls es mal weniger als 6 Hauptkategorien werden sollten, geht nicht für unseren speziellen Freund, den IE, also vergiss es */
margin: 0;
padding: 0;
}

#menuecontainer {
/* border: 1px dashed #000;*/
position: static;          
width: 900px;
margin: 0;
padding: 0 0 0 50px ;        /*60 minus 10px für das Pfeilchen*/
}


#menue1 {
/*border: 1px dashed #000;*/

float: left;
width: 130px;

}

#menue2 {
float:left;
width: 250px;
/* border: 1px dashed #000; */
}

#service {
float: right;
width: 120px;
/* border: 1px dashed #000;*/
}

#servicemenue{
/* border:dotted 1pt; */
list-style: none;
}


#strip{
position:static;
width: 100%;
height: 10px;   /* kompensiert den double border bug des Internetexplorers */

border-top: 10px solid #c1ce1c;
padding: 0 0 20px 0;

}

/*brauchen wir für den IE, damit der GuillotineBug nicht zuschlägt und 
Die Höhe ist da, damit das Copyright im IE nicht nach oben rutscht */
#contentcontainer{
position:static;
width: 100%;
height:360px;



}



#content_left {
float:left;
width: 240px;
padding:0 0 0 60px;
/*border:  1px dashed; */
display:block;
}


#content_normal {
float:left;
     /*width wird über die Klasse .wxxx zugewiesen*/
padding: 0 0 20px 20px;  
/*border:  1px dashed; */
display:block;
}

#content_normal .w630{
padding-bottom: 20px;
}

#content_right {
float:left; 
      /*width wird über die Klasse zugewiesen*/
padding: 0 0 20px 20px;  
/*border:  1px dashed; */
display:block;
}



.w260 {
width: 240px;
}

.w325 {
width: 305px;
}

.w390 {
width: 370px;
}

.w630 {
width: 630px;
}

/* 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#copyright{
position:fixed;
bottom:0px;
margin-left: 699px;  /* IE erkennt left nicht, also mit margin */
width: 250px;
padding-top: 5px;

/* border:dashed 1px #f00; */
background-color:#fbfcef;  

color : #C1CE1C;
font-weight:bold; 

}




/* HTML Rewrite
 * * * * * * * * * * * * * * * * * * * * * * * * * */
h1 { 
	color: #009900; 
	font-size : 20px;
	line-height : 18px;
	font-style: normal; 
		
	margin-top: 0px;
    margin-bottom: 8px;
}

h2 { 
	color: #adbc00; 
	font-size : 16px;
	line-height : 18px;
	font-style: normal; 
		
	margin-top: 0px;
    margin-bottom: 8px;
}

h3 { 
	color: #adbc00; 
	font-size : 13px;
	line-height: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}

h4 {
	color: #000; 
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
    margin-bottom: 4px;
}


p { 

    font-size: 11px;
    line-height: 15px;

}

p.einzug {
	padding-left: 8px;
	}

/* Bildunterschriften, als eingene Textblöcke */
p.csc-textpic-caption{
	margin:0;
	padding:0;
	font-size: 9px;
	}





/* Bilder HTML Rewrite
 * * * * * * * * * * * * * * * * * * * * * * * * * */

img {
	background-color:#c1ce1c;
}



#logo img {
background-color:#ffffff;

}




/* Tabellen
 * * * * * * * * * * * * * * * * * * * * * * * * * */
table em{
font-weight:bold;
font-style:normal;
} 

table td em{
padding: 1em 0 0.2em 0;
border-spacing:10px;
}

 
table {
background-color:#ffFFFF;
border:1px solid #99CC00;
padding: 5px;
border-collapse:separate;
table-layout: fixed;
}
 
table td{
	 vertical-align:top;
	 border-top: 1px solid #ddd;;
	 padding-top:0.4em;
 }
 
/*erste Spalte*/
td.td-0{
	 width:120px;
	 padding-left:0px;
 }
 
/*zweite Spalte*/
td.td-1 {
	 width: 120px;
	 padding-left:3px;
	 }
 
/*letzte Spalte*/
td.td-last
 {
 width:320px;
 padding-left:3px;
 }


/*Zellen, die Fett sind x-te Reihe 2.Spalte*/
/*tr.tr-0,
tr.tr-3,
tr.tr-13,
tr.tr-24{
font-weight:bold;
}
*/

/* Klassen
 * * * * * * * * * * * * * * * * * * * * * * * * * */





/* Allgemeine Klassen
 * * * * * * * * * * * * * * * * * * * * * * * * * */

.unsichtbar {
	position: absolute;
	top: -4123px;
	left: -4123px;
	height: 1px;
	width: 1px;
}

.clearfix:after {
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.clarfix{
}



fieldset{
	border:0;
	}
	
div.csc-sitemap li {
	list-style:none;
	}	
div.csc-sitemap li li{
	list-style:rectangle;
	padding-left: 2em;
	margin-bottom: 0.7em;
	}


/* Twitter	*/
div#twtr-widget-1 {
	margin-bottom: 1em;
	}	
	
