html, body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;	
}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 71%;
	line-height: 140%;
	color:#7d7c7c;	
	}

table {
	font-size: 100%;
	line-height: 140%;
}

/*
div { 
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	}
*/


img {
	border: 0px;
}

.textversion	{
	display: none;
}

/* ### START hauptspalten ### */
div#wrapper { 
	width: 794px; 
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#ffdc00; /*#ffd64d;*/
}	

div#logo {
	height: 73px; /*116*/
	padding: 43px 65px 0px 65px;
}


div#navigation {
	height: 34px; /*54px;*/
	background-color:#ffffff;
	padding: 20px 65px 0px 65px;	
}

div#header {	
	position: relative;
	z-index: 1;
	margin: 0px 0px 0px 0px;
	height: 279px;
}

div#fussnavigation {
	position: relative;
	height: 50px;
	padding: 20px 65px 40px 65px;	
	margin: 0px 0px 40px 0px;
}


div#breadcrumb {
	height: 26px; /*48*/
	margin: -48px 65px 0px 65px;
	padding: 22px 50px 0px 105px;
	position: relative;
	z-index: 10;
	background-color:#ffffff;
	filter:alpha(opacity=75); -moz - opacity:0.75; opacity: 0.75;
}

ul.ebene1, 
ul.ebene2, 
div#breadcrumb ul, 
div#fussnavigation ul {
	padding:0px; 
	margin:0px; 
	list-style-type: none;
}

div#breadcrumb ul li {
	float: left;
}

div#fussnavigation ul  {
	float: right;
}

div#claim {
	margin: 0px 0px 20px 0px;
}

ul.ebene1 li,
ul.ebene2 li,
div#breadcrumb ul li, 
div#fussnavigation ul li {
	float: left;
}

ul.ebene1 li {
	padding: 0px 30px 0px 0px;
 }

div#fussnavigation ul li {
	padding: 0px 0px 0px 30px;
 }

ul.ebene1 li a, 
ul.ebene1 li.hier,
ul.ebene2 li a,
ul.ebene2 li.hier,
ul.sprachen li a {
	text-decoration: none;
	color: #97958f;
}

div#fussnavigation ul li.hier,
div#fussnavigation ul li a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

div#breadcrumb ul li {
	font-size: 90%;	
}


ul.hier li {
	float: left;
	padding: 0px 145px 0px 0px;
}

ul.ebene2 li, 
ul.sprachen li {
	display: inline;
	padding: 0px 12px 0px 0px;
}

ul.sprachen {
	float: right;
}

div#content {
	width: 454px; /*794*/
	position: relative;
	margin: 0px 65px 0px 65px;
	padding: 36px 105px 60px 105px;
	background-color:#fffbe5; /*fff7db;*/
}



#home div#content {
	width: 496px; /*794*/
	margin: 0px 65px 0px 65px;
	padding: 80px 84px 160px 84px;
	background-color:#fff7db;
}


#hometext {
	clear: left;
 	margin-top: 48px;
}

h1, h2, h3, h4, h5 {
	font-size: 105%;
	font-weight: bold;
	line-height: 130%;
	margin: 20px 0px 2px 0px;
}


h1 {
	font-size: 130%;
	margin: 20px 0px 36px 0px;
}

h1.referenzhead {
	padding: 20px 0px 45px 0px;
}


div.projekt h2 {
	margin: 20px 0px 20px 0px;
}

p {
	margin: 0px 0px 12px 0px;
}

#content a {
	color:#7d7c7c;	
	text-decoration: underline;
}

a.top {
	float: right;
}

div.referenz a.top img {
	margin: 0px 0px 0px 0px;
}

div.fliesstext img {
	float: left;
	margin: 0px 24px 24px 0px;
}

div.referenz {
	margin: 0px 0px 75px 0px;
}

div.projekt {
	margin: 75px 0px 0px 0px;
}

div.referenz img {
	float: left;
	margin: 0px 24px 24px 0px;
}

div.projekt img {
	margin: 0px 0px 10px 0px;
}

div.referenz ul,
div.referenz ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*START STYLES FUER FORMATTOOL*/

#content ul {
		font-weight: normal;
		list-style-type: disc;
		list-style-position:outside;
	}
	
#content ol {
		font-weight: normal;
		list-style-type: decimal;
		list-style-position:outside;
	} 


/*Behandlung der Paragraphen im formattool 
diese Styles werden wie unten beschrieben vergeben.
!! Alle anderen Styles werden geloescht !!
!! Wenn es einen Style fuer <P> gibt -> auch in format_tool.css definieren !!
!! Die hier definierten Styles NICHT in format_tool.css definieren !!
*/

.huta_p_onix {
	margin: 0px 0px 12px 0px; /*t r b l */
	}	/* der erste Style wenn es mehrere P gibt -> Abstand nur unten*/


.huta_p_garnix {
	margin: 0px 0px 12px 0px; /*t r b l */
	} /* Style wenn es genau ein P gibt -> Oben und unten kein Abstand am, Unten und oben kein Umbruch  */

	
.huta_p_unix {
	margin: 0px 0px 12px 0px; /*t r b l */
	}	/* der letzte Style wenn es mehrere P gibt -> Abstand nur oben, Unten kein Umbruch  */

/*END STYLES FUER FORMATTOOL*/




div#preview {
	clear: both;
	width: 99%;
	background-color: #cccccc;
	text-align: center;
	font-size: 12px;
	color: #cc0000;
	padding: 6px;
}

div#preview a {
	color: #000000;
	text-decoration: underline;
}