@charset "utf-8";
/* CSS Document: screen CausaUse */

/**********************************************************************allgemeine Styles*/
* {padding:0; margin:0;}

html { height:101%;}  /*Scrollbar in Firefox*/

p {
	margin-top:0 ;
	margin-bottom:0.75em;
	}

ul ,ol {
	margin-top:0;
	margin-bottom:1.1em;
	}

li {
	margin-left:2.0em;
	margin-bottom:0.5em;
	list-style-image:url(bilder/_bullet_square.gif);
	list-style-type:square;
	}
	
#info_list{
	margin-top:9px;
	margin-left:-6px;
	}
	
	
body {                 
	text-align:center; /*zentrieren aelterer IEs*/
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #dde3e6;	
	}
	
	
#wrapper {             
	text-align:left;  /*zentrieren aelterer IEs*/
	margin:0 auto;
	width:936px;	
	background: #dde3e6 url(bilder/bg_schatten_l.png) center left repeat-y;
	padding: 0 5px 0 5px;
	}

	
body>#wrapper {
	width:81%;  
	min-width:936px;
	max-width:1025px;
	
	}
	
#wrap_inner {
	width: 100%;
	padding: 0 5px 0 0;
	background: #ffffff url(bilder/bg_schatten_r.png) center right repeat-y;
	}
	
	
#page {
	width: 100%;
	background: white;
	}
	
	
.bluebold {
	color:#0071b9; 
	font-weight: bold;
	}
	
 .skip {
	font-size:0.7em;
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 0px;
	width: 0px;
	overflow: hidden;
	display: inline;
	}
	
	
a:focus.skip, a:active.skip {
	width:auto;
	height:auto;
	left:130px;
	top:2px;
	}
	
.floating {
	float: left;
	margin-top:6px;
	margin-right: 12px;
	margin-bottom: 3px;
	display:inline;
	}

/**********************************************************************Überschriften*/
	
	
#content h1, #content_wide h1, #content_kontakt h1, #content_newsletter h1, #subcontent h1, #subcont_newslet_archiv h1 {
	font-size:1.5em;
	line-height:1.15em;
	margin-bottom:0.4em;
	color: #0071b9;  
	}
#content h2, #content_wide h2, #content_kontakt h2, #content_newsletter h2, #subcontent h2, #subcont_newslet_archiv h2 {
	font-size:1.25em;
	margin-bottom:0.3em;
	margin-top:1.5em;/*1.7em;*/
	color:#0071b9;  
	}
	
#content h3, #content_wide h3, #content_kontakt h3, #content_newsletter h3, #subcontent h3, #subcont_newslet_archiv h3 {
	font-size: 1.05em;
	margin-bottom:0.3em;
	margin-top:1em;
	color:#0071b9; 
	}
	
#content h4, #content_wide h4, #content_kontakt h4, #content_newsletter h4, #subcontent h4, #subcont_newslet_archiv h4 {
	font-size: 1.01em;
	margin-bottom:0.3em;
	margin-top:0.5em;
	color:black;
	
	}

#subcontent_active_tags h1 {
	font-size:1.5em;
	color: #086aa9;
	display: inline; 
	line-height:1.4em;
	}
#subcontent_active_tags h2 {
	font-size:1.25em;
	color:#086aa9;
	display: inline;
	line-height:1.4em;  
	}
	
#subcontent_active_tags h3 {
	font-size: 1.05em;
	color:#086aa9;
	display: inline; 
	line-height:1.4em;
	}
	
#subcontent_active_tags h4 {
	font-size: 1.01em;
	color: #086aa9;
	display: inline;
	line-height:1.4em;
	}
	
#subcontent_active_tags h5 {
	font-size: 0.9em;
	color: #086aa9;
	display: inline;
	line-height:1.4em;
	}


#content_glossar h1 {	
	font-size:1.5em;
	line-height:1.15em;
	margin-bottom:0.4em;
	color: #0071b9;  
	}

#content_glossar h2 {
	font-size: 1.05em;
	margin-bottom:0.3em;
	margin-top:2.0em;
	color:#0071b9; 
	}
	


/************************************************************************Logobereich*/	
#logobereich{
	float:left;
	width:100%;
	height:85px;
	}
	
#logo {
	float:left;
	width:auto;
	padding: 14px 0 10px 0;
	/*margin-left: 20px;*/
	margin-left: 2.2em;
	}

	

	
/*****************************************************************************Verlauf*/

#verlauf {
	clear:both;
	background:#4cb5ed url(bilder/farbverlauf_05.jpg) repeat-y top left;
	height:1.76em;
	}
	
	


/**************************************************************** Links allgemein*/
	
#wrapper a {
	color:#086aa9; 
	 }


#wrapper a:visited {
	color:#666666;
	}
#wrapper a:hover,
#wrapper a:focus {
	color:#666666;
	}


/**************************************************************NAVIGATIONEN*/	

	
/****************************************************************Impressum_Navigation*/

#impress {
	float:right;
	width:440px;
	margin-right: -5.1em;
	}
	
#impress ul {
	list-style:none;
	margin: 0;
	padding:0;
	}
#impress li {
	display:inline;
	}
#impress a {
	text-decoration:none;
	float:left;
	width:auto;
	display:block;
	font-size:0.6em;
	color:#666666;
	margin:7px 0 0 0;
	padding:0 7px;
	border-right: 1px solid #666666;
	}	

#impress a:visited {
	color:#666666;
	}	
 #impress a:hover,
 #impress a:focus {
	color: #111111;
	font-weight: normal;
	}

#wrapper #impress a.icurrent {
	color: #111111;
	}	
#imohne a{
	border-right: none;
	}

/************************************************************************Hauptnavigation*/
#navmain {
	color:#FFFFFF;
	background:#4cb5ed url(bilder/farbverlauf_05.jpg) repeat-y top left;
	width:100%;
	float:left;
	}	
	
#navmain ul {	
	margin:0;
/*	padding:0 0 0 70px;*/
	padding:0 0 0 3.9em;
	white-space:nowrap;	
	}
	
#navmain li {
	list-style:none;
	float:left;	
	margin:0;
	padding:0;
	}
	
#navmain a {
	text-decoration:none;
	float:left;
	width:auto;
	display:block;
	color:white;
	font-size:0.83em;
	font-weight:bold;
	padding:4px 12px 3px 12px;
	margin:0 0 0 0;
	}
	
#navmain a:visited {
	color:white;
	}
		
 #navmain a:hover,
 #navmain a:focus {
	color:black;
	background: #66ccff url(bilder/navmain_3.jpg) repeat-x top left;
	padding:4px 12px 3px 12px;
	border-right: 1px solid #097ac0;
	margin:0 0 0 0;
	}



#wrapper #navmain a.mcurrent {
	color:black;
	background: #66ccff url(bilder/navmain_3.jpg) repeat-x top left;		
	padding:4px 9px 3px 9px;
	border-right: 1px solid #097ac0;
	margin:0 0 0 0;
	}



/********************************************************************Subnavigation*/
#navsub {
	clear:both;
	width:100%;
	height:1.5em;
	background: #66ccff ;
	}
	
#navsub ul{
	list-style:none;
	/*margin:0 0 0 32px;*/
	margin:0 0 0 2.4em;
	}
		
#navsub li {
	display:inline;
	padding:0;
	margin:0;
	}
	
#wrapper #navsub a {
	text-decoration:none;
	float:left;
	display:block;
	width:auto;
	color: #031943; 
	font-size:0.83em;
/*	border-left:1px solid #031943; */
	/*padding:0px 12px 2px 12px;*/
	/*margin:3px 0 2px 0;*/
	
	padding:0px 13px 0 12px;
	line-height:1.8em;
	background: url(bilder/spacer_2.gif) no-repeat bottom right;
	}
	
#navsub a:visited {
	color:#072f80; 
	}
	
 #navsub a:hover,
 #navsub a:focus {
	color:black;
	font-weight:bold;
	}

		
/*#navsub #nsub01 a{
	border-left:0;
	}*/
	
#wrapper #navsub a.scurrent {
	color:black;
	font-weight:bold;
	}
	
#navsub .uebdistance {
	margin-left:18em; 
	}
	
#navsub .wisdistance {
	margin-left:20em;
	}
		
/****************************************************************************Breadcrumbs*/	
#breadcrumbs, #breadcrumbs_start {
	clear:both;
	color: #666666;
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 2.5em;
	padding:2.3em 0 0 4.3em;
	background: url(bilder/schatten_2.jpg) repeat-x top left;	
	}

#breadcrumbs a, #breadcrumbs_start a {
	text-decoration:none;
	color:#666666;
	}
	
 #breadcrumbs a:visited, #breadcrumbs_start a:visited {
	color:#666666;
	}
	
 #breadcrumbs a:hover, #breadcrumbs_start a:hover,
 #breadcrumbs a:focus, #breadcrumbs_start a:focus {
	color:#666666;
	font-weight:normal;
	}

#wrapper #breadcrumbs a.breadcurrent, #wrapper #breadcrumbs_start a.breadcurrent {
	color: #222222; 
	text-decoration:none;
	}
/********************************************************************Footer_Navigation*/	
#footer a {
	text-decoration:none;
	color: white;
	}
	
 #footer a:visited {
	color:white;
	}
		
 #footer a:hover,
 #footer a:focus {
	color:black;
	font-weight:normal;
	}
	
#wrapper #footer a.footcurrent {
	color:black;
	}
	
/**********************************************************************Hauptbereich*/	
#hauptbereich {
	clear:both;
	float:left;
	width:100%;
	font-size:0.83em;
	line-height:1.25em;
	}

#content, #content_glossar {
	float:left;
	width: 54%;
	padding-left:48px;
	}
	
#content_wide {
	float:left;
	/*width: 60%;*/
	width:54%;
	padding-left:48px;
	}
	

	
#content_newsletter {
	float:left;
	width:60%;
	padding-left:48px;
	}
	
#content_kontakt {
	float:left;
	width:89%;
	padding-left:48px;
	padding-right:48px;
	}


#kontakt_left {
	float: left;
	width:42%;
	margin-right:40px;
	}

#kontakt_right {
	float: right;
	width:53%;
	}

#content .phasen {
	list-style-type:none;
	}	


#fotobereich {
	float:right;
	display:inline;
	width:305px;
	height:auto;
	margin:15px 48px 10px 29px;
	}
	
#fotobereich_newsletter {
	float:right;
	display:inline;
	width:265px;
	height:auto;
	margin:15px 48px 10px 29px;
	}
	
#subcontent_active {
	border-top:1px solid #66ccff;
	border-bottom:1px solid #66ccff;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:12px;
	margin-top: 20px;
	}


/**********************************************************************tagcloud*/		
#subcontent_active_tags {
	background-color: #d2ecfb; 
	padding-top:10px;
	padding-bottom:9px;
	padding-left:12px;
	margin-top: -5px;
	}
	
#tag_border	{
	padding-bottom:3px;
	padding-right:130px;
	border-bottom: 2px solid #0071b9;
	}

#tags {
	padding-top:13px;
	}
	
#tags a, #tags a:link {
	color:#086aa9; 
	text-decoration:none;
	 }
#tags a:visited {
	color:#086aa9;
	}
#tags a:hover,
#tags a:focus {
	color:#666666;
	} 
	
#info_box {
	background-color: #d2ecfb; 
	padding-top:1px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	margin-top: 20px;
	}
/******************************************************************************nach oben*/

#nach_oben {
	clear:both;
	float:left;
	width:58%;
	font-size:0.83em;
	}

#float{
	float:right;
	padding-top:1em;
	}
		

#float a {
	color:#086aa9; 
	text-decoration:none;
	}
	
#float a:visited {
	color:#086aa9; 
	}
#float a:hover,
#float a:focus {
	color:#086aa9; 
	}
	
	
	
/***************************************************************************footer*/
#footer {
	clear:both;
	height:1.7em;
	color:white;
	background-color:#66ccff;
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding-left:40px;
	border-bottom:1px solid #a4a6a7;;
	}
	
#footer .foot {
	float:left;
	width:auto;
	margin:3px 0px 0px 0px;
	padding:0 20px;
	}

#footer .footdist {
	float:right;
	width:auto;
	margin:3px 0px 0px 0px;
	padding:0 75px 0 0 ;
	}
/*********************************************************************sitemap*/
.none {
	list-style:none;
	}

/**************************************************************noborder-link*/


.border {
	border: none;
	}

/********************************************************************phasengrafik*/
#phasengrafik {
	background-image: url(bilder/phasen_06_hintergrund.gif);
	background-position: center center;
	background-repeat:no-repeat;
	height:200px;
	}

#phasengrafik #table {
	font-size:1em;
	}


#phasengrafik #betrieb{
	text-align:right;
	width:304px; 
	height:33px;
	}

#phasengrafik #planung{
	text-align:left;
	width:304px;
	height:33px;
	} 

#phasengrafik #realisierung{
	text-align:right; 
	width:304px;
	height:33px;
	}

#phasengrafik #anforderung{
	text-align:left;
	width:304px;
	height:33px; 
	}



#phasengrafik #konzeption{
	text-align:right; 
	width:304px;
	height:33px;
	}


#phasengrafik a {
	color:black;
	text-decoration:none;
    }


#phasengrafik a:visited {
	color:black;
	}
#phasengrafik a:hover,
#phasengrafik a:focus {
	color:#666666;
	}

/***********************************************************************Formular*/
#content_formular {
	}

#formular {
	width:535px;
	}

#formular legend {
	margin-left: 5px;
	font-size: 1.15em;
	font-weight: bold;
	color:#0071b9; 
	line-height: 42px;
	}
	
#formular fieldset {
	border: 1px solid #0071b9;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom: 10px;
	}
	
#formular .red{
	color: red;
	}

	
#formular .error_message_1 {
	border: 1px solid red;
	background-color:#FFFFCC;
	width:520px;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	} 
	
#formular .error_message_2 {
	border: 1px solid #0071b9;
	background-color:#d2ecfb;
	width:520px;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	} 
	
#formular .bem {
	margin-left: 65px;
	margin-top:15px;
	}
			
#formular .label {
	float:left;
	cursor: pointer;   
	width:193px;
	text-align:right;
	height:19px;
	margin-bottom:8px;
	}
	

#formular .field {
	border: 1px solid #CCCCCC;
	width:250px; 
	font-size: 1em;
	}
	
#formular .field_error {
	border: 1px solid  #CCCCCC;
	background-color:#FFFFCC;
	width:250px; 
	font-size: 1em;
	}

#formular .checkleft {
	float:left;
	width:auto;
	clear:both;
	height: 25px;
	margin-left: 70px;
	}

	
#formular .checkright {
	float:right;
	width:190px;
	height: 25px;
	margin-right: 25px;
	}


#formular .abstand {
	padding-top:10px;
	padding-bottom:10px;
	float: right;
	}
	
/*******************************************************glossar*/		
	
	
.glossar {
	font-size:1.4em;
	margin-top:1.1em;
	font-weight:bold;
	color: #0071b9;  
	}
	
/*******************************************************glossar nach oben*/	
.glossar_noben{
	clear:both;
	float:left;
	width:100%;
	
	}
	
.glossar_noben>.glossar_left{
	float:left;
	width:10%;
	font-size:1.4em;
	font-weight:bold;
	color: #0071b9;
	margin-top:1.1em;
	margin-bottom:1.5em;
	}
	
.glossar_noben>.glossar_right{
	float:right;
	width:6.8em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	}
	
	
.glossar_left{
	float:left;
	width:10%;
	font-size:1.4em;
	font-weight:bold;
	color: #0071b9;
	margin-top:1.1em;
	margin-bottom:0em;
	}
	
.glossar_right{
	float:right;
	width:6.8em;
	padding-top:3px;
	margin-top:1.5em;
	margin-bottom:0em;
	}
	
#content_glossar .glossar_right a {
	color:#086aa9; 
	text-decoration:none;
	}
	
#content_glossar .glossar_right a:visited {
	color:#086aa9;
	}
#content_glossar .glossar_right a:hover,
#content_glossar .glossar_right a:focus {
	color:#086aa9; 
	}
	

	
/********************************************************newsletter*/


#subcont_newslet_archiv {
	/*background-color:  #d2ecfb;*/
	border: 1px solid #0071b9;  
	padding:20px;
	}
.line {
	border-top: 2px solid #66ccff;
	padding:0 0 10px 0;
	}

.dis {
	padding-bottom:10px;
	}
	
/*********************************************************kontakt*/

#kontakt_padding {
	padding-top: 2px;
	}
	
	
/********************************************************labor*/


.labor {
	float: left;
	width: 100%;
	margin: 10px 0;
	}


.lab_left {
	float:left;
	width:43%;
	padding-right: 2%;
	}
	
.lab_right {
	float:right;
		}
		
/********************************************************accessibility*/		
#nostyle li{
	list-style-image:none;
	list-style-type:none;
	}
	
	
	
/********************************************************team*/



#subcontent_team {
margin-top: 27em;
margin-left: 1em;
}