body {
	margin: 0;
	padding: 0;
	width:100%;
	/*background: #f1f1f1 url(../_media/bg_body.jpg) top left repeat-x;*/
	background-color:#009687;
}


h1 {
	font: bold 16px Arial, Verdana, Helvetica, sans-serif;
	color: #696969;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px dashed #696969;
	display: block;
}

h2 {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	display: block;
}

h3 {
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	color: #009687;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px dashed #009687;
}

.form {
background-color:#fff;
border:1px dashed #009687;
padding:1px;
width:70px;
text-align:left;
width:200px;
display:block;
}

.senden {
background-color:white;
border:1px dashed #009687;
padding:1px;
text-align:left;
display:block;
}

.senden:hover {
background-color:#009687;
border:1px dashed white;
padding:1px;
text-align:left;
display:block;
}

.square {
list-style-type:square;
color:#009687;
}

#main {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width: 950px;
	position:relative;
	background: #D8D9DA url(../_media/bg_content.jpg) top right repeat-y;	
}

#top {
	width: 950px;
	height: 184px;
	background: #C8C9CB url(../_media/bg_top_maerz.jpg) top left no-repeat;
}

div#logo {
	position: absolute;
	top: 40px;
	left: 14px;
	width: 300px;
	height: 131px;
}

/**************** menu coding *****************/
#menu {
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float:right;
background: url(../_media/bg_top_navigation.jpg) 0px 5px repeat-x;
}

#menu ul li {
float:left;
display:block;
}

#menu a, #menu h2 {
font-size:12px;
font-weight:normal;
color:#fff;
display: block;
border:0px none;
margin: 0px;
}

#menu ul li a {
    color:#fff;
    text-decoration: none;
    display:block;
    margin:0px;
    font-weight:normal;
    line-height:34px;
    padding-left:10px;
    padding-right:10px;
    margin-top:5px;
		text-align:left;
}

#menu ul li a:hover {
    background-color:#009788;
    border-top:5px solid #009788;
    margin-top:0px;
}

#menu ul li ul {
    border:0px none;
    background-color:#009788;
    background-image:none;
}

#menu ul li ul li {
    padding-left:20px;
    padding-right:10px;
    border-bottom:1px dotted #fff;
    width:150px;
}

#menu ul li ul li a {
    margin:0px;
    font-size:12px;
    font-weight:normal;
    background-image:none;
    background-image:url(../_media/subnav_back.gif);
    background-repeat:no-repeat;
    background-position:0px 14px;
    padding-left:16px;
}
#menu ul li ul li a:hover {
    margin-top:0px;
    border-top:0px none;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index:500;
top:39px;
left: 0px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


#navigation {
	float: left;
	width: 180px;
	height: 500px;
	background: #C8C9CB url(../_media/bg_navigation.jpg) top left repeat-y;
	margin: 0 0 0 10px; 
	* margin: 0 0 0 5px; 
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #d9dadb;
}


#navigation #left_nav {
	margin-left:24px;
	*margin-left:16px;
	margin-top:55px;
	padding: 0;
	list-style-image: url(../_media/li_left_nav.gif);
	list-style-position: outside;
}

#navigation #left_nav a {
	color: #d9dadb;
	text-decoration: none;
}

#navigation #left_nav a:hover {
	color: #fff;
}

#navigation #left_nav li {
	margin: 0;
	padding:  0 0 12px 0;
	background: transparent url(../_media/bg_left_nav.gif) bottom left repeat-x;
}

#navigation #left_nav li ul {
	margin: 0;
	padding: 0;
	list-style-image: url(../_media/li_left_subnav.gif);
	list-style-position: outside;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}


#navigation #left_nav li ul li {
	margin: 6px 0 6px 14px;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #d9dadb;
	background: none;
}

#content {
	/*border:1px solid red;*/
	float: right; 
	width: 749px;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	min-height:570px;
	
}

#content #content_container {
	margin: 40px 25px;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
}

h3 span {
	background: #009687;
	padding: 2px 3px 1px 3px;
	color: #fff;
	margin: 0 10px 0 0;
}

#top_navigation {
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	border:0px none;
	position:absolute;
	right:0px;
	top:145px;
}

#referenzen {
	margin: 0 0 0 20px;
}

#referenzen img {
	border: 1px solid #019587;
	background: #fff;
	padding: 9px;
	margin: 20px 30px 0 0;
}



.referenzbox {
	float: left;
	border: 1px solid #696969;
	background: #FFF;
	/*position: relative;*/
	margin: 15px 0px 0px 0px;
	width:210px;
	text-align:center;
	margin-right:20px;
}

.referenzbox .bottom {
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	width:100%;
	background: #D8D9DA url(../_media/bg_top_navigation.jpg) top left repeat-x;
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 34px;
	line-height:34px;
	vertical-align:center;
	* line-height:15px;
	* vertical-align:center;
}

.referenzbox .bottom a {
    color: white;
}

.referenzbox img {
	margin: 0 0 0px 0;
	padding: 5px;
	border:0px none;
}

.referenzbox p {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}

.popup {
	position: absolute;
	top: 220px;
	left: 300px;
	width: 520px;
	text-align: center;
	background: #fff;
	border: 1px solid #696969;
}

.popup .head {		
	display: block;
	background-color: #696969;
	color: #fff;
	font-weight: bold;
}

.popup .head a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


.popup img {
	margin: 10px 0;
}

.linkback {
    clear:both;
    float:right;
    color:black;
    font-weight:bold;
    margin:10px 30px;
}

.pagenav {
    clear: both;
    color: #696969;
    font-weight: bold;
}

.pagenav a {
    color: #696969;
}