/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*table, caption, tbody, tfoot, thead, tr, th, td*/
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */


html, body {
	margin: 0px;
	padding: 0px;
	}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	line-height: 200%;
	color:#87868b;
	}



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


a 	{ 
	color: #585858;
	outline: none; 
	text-decoration: none;
	}

img {
	border: 0px;
}

.textversion	{
	display: none;
}

/* ### START hauptspalten ### */
div#wrapper { 
	width: 1220px;	/* 940 plus navibreite links und rechts*/
	margin-top: 32px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
}	


div#logo {
	height: 66px;
	margin: 0px 0px 38px 150px;
}


div#navigation ul, 
div#navigation ul, 
div#fussnavigation ul,
div#sprachwechsler ul {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	list-style-position: outside;
}


div#navigation ul li a,
div#fussnavigation ul li a,
div#sprachwechsler ul li a {
	text-decoration: none;
 }



div#navigation ul li a:hover,
div#navigation ul.ebene1 li ul.ebene2 li a:hover, 
div#fussnavigation ul li a:hover,
div#sprachwechsler ul li a:hover,
div#navigation ul li a:focus,
div#navigation ul.ebene1 li ul.ebene2 li a:focus, 
div#fussnavigation ul li a:focus,
div#sprachwechsler ul li a:focus {
	color: #585858;
 }



div#navigation ul.ebene1 {
	position: absolute;
	top: 156px;
 	left: 0px;
	z-index: 10;
	width: 600px;
	padding-left: 236px;
}

div#navigation ul.ebene2 {
	position: absolute;
	top: -6px;
 	left: 0px;
	z-index: 10;
	width: 138px;
}


div#navigation ul,
div#navigation ul li {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	list-style-position: outside;
}


div#navigation ul li a, 
div#navigation ul.ebene1 li.navhier ul li a, 
div#navigation ul.ebene1 li.navhier ul.ebene2 li a,
div#navigation ul.ebene1 li.navhier ul.ebene2 li.navhier ul.ebene3 li a,
div#fussnavigation ul li a,
div#sprachwechsler ul li a {
	color: #87868b;
}

div#navigation ul.ebene1 li.navhier, 
div#navigation ul.ebene1 li.navhier a,
div#navigation ul.ebene1 li.navhier ul.ebene2 li.navhier, 
div#navigation ul.ebene1 li.navhier ul.ebene2 li.navhier a,
div#navigation ul.ebene1 li.navhier ul.ebene2 li.navhier ul.ebene3 li.navhier, 
div#navigation ul.ebene1 li.navhier ul.ebene2 li.navhier ul.ebene3 li.navhier a,
div#fussnavigation ul li.navhier,
div#fussnavigation ul li.navhier a,
div#sprachwechsler ul li.navhier,
div#sprachwechsler ul li.navhier a  {
	color: #585858;
 }



div#navigation ul.ebene1 li,
div#fussnavigation ul li,
div#sprachwechsler ul li {
	float: left;
	display: inline;
	padding: 0px 8px 4px 8px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #87868b;
	line-height: 70%; /*wg trennstrichhoehe*/
}


div#navigation ul.ebene1 li.last,
div#fussnavigation ul li.last,
div#sprachwechsler ul li.last  {
	float: left;
	display: inline;
	padding: 0px 8px 4px 8px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #87868b;
}

div#navigation ul.ebene1 li ul.ebene2 li.last {
	float: none;
	display: block;
	padding: 0px 0px 2px 0px;
	border-width: 0px 0px 0px 0px;
}

div#navigation ul.ebene2 li {
	float: none;
	display: block;
	padding: 0px 0px 2px 0px;
	border-width: 0px 0px 0px 0px;
	line-height: 180%;
	text-align: right;
}

div#navigation ul.ebene3 li.last {
	margin: 0px 0px 20px 0px;
}

div#navigation ul li,
div#sprachwechsler ul li,
div#fussnavigation ul li {
	font-size: 1.1em;
}

div#navigation ul li ul li,
div#navigation ul li ul li ul li {
	font-size: 1em;
}


div#sprachwechsler {
	position: absolute;
	top: 526px;
 	left: 0px;
	z-index: 10;
	width: 147px;
}

div#sprachwechsler ul {
	float: right;
}


div#fussnavigation {
	position: absolute;
	top: 546px;
	left: 140px;
	width: 952px;
	margin: 0px 190px 0px 0px; /*rechte navibreite plus abstand zu rand*/
	padding: 10px 0px 20px 0px;
}

div#fussnavigation ul {	
	float: right;
}


div.blaettern {
	position: absolute;
	top: 348px;
 	left: 0px;
	z-index: 10;
	width: 730px;
	text-align: right;
}

#content div.blaettern a {
	text-decoration: none;
	color: #87868b;
}

div#content {
	position: absolute; 
	top: 104px;
	left: 150px;
	width: 940px; /*940*/
	padding: 0px 0px 0px 12px;
	height: 442px;
	background-color:#87868b;
}


#textspalte { 
	float: left;
	width: 550px; /*763*/
	/*height: 250px;*/ /*360*/
	margin: 21px 0px 62px 0px;
	padding: 67px 130px 23px 82px;
	background-color:#ffffff;
	overflow: hidden;
}

#texthoehe { 
	height: 270px;
	max-height: 270px;
	overflow: hidden;
}


#bildspalte { 
	float: left;
	width: 177px;
}


h1, h2, h3, h4, h5 {
	font-size: 1.1em;
	font-weight: normal;
	color: #585858;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


p {
	font-size: 1.1em;
	margin: 0px 0px 12px 0px;
}


#content a {
	text-decoration: none;
}


#content ul li,
#content ol li {
	font-size: 1.1em;
}

#content ul li p,
#content ol li p {
	font-size: 1em;
}

/*START STYLES FUER FORMATTOOL*/

#content ul {
		font-weight: normal;
		list-style-type: disc;
		list-style-position: outside;
		margin: 0px 0px 0px 0px; /*t r b l */
		padding: 0px 0px 0px 15px; /*t r b l */
	}
	
#content ol {
		font-weight: normal;
		list-style-type: decimal;
		list-style-position: outside;
		margin: 0px 0px 0px 0px; /*t r b l */
		padding: 0px 0px 0px 22px; /*t r b l */
	} 


/*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 10px 0px; /*t r b l */
	}	/* der erste Style wenn es mehrere P gibt -> Abstand nur unten*/


.huta_p_garnix {
	margin: 0px 0px 10px 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 10px 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 {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 100%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #cccccc;
	text-align: center;
	font-size: 12px;
	color: #cc0000;
	padding: 6px;
	z-index: 20;
}

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