/* Erstellt am 27.02.2009 */


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {font:12px Georgia, Times, Times New Roman, verdana, arial, clean,sans-serif; *font-size:small; *font:x-small;} table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica, verdana, arial,  clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}


/* Allgemeine Angaben + wrapper*/

body {background:#e1e1e1/*d4d4d4*/;}

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:10px; *margin-bottom:5px; font-size:150%; text-transform:lowercase; text-align:left; font-weight:bold;}
h3 {font-size:120%; margin:10px 0; *margin:5px 0; color:#777;}
#accordion h3 {font-size:105%; margin:1px 0; font-weight:normal;}
#text h3 {font-size:100%; margin:10px 0; *margin:5px 0;}

body #content h2 {color:#fff; font-size:120%; /*font-weight: normal;*/ padding:2px 10px;}
#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: 15px;}
strong {color: #303030;font-weight:bold;}    
em {font-style:italic; color:#5e5e5e;}
br {clear:both;}

#wrapper {
	margin:20px auto;
	width:1000px/*85%*/;
	height:100%;
	display:block;
	/*position:relative;*/
	font-size: 103%;
	}

#content, #content_locke {
	float:left; 
	display:block; 
	height:620px; 
	width:750px;
	}
	
#content_locke {
	width:640px;
	text-align:right;
	}
	
#right {
	float:right; 
	display:block; 
	width:200px; 
	height:600px; 
	text-align:right; 
	background:#fff;
	position:relative;
	padding:10px;
	color: #5e5e5e;
	}

/* Header und Navigation */

#logo {
	position:relative;
	right:0;
	}
	
/* Navi */
	
#navi {
	position:absolute;
	bottom:10px;
	*left:10px;
	color:#fff;
	width:200px;
	*width:180px;
	font-size:110%;
	}	
	
#navi {margin-bottom:0;}	
#navi li {background:#ababab; margin-top:2px; *height:25px;}	

#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:4px 10px;}

#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 {
	width:200px;
	position:absolute;
	bottom:128px;
	*left: 10px;
	/*text-align: justify;*/
	text-align: left;
	line-height: 1.5;
	}

#text p {font-size:105%; *font-size:100%; color:#777;margin-bottom:0;}
#text p.subnavi {font-size:99%; *font-size:90%;}

#content ul li {list-style: url(gfx/pfeil.gif); margin-left:30px; line-height: 1.5;}

div.bild {
	float:left; 
	display:block; 
	width:240px;
	}
	
div.text {
	float:right; 
	display:block; 
	width:480px; 
	}
	
.right, .left {width:50%; display:block;}
.right {float:right;}
.left {float:left;}

#gruen table {width:100%; }
#gruen table tr td, #gruen table tr th {padding-top:8px; padding-bottom:3px; border-bottom:1px solid #919191/*a0d22d*/;}
#gruen table tr th {vertical-align:top; width:100px; color:#777; font-weight: bold; }

div.bild img {*margin-bottom:-3px;}
#gruen p.bilduntertitel {background:#a0d22d; padding:5px 8px; font-style:oblique; color:#fff;}
a.anker {display:block; background:#ababab; text-align:right; margin:5px 0; color:#fff; padding:2px 5px; font-size:80%;}


/* Footer */

#footer {clear:both; overflow:hidden; text-align: center; color:#777; font-size:80%; }

/* Accordion */

#accordion {
	clear:both;
}

#accordion p{
	display:block; 
	float:left;
	width:30%;
	margin-left:20px;
	*margin-left:18px;
	padding-top: 10px;
	padding-bottom: 15px;
	line-height: 1.5;
	}
	
h3.toggler{
margin: 1px auto;
padding: 3px 20px;
background: #ababab;
color: #fff;
border-left: 10px solid #f0aa1e;
cursor: pointer;
font-size: 100%;
}

.element{
margin-left: 30px;
*margin-left: 10px;
}

/* Referenzen */

#referenzen {
	display:block;
	width:750px;
	margin:0 auto;
	text-align: center;
	position: relative;
	}
	
#referenzen ul li {
	list-style: none; 
	position: relative; 
	left:0; 
	top:0;
	margin: 0 auto; 
	text-align: center;
	}
	
#referenzen ul li div h3 {margin:0 auto; margin-bottom:2px; *margin-bottom:0px; text-align:center; color:#fff; font-size: 110%; padding-top:2px; *padding-top:0px;}
#referenzen div.reffooter span {display:block;}
	
#referenzen ul li div {
	height: 39px;
	position: absolute;
	bottom:0;
	left:0;
	z-index: 500;
	color:#fff;
	width:700px;
	margin-left:0px;
	}

span.reffooter {
	display:block;
	position: absolute;
	bottom: 0px;
	left:0;
	width:735px;
	height:40px;
	background-color:#23a0d7;
	}

#referenzen a, #referenzen a:link {text-decoration: none; color:#006194;}
#referenzen a:hover, #referenzen a:active, #referenzen a.active {font-style: oblique; color:#91cfeb;}

/* Formular */

form {/*margin-top:28px; *margin-top:22px;*/ margin-left: 20px; display:block; width:376px; position: relative;}
label {padding-top:10px; display:block;}
#content div.text div.MsgSent, #content div.text div.MsgError {position:relative; top:-30px;} 

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