*  {
margin:0;
padding:0;
}
html { height: 100% } 
body {
	color: #000000;
	text-align:left;
	background-color:#fff;
	margin:0;
	padding:0;
	min-height: 101%;
	font-size:11pt;
	position:relative;
font-family: "Lucida Grande", "Andale Mono", sans-serif ;
}
fieldset, img { border:0; }

#wrapper {
margin-left:auto;
margin-right:auto;
position:static;
width:950px;
}
#container {
	width: 950px;
	min-height:600px;
	position:absolute;
	z-index:10;

}
#header {
	z-index:100;
}


#contentwrapper {
position:relative;
width: 950px;
clear:left;
margin:25px 0;
}
#null {
display:none;
}
#content {
width:50%;
float:left;
line-height:130%;
min-height:250px;
z-index:50;
}
#contentreferenzen {
width:75%;
float:left;
line-height:130%;
min-height:250px;
}
#content .oi {
margin:10px 25px 0 8px;
}
#teaser .oi {
margin:10px 5px 0 0;
}
#teaser {
width:23%;
float:left;
}
#teaser .mitglied {
margin-left:-100px;
}
.mitglied h1, .mitglied p {
 padding-left: 110px;
 }
 .float-divider {
 clear:both;}
#navwrapper {
	margin-bottom:50px;
}
#navigationwrapper {
height:300px;
position:static;
}
#logo {
width:100%;
float:left;
clear:both;
margin-top:25px;

}

.oi {
min-height:50px;
}
a  { cursor: pointer; outline: none; /* avoid firefox bug dotted lines */}

img a {
border:0;
}
#contentwrapper p a img {
border:0;
}
#navigation  {
display:none;
}

#navigation a.current {
color:#86BC22;
text-decoration:none;
}
#navigation a:hover {
color:#333;
}

.navigation {
	list-style-type: none;
}
#navigation li {
	margin:5px 5px 10px 10px;
	float:left;
	list-style-type: none;
		font-size:1.2em;

}
#current a, #current2 a {
color:#86BC22;
}
#submenu li {
	margin:10px 5px 10px 10px;

	list-style-type: none;
}
#submenu a {
text-decoration:none;
}
#c20l a {
border:0;
}
#c20l  li {
	list-style-image: url(/files/images/green_cross.gif);
}
h1, h2 {
color:#86BC22;
font-size:1.0em;
margin-bottom:.75em;
}
p, ul, li, a {
color:#6A6E86;
line-height:135%;
margin-bottom:0.7em;
}


#contentwrapper  {
	color:#6A6E86;
}
#null  li {
	list-style-image: url(/files/images/green_cross.gif);
}
#null a {
text-decoration:none;
border-bottom:solid 1px #86BC22;
margin-bottom:0.7em;
}
#content  li {
	list-style-image: url(/files/images/green_cross.gif);
}
#content a {
text-decoration:none;
border-bottom:solid 1px #86BC22;
margin-bottom:0.7em;
}
#teaser  li {
	list-style-image: url(/files/images/green_cross.gif);
}
#teaser a {
text-decoration:none;
border-bottom:solid 1px #86BC22;
margin-bottom:0.7em;
}
.subcl  li, .subc  li, .subcr  li {
	list-style-image: url(/files/images/green_cross.gif);
}

/*           forms                */
form {
border:none;
line-height:135%;
width:95%;
}

.formtextfield, .formtext {
border-top:none;
border-left:none;
border-bottom: solid  #86BC22 1px;
border-right: solid  #86BC22 1px;
background-color:#F3F3F3;
width:95%;
padding-top:0px;
}

label, fieldset {
margin-top:15px;
}
.formblock
{
margin-top:15px;
}
input.formsubmit {
border-top:none;
border-left:none;
border-bottom: solid  #666 1px;
border-right: solid  #666 1px;
background-color:#ccc;
width:95%;
padding-top:0px;
}
input.formsubmit:hover {
border-top:none;
border-left:none;
border-bottom: solid  #666 1px;
border-right: solid  #666 1px;
background-color:#86BC22;
color:#fff;
}

/*   gallerie           */
#gallerie {
margin-bottom:15px;
}
.gallerie {
margin-right:5px;
border:solid 1px #6A6E86;
}
a.gallerie_link  {
border:solid 0px #6A6E86 !important;
}
.news {
margin-bottom:10px;
padding:10px 0 0 0;
border-top:dotted 1px #86BC22 ;
clear:both;}
.news h1, .news p {
 padding-left: 90px;
 }
.floatLeft {
float:left;
margin-bottom:10px;
}
.teaserNav {
margin-top:10px;
clear:both;

}
/*   referenzen archiv  */

#null a {
border:none;
}
.content_img {
vertical-align: baseline;
margin-right: 5px;
margin-bottom: 5px;
}
.content_img_border {
border:solid #ddd 1px;
vertical-align: baseline;
margin-right: 5px;
margin-bottom: 5px;
}
		
		
	.c50l, .c25l, .c30l, .c40l, .c33l, .c38l, .c66l, .c70l, .c75l, .c62l {float: left; overflow: hidden;}
	.c20r, .c50r, .c25r, .c30r, .c40r, .c33r, .c38r, .c66r, .c70r, .c75r, .c62r {float: right; overflow: hidden;}
    #c20l {float: left; overflow: visible;}
	#c20l, .c20r { width: 18.999%; }
	.c25l, .c25r { width: 24.999%; }
	.c30l, .c30r { width: 29.999%; }
	.c33l, .c33r { width: 32.333%; }
	.c40l, .c40r { width: 38.999%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c70l, .c70r { width: 69.999%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 15px 0 20px; overflow: hidden; 
	}
		.subcl {
	padding: 0 20px 10px 20px;
	overflow: hidden;
	z-index: 200;
}
		#c20l .subcl {
	padding-left:20px;
	margin-left:0px;
		overflow: visible;

}

	#c20l #submenu {
	padding-left:20px;
	margin-left:-40px;
		overflow: visible;

}

	.subcr {
	padding: 0 20px 0 20px;
	overflow: hidden;
}
#navwrapper {
	height: 40px;
	position:static;
	}
	
	#nav {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
	z-index: 20;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	width:237px;
	}
	

/* navigation backgrounds */
#marketing a  {
	background: url(../images/marketing.gif) top left no-repeat;
}

#design a  {
	background: url(../images/design.gif) top left no-repeat;
}

#internet a  {
	background: url(../images/internet.gif) top left no-repeat;
}

#realisierung a  {
	background: url(../images/realisierung.gif) top left no-repeat;
}



/* Absoluter Tooltip */

#design a span, #marketing a span, #internet a span, #realisierung a span {display: none;	text-decoration: none;}
#marketing a:hover span, #design  a:hover span, #internet  a:hover span, #realisierung  a:hover span {
	display:block;
	position:absolute;
	top:30px;
	left:240px;
	width:440px;
	height:250px;
	padding:5px 45px 5px 5px;
	text-align: left;
	line-height:130%;
	text-decoration: none;
	z-index:200;
   }
   
   #marketing a:hover span strong, #design  a:hover span strong, #internet  a:hover span strong, #realisierung  a:hover span strong {
color:#86BC22;
   }

   
.lb {
display:block;
margin-top:1.25em;
margin-left:-240px; 

   }