/* 
			project 		: www.seg-holstein.de
			project start	: 04.04.2006
							
			last change		: 26.03.2009
				 by 		: peter
				 
			
			
			colors
				blue		: 2b7687
				beige		: e6e3dc
							: eae2d6
							
			
	*/
	/* Reset all */
	*{
		padding: 0;
		margin: 0;
		border: 0;
	}
	
	img, object {
		vertical-align:bottom;
	}
	
	object {
		margin-bottom:-1px;
	}
	
	div, h1, p, span, a {
		background-repeat:no-repeat;
	}
	
	/* Allgemeines */
	html {
		min-height:101%;
		margin-bottom:-1px;
	}
	
	body {
		background:#fff url(bg_body.gif) 0% 0% repeat;
		color:#2b7687;
		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 62.5%;
		line-height: 1.6em;
		text-align:center;
	}
	
	a, a:link {
		color:#2b7687;
		color:#ff163a;
		text-decoration: none;
	}
	a:hover {
		color:#d2122f;
		text-decoration: underline;
	}
	
	#header-nav a, 
	#header-nav a:link, 
	#header-nav a:hover,
	#footer a, 
	#footer a:link, 
	#footer a:hover {
		color:#2b7687;
	}
	
	ul, ol {
		list-style-position:outside;
		list-style-type:none;
	}
	
	pre, code {
		font-size:1.4em;
	}
	/* Links- bzw. Rechtsausrichtung f?r Elemente */
	.flleft {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.flright {
		float: right;
		margin: 0 0 0 10px;
	}
	.clearer {
		display:block;
		clear:both;
		line-height:0;
		height:1px;
		font-size:0;
		visibility:hidden;
	}
	
	.clear {
		clear:both;
	}
	
	.error {
		color:#f00;
	}
	
	h1 {
		height:100px;
		background-position:0px 11px;
		font: bold 3em/1 arial, helvetica, verdana, sans-serif;
		text-indent:-1000em;
	}
	
	h2 {
		margin:1.5em 0 1.5em 13px;
		font: bold 1.2em/1 arial, helvetica, verdana, sans-serif;
		color:#2b7687;
	}
	
	h3 {
		font: bold 1.6em/1.5 arial, helvetica, verdana, sans-serif;
		color:#2b7687;
	}
	
	h4 {
		font: bold 1.3em/1.5 arial, helvetica, verdana, sans-serif;
		color:#2b7687;
	}
	
	
	#right-col h2 {
		margin:0;
		height:60px;
		background-position:0px 0px;
		font: bold 1.2em/1 arial, helvetica, verdana, sans-serif;
		text-indent:-1000em;
	}
	
	#right-col h3 {
		font: bold 1.4em/1.5 arial, helvetica, verdana, sans-serif;
	}
	
	
	/*	Page Structure *************************************************************
	*******************************************************************************/
	
	#website {
		margin:20px auto;
		width:989px;
		border:2px solid #fff;
		text-align:left;
		background:#e6e3dc url(bg_website.gif) 0% 0% repeat-y;
	}
	
	#projects #website {
		background:#e6e3dc url(bg_website.gif) -1000px 0px repeat-y;
	}
	
	#header {
		position:relative;
		height:50px;
		background:#e6e3dc url(bg_header.jpg) 0% 0% no-repeat;
		border-bottom:1px solid #fff;
	}
	
	#wrapper {
		float:left;
		width:100%;
	}
	
	#wrapper #content {
		margin:0 187px 0 327px;
		height:340px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	
	html>body #wrapper #content {
		height:auto;
		min-height:340px;
	}
	
	#content #article {
		clear:both;
		margin-bottom:-1px;
		padding:0px 0px;
		border:0;
	}
	
	#left-col {
		position:relative;
		float:left;
		margin-left:-989px;
		width:327px;
		height:340px;
		background-image:url(bg_lcol.jpg);
		background-position: 0 91px;
	}
	
	html>body #left-col {
		height:auto;
		min-height:340px;
	}
	#right-col {
		float:left;
		margin-left:-187px;
		width:187px;
	}
	
	/*	width-Angabe fuer IE */
	#footer {
		clear:both;
		float:left;
		width:100%;
		padding:40px 0 20px 0;
		background:#e6e3dc url(bg_ftr.gif) 0px 0px no-repeat;
		border-top:1px solid #fff;
		text-align:center;
	}
	#footer2 {
	}
	
	
	/*	Header *********************************************************************
	*******************************************************************************/
	#logo a {
		display:block;
		background: #e6e3dc url(logo.gif) no-repeat;
		width:327px;
		height:91px;
		margin-bottom:20px;
		text-indent:-1000em;
	}
	

	/*	Navigation *****************************************************************
	*******************************************************************************/
	#navi {
		float:left;
		width:473px;
		height:39px;
		background:#2b7687 url(bg_navi.gif) 0% 0% no-repeat;
		border-bottom:1px solid #fff;
	}
	
	#navi ul {
		position:relative;
		float:left;
	}
	
	#navi li {
		position:absolute;
		top:0;
		float:left;
	}
	
	#navi li a {
		display:block;
		height:39px;
		background-image:url(bg_navis.gif);
		text-indent:-1000em;
		text-decoration:none;
	}
	#navi li a:hover {
		text-decoration:none;
	}
	
	#navi li#nav-2 {
		left:0;
	}
	#navi li#nav-2 a {
		width:102px;
		background-position:0px 0px;
	}
	#navi li#nav-2 a:hover {
		background-position:-200px 0px;
	}
	#navi li#nav-2 a.current {
		background-position:-400px 0px;
	}
	
	
	#navi li#nav-3 {
		left:101px;
	}
	#navi li#nav-3 a {
		width:124px;
		background-position:0px -100px;
	}
	#navi li#nav-3 a:hover {
		background-position:-200px -100px;
	}
	#navi li#nav-3 a.current {
		background-position:-400px -100px;
	}
	
	
	#navi li#nav-4 {
		left:224px;
	}
	#navi li#nav-4 a {
		width:86px;
		background-position:0px -200px;
	}
	#navi li#nav-4 a:hover {
		background-position:-200px -200px;
	}
	#navi li#nav-4 a.current {
		background-position:-400px -200px;
	}
	
	
	#navi li#nav-5 {
		left:309px;
	}
	#navi li#nav-5 a {
		width:98px;
		background-position:0px -300px;
	}
	#navi li#nav-5 a:hover {
		background-position:-200px -300px;
	}
	#navi li#nav-5 a.current {
		background-position:-400px -300px;
	}
	
	
	#navi li#nav-6 {
		left:406px;
	}
	#navi li#nav-6 a {
		width:67px;
		background-position:0px -400px;
	}
	#navi li#nav-6 a:hover {
		background-position:-200px -400px;
	}
	#navi li#nav-6 a.current {
		background-position:-400px -400px;
	}
	
	
	/*	left-col *******************************************************************
	*******************************************************************************/
	#left-col .starttext {
		position:absolute;
		left:25px;
		top:255px;
		color:#e6e3dc;
		font-size:1.2em;
		line-height: 1.8em;
	
	}
	
	#left-col ul, 
	#left-col form {
		display:inline;
		float:left;
		width:287px;
		margin:0 20px;
	}
	
	#left-col form p, 
	#left-col ul {
		font-size:1.2em;
	}
	#left-col ul li {
		clear:both;
		list-style:none;
	}
	#left-col ul ul {
		margin:0;
		margin-bottom:1.2em;
		font-size:1em;
	}
	
	#left-col form p, 
	#left-col ul li span {
		display:block;
		padding:10px;
		background:#2b7687;
		color:#e6e3dc;
	}
	
	#left-col ul li li {
		margin-top:1px;
		padding-left:28px;
		background-image:url(bg_lcol_li.gif);
		background-repeat:no-repeat;
		background-position:0% 50%;
	}
	
	#left-col ul li li a {
		display:block;
		margin-left:1px;
		padding:10px;
		color:#2b7687;
	}
	
	#left-col ul li li a.current, 
	#left-col ul li li a:hover {
		background:#ececed;
		text-decoration:none;
	}
	
	#left-col form fieldset {
		display:block;
		border:none;
	}
	
	#left-col form div {
		margin-top:1px;
		padding:10px;
		background:#dcd8d1;
		border:1px solid #2b7687;
	}
	#left-col form input,
	#left-col form select {
		background:#f5f5f5;
		border:1px solid #c0c0c0;
		color:#2b7687;
		font-size:1em;
		width: 200px;
	}  
	#left-col form select option {
		padding-left:4px;
	}
	#left-col form input {
		cursor:pointer;
		width: 50px;
	}
	
	/*	right-col ******************************************************************
	*******************************************************************************/
	#right-col p, 
	#right-col ul, 
	#right-col table {
		margin:0 7px 0 13px;
		padding-bottom:1em;
		font-size:1.1em;
		line-height:1.4em;
	}
	
	#right-col ul li {
		padding:3px 0 3px 15px;
		background-image:url(lsi_arrow_blue.gif);
		background-repeat:no-repeat;
		background-position:0% 50%;
	}
	
	#right-col ul li a.current {
		font-weight:bold;
	}
	
	#header-nav {
		width:187px;
		height:24px;
		background:#eae2d6;
		border-bottom:1px solid #fff;
		padding-top:15px;
		margin-bottom:11px;
		text-align:center;
	}
	#header-nav ul {
		position:relative;
		left:-5px;
		top:-1px;
	}
	#header-nav li {
		display:inline;
	}
	#right-col #header-nav ul li {
		padding: 0;
		background: none;
	}

	body #right-col table {
		margin:0 7px 0 13px;
		width:160px;
		border-spacing:1px;
		border-collapse:collapse;
		font-size:1em;
	}
	#right-col table td {
		padding:5px;
		background-color:#dcd8d1;
		border:1px solid #e6e3dc;
	}
	
	#right-col p img.brd {
		border:1px solid #fff;
	}
	
	
	/*	Content ********************************************************************
	*******************************************************************************/
	#content {
		line-height:1.8em;
	}
	
	#content p,  
	#content #article ul, 
	#content #article ol, 
	#content table {
		margin:0 13px;
		padding-bottom:1em;
		font-size:1.2em;
	}
	
	#content #article ul {
		margin-left:26px;
	}
	
	#content #article ol {
		margin-left:30px;
	}
	
	#content #article ul li {
		list-style-type:square;
	}
	
	#content #article ol li {
		list-style-type:decimal;
	}
	
	#content table {
		margin-bottom:2em;
	}
	
	#content p.no-margin, 
	#right-col p.no-margin {
		margin:0;
		padding:0;
	}
	
	#content p img.brd {
		border:1px solid #fff;
	}
	
	#content p img.brd-tb {
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	#content p img.brd-t {
		border-top:1px solid #fff;
	}
	
	#content p img.brd-b {
		border-bottom:1px solid #fff;
	}
	
	body #content table {
		width:447px;
		border-spacing:1px;
		border-collapse:collapse;
		font-size:1em;
	}
	#content table td {
		padding:5px;
		background-color:#dcd8d1;
		border:1px solid #e6e3dc;
	}
	
	
	#content table.data tfoot td {
		background:#2b7687;
		color:#e6e3dc;
		text-align:left;
	}
	
	#content table.data th, 
	#content table.data td {
		padding:5px;
		border:1px solid #2b7687;
		text-align:center;
	}
	
	#content table.data th {
		background:#2b7687;
		color:#e6e3dc;
	}
	
	#content table.data td {
		background:#e6e3dc;
	}
	
	#content table.data td.colored {
		background:#ececed;
	}
	
	#content table.data td.bg_Fr {
		background:#a8dda8;
	}
	
	#content table.data td.bg_Re {
		background:#dbd5a5;
	}
	
	#content table.data td.bg_Ve {
		background:#f49094;
	}
	
	#content .box-left {
		font-size:0.9em;
		float:left;
		clear:both;
		margin-right:10px;
	}
	
	#content .box-right {
		font-size:0.9em;
		float:left;
	}
	
	#content .margin-b {
		margin-bottom: 20px;
	}
	
	#content .download {
		background-color: #eae2d6;
		margin:0 13px 20px 13px;
		padding:10px;
		font-size:1.1em;
		border: 1px solid #fff;
	}
	
	#content #slideshow {
	width: 473px;
	height: 359px;
	padding: 0;
	margin: 0;
	}
	
	.google_field {
		padding: 2px 4px;
		font-size: 0.9em;
		margin-right: 10px;
		border: 1px solid #2B7687;
		color: #2B7687;
	}
	
	.google_send {
		background: #2B7687;
		padding: 1px 3px;
		color: #fff;
		font-size: 0.9em;
	}

	/*	Footer ********************************************************************
	*******************************************************************************/
	#footer li {
		display:inline;
		font-size:1.2em;
	}
	
	#footer p {
		font-size:1em;
	}

	/*	Kontaktformular ************************************************************
	*******************************************************************************/

	#kontakt {
		margin: 10px 0;
		padding: 13px;
	}

	#kontakt legend {
		margin:1.5em 0 0 0;
		font: bold 1.2em/1 arial, helvetica, verdana, sans-serif;
		color:#2b7687;
	}

	#kontakt fieldset {
		border: none;
	}

	#kontakt label {
		margin-top: 20px;
		display: block;
		font-size: 1.1em;
	}

	#kontakt input,
	#kontakt textarea {
		font-family: arial, helvetica, verdana, sans-serif;
		border: 1px solid #eae2d6;
		padding: 2px;
		background: white;
		color: #2b7687;
		width: 445px;
	}

	#kontakt img {
		border: none;
		display: block;
	}

	.ccode {
		position: relative;
		top: 20px;
	}

	#kontakt input.submit {
		font-weight: bold;
		margin-top: 30px;
		padding: 5px 2px;
		background: #2b7687;
		color: #e6e3dc;
		width: 445px;
	}