/* Erstellt am 15.03.2009 */


/* Allgemeine Angaben + wrapper*/

a, a:link {text-decoration: none; color:#f53d90;}
a:hover, a:active, a.active {font-style: oblique; color:#23a0d7;}
    
h2, h3 {color:#303030; margin-bottom:12pt; font-size:150%; text-transform:lowercase; text-align:left; font-weight:bold;}
h3 {font-size:120%; margin-bottom:10pt; color:#777;}
#accordion h3 {font-size:105%; margin:6pt 0; font-weight:normal;}
#text h3 {font-size:100%; margin:10pt 0;}

body #content h2 {color:#fff; font-size:120%; /*font-weight: normal;*/ padding:1mm 3mm;}
#gelb #content h2 {background:#f0aa1e;}
#gruen #content h2 {background:#a0d22d;}
#blau #content h2 {background:#23a0d7;}
#violett #content h2 {background:#b41eaa;}

body h2 {color: #f53d90;}
#gelb h2 {color:#f0aa1e;}
#gruen h2 {color:#a0d22d;}
#blau h2 {color:#23a0d7;}
#violett h2 {color:#b41eaa;}

p, table, ul {margin-bottom: 2mm;}
strong {color: #303030;font-weight:bold;}    
em {font-style:italic; color:#5e5e5e;}


/* Header und Navigation */

#logo {
	}
	
/* Navi */

#navi {margin:0; padding:0;}
	
#navi li {background-color: #ababab; padding: 0; height:8mm; margin-top:1mm; display:block; width:100%;}	

#navi li.gelb {border-right:10px solid #f0aa1e;}
#navi li.gruen {border-right:10px solid #a0d22d;}
#navi li.blau {border-right:10px solid #23a0d7;}
#navi li.violett {border-right:10px solid #b41eaa;}
	
#navi li a {color:#fff;	display:block; *width:100%; padding: 1.8mm 5mm;}

#navi li.gelb a {border-right:1px solid #f0aa1e;}
#navi li.gruen a {border-right:1px solid #a0d22d;}
#navi li.blau a {border-right:1px solid #23a0d7;}
#navi li.violett a {border-right:1px solid #b41eaa;}

#navi li.gelb a:hover, #navi li.gelb a.active {background:#f0aa1e;}
#navi li.gruen a:hover, #navi li.gruen a.active {background:#a0d22d;}
#navi li.blau a:hover, #navi li.blau a.active {background:#23a0d7;}
#navi li.violett a:hover, #navi li.violett a.active {background:#b41eaa;}
	
	
/* content */

#text {
	margin: 8mm 0;
	}

#text p.subnavi {font-size:100%;}

#content ul li {list-style: url(gfx/pfeil.gif); margin-left:2mm;}

div.bild {
	float:left;
	display:block; 
	width:30%;
	}
	
div.bild img {height:100mm; width:40mm; margin-bottom:0;}
	
div.text {
	float:right;
	display:block;
	width: 70%; 
	}

#gruen table tr td, #gruen table tr th {padding:1mm; border-bottom:1px solid #919191; text-align: left;}
#gruen table tr th {vertical-align:top; width:25mm; color:#777; font-weight: bold; }

#gruen p.bilduntertitel {background-color:#a0d22d; padding:2mm 3mm; width:35mm; margin:0; font-style:oblique; color:#fff;}


/* Footer */

#footer {clear:both; overflow:hidden;}

/* Accordion */


#accordion p{
	margin:0;
	padding:0;
	margin-left:2mm;
	display:block;
	}
	
h3.toggler{
margin: 0.5mm auto;
padding: 2mm 3mm;
background: #ababab;
color: #fff;
border-left: 10px solid #f0aa1e;
cursor: pointer;
font-size: 100%;
}

.element{
margin-left: 10mm;
}

/* Referenzen */

#referenzen {
	margin:0 auto;
	text-align: center;
	}

#referenzen img {width:180mm; height:134mm;}
	
#referenzen ul li {
	list-style: none; 
	margin: 0 auto; 
	text-align: center;
	}
	
#referenzen ul li div h3 {margin:0 auto; margin-bottom:5mm; text-align:center; color:#fff; font-size: 110%; padding-top:10pt;}
#referenzen div.reffooter span {display:block;}
	
#referenzen ul li div {
	color:#23a0d7;
	margin:0;
	}

span.reffooter {
	display:block;
	margin:0;
	}
	
.jcarousel-skin-nika .jcarousel-next-horizontal {
    background: none;
}

.jcarousel-skin-nika .jcarousel-prev-horizontal {
    background: none;
}


/* Formular */

form {display:block; width:100mm; margin-left: 10mm;}
label {padding-top:2mm; display:block;}
#content div.text div.MsgSent, #content div.text div.MsgError {position:relative;} 

input, textarea, select {padding:0; width:60mm; *border: 1px solid #b41eaa;}
textarea {height: 10mm; width:40mm;}
dl {clear:both;}
dt {margin-bottom:0;}
dd {margin-bottom:2mm;}
dd.submit {text-align:left;margin-bottom:2mm;}
dd.submit input {width:60mm; *background:#b41eaa; *color:#fff; *font-weight: bold;}