/*
		
			Styles fuer www.weisse-kg.de
			----------------------------------------------------------------------
		
		*/
		
		
		/*
			Globale Definitionen
			----------------------------------------------------------------------
		*/
		
		body {
			margin: 0;
			padding: 0;
			color: #000;
			background-color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			line-height: 1.2;
		}
		
		a {
			color: #0573a4;
			background-color: #fff;
		}
		
		a:hover {
			text-decoration: none;
			color: #c0c0c0;
			background-color: #fff;
		}
		
		img {
			margin: 0;
			padding: 0;
			border: 0;
		}

 	h1 {
			font-size: 1.6em;
			font-weight: 500;
			margin: 15px 0;
			padding: 0;
			color: #0573A4;
			background-color: #fff;
		}
		
		h2 {
			font-size: 1.3em;
			font-weight: 500;
			margin: 10px 0;
			padding: 0;
			color: #0573A4;
			background-color: #fff;
		}
		
		h3 {
			font-size: 1.1em;
			font-weight: 500;
			margin: 10px 0;
			padding: 0;
			color: #0573A4;
			background-color: #fff;
		}
		
		p {
			margin: 10px 0;
			padding: 0;
		}
		
		ul {
			margin-top: 15px;
			margin-bottom: 15px;
		}
		
		/*
			Container fuer gesamten Content
			----------------------------------------------------------------------
		*/
		
		div#page {
			position: relative;
			width: 780px;
			margin: 10px auto;
			padding: 0;
		}
		
		/*
			Menü
			----------------------------------------------------------------------
		*/
		
		div#menuecontainer {
			float: left;
			width: 90px;
			margin: 0 20px 0 0;
			padding: 0;
		}
		
		div#menuecontainer h1,
		div#menuecontainer p#jumpmenue {
			display: none;
			height: 0;
			margin: 0;
			padding: 0;
		}
		
		div#menuecontainer img {
			float: right;
			margin: 72px 0 0;
			padding: 0;
		}

		div#menuecontainer ul {
			margin: 200px 0 0 0;
			padding: 0;
			text-align: right;
			list-style: none;
		}
		
		div#menuecontainer li {
			list-style-type: none;
			margin: 4px 0 0 0;
			padding: 0;
		}
		
		div#menuecontainer li a {
			display: block;
			width: 90px;
			margin: 0;
			padding: 1px 0;
			text-decoration: none;
			border-bottom: 1px solid #c0c0c0;
		}

		div#menuecontainer li a#active {
			color: #c0c0c0;
			background-color: #fff;
			border-bottom: 1px solid #0573a4;
		}

		div#menuecontainer ul ul {
			margin: 0;
			padding: 0;
		}
		
		div#menuecontainer ul ul li {
			margin-bottom: 10px;
		}

		div#menuecontainer ul ul a {
			display: inline;
			font-size: 0.8em;
			border-bottom: none;
			display:block;			
		}
		
		div#menuecontainer li a#current {
			color: #c0c0c0;
			background-color: #fff;
			border-bottom: 1px dotted #0573a4;
			font-weight: bold;
		}		
		
		

		/*
			Contentframe
			----------------------------------------------------------------------
		*/
		
		div#contentframe {
			/*
			position: relative;
			*/
			float: left;
			width: 660px;
			margin: 0;
			padding: 0;
			background: url(bg-content.gif) 12px 130px no-repeat;
		}

		/*
			Projekte
			----------------------------------------------------------------------
		*/
		
		div#projekte {
			position: relative;
			height: 60px;
			margin: 0;
			padding: 0 0 0 70px;
			visibility: hidden;
		}
		
		div#projekte dl {
			float: left;
			margin: 0 3px 0 0;
			padding: 0;
		} 
		
		div#projekte dl dt {
		}
		
		div#projekte dl dd {
			display: none;
		}
		
		div.projekteleft {
			float:left;
			width: 196px;
			margin-bottom: 10px;
			text-align: center;
		}
		
		div.werkstatt h3,
		div.projekteleft h3 {
			height: 30px;
		    margin-left: 5px;
		    text-align: left;
		}
		
		div.projektecenter p,
		div.projekteleft p {
			text-align:left;
			margin-left: 9px;	
		}
		
		div.projektecenter hr,
		div.projekteleft hr {
		    background-color: #0573A4;		
		    color: #0573A4;
		    float: left;
		    height: 3px;
		    text-align: left;
		    width: 30%;	
			margin-left: 30px;
		}
		
		div.projektecenter hr.dreizeilig,
		div.projekteleft hr.dreizeilig{
			margin-top: 20px;
			
		}				
				
		div.projektecenter {
			text-align: center;
			width: 590px;			
		}		
		
		div#projekt_img {
		}	
		
		div#projekt_img p {
		 clear:both;
		}
		
		div#projekt_img hr {
		    background-color: #0573A4;		
		    color: #0573A4;
		    float: left;
		    height: 3px;
		    text-align: left;
		    width: 40%;	
		}
		
		div#projekt_img_wrap {
			height: 150px;		
		}
	
		div#content div#projekt_img_wrap dl {
			background-color: #fff;
		    color: #000000;
		    float: left;
		    margin: 0;
		    padding: 10px 7px 0 0;				
			}
			
		div#content div#message {
			clear:both;
			width: 99 %;
		}	
		
		
		div#content div#message p {
			border: 2px solid #C0C0C0;
			margin-left: 5px;
			padding: 5px 0 5px 5px;
			width: 569px;
		}
		
		
		/*
			Werkstatt
			----------------------------------------------------------------------			
		*/
		
		div.werkstatt {
			float:left;
			width: 196px;
			margin-bottom: 10px;
			text-align: center;
		}	
		

		div.werkstatt p {
			height: 108px;
			text-align:left;
			margin-left: 9px;	
		}	
		
        div.werkstatt_img {
			clear:both;
		}
        div.werkstatt_img img {
		    margin-left: 5px;
		    margin-right: 28px;
		}

		/*
			Header
			----------------------------------------------------------------------
		*/
		
		div#header {
			position: relative;
			min-height: 70px;
			margin: 0;
/*			padding: 40px 0 5px 70px;*/
			padding: 35px 0 5px 21px;
			background: url(bg-header.gif) left bottom no-repeat;
		}
		
	 	div#header h1 {
			margin: 0;			
			padding: 40px 0 5px 50px;
		}
		
		div#header p {
			font-size: 1.3em;
			font-weight: normal;
			margin: 0;
			padding: 0;
			color: #0573A4;
			background-color: #fff;
		}
		
		div#header ul {
			position: absolute;
			left: 0;
			bottom: 0;
			font-size: 100%;
			list-style-type: none;
			margin: 0;			
			padding: 0 0 15px 71px;
		}
		
		div#header li {
			float: left;
			list-style: none outside none;
			margin: 0;
			padding: 0;
			width: auto;
			margin-right: 20px;				
		}
		
		div#header li a#header-current {
			color: #C0C0C0;		
		}	


		/*
			Content
			----------------------------------------------------------------------
		*/
		
		div#content {
			position: relative;
			min-height: 300px;
			margin: 0;
			padding: 0 0 0 70px;
		}
		
		div#content ul {
			margin-left: 20px;
			padding-left: 0;
			line-height: 1.5;
			list-style: circle;
			list-style-image: url(dot.gif);
		}
				
		div#content dl {
			float: left;
			margin: 0;
			padding: 5px 7px;
			color: #000;
			background-color: #cfd4d5;
		} 
		
		div#content dl dt {
		}
		
		div#content dl dd {
			margin: 5px 0 0 0;
			padding: 0;
			font-size: 0.85em;
			line-height: 1.3;
		}

		div#content table {
			margin: 15px 0;
		}
		
	/* 
	self clearing float elements
	---------------------------------------------------------------
	*/
	
	div#header:after,
	.group:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		line-height: 0;
		clear: both;
		visibility: hidden;
	}

	/* IE6 */
	* html div#header,
	* html .group {
		height: 1%;
	}
	
	/* IE7 */
	*:first-child+html div#header,
	*:first-child+html .group {
		min-height: 1px;
	}