/* global reset*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


:focus {
	outline: 0;
}
body {
	line-height: 1.2; /* lesbarkeit verbessern */
}
h1, h2, h3, h4, h5, h6, p { /* abstand halten bitte! */
	margin-top:1em;
	margin-bottom:0.4em;
}
/* global reset ende */

/* colorieren und positionieren */
body {
	background-color: black;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif; /* nicht jedermanns sache, aber sehr gut lesbar */
}
#accessibility { visibility: hidden; }
#content_container {
	color:black;
	position:absolute;
	left:45%;
	top:2em;
	margin-left:-25em; /* 1/2 x Breite x -1 */
	width:960px;
	background-image:url(images/hghead.jpg);
	background-repeat:repeat-x;
	background-color:#E1DCC8;
}
#content {
	margin-top:11em;
	padding-top:1em;
	padding-left:0em;
	padding-right:1em;
	color:#000000;
	font-size:12px;
}


#content a {color: #832A1C;}
#content a {text-decoration: underline;}
#content a:hover{text-decoration: none;}

#bild {
	float:left;
	width: 289px;
	position:absolute;
	top:153px;
	left:0px;
	height: 510px;
	z-index:12;
}

#head {
	position:absolute;
	top:30px;
	left:0px;
	height:270px;
	width:812px;
	color: black;
}
#logo {
	position:absolute;
	top:10px;
	left:75px;
	height: 59px;
	width: 201px;
}
#nav {
	float:left;
	width: 960px;
	position:absolute;
	top:114px;
	left:0px;
	height: 22px;
	background-color:#780001;
		padding-top:14px;
}

#anfragehg {
	float:left;
	width: 812px;
	position:absolute;
	top:345px;
	left:0px;
	height: 112px;
	background-color:#A89F90;
}



#sprache {
	float:left;
	width:68px;
	position:absolute;
	top:9px;
	left:881px;
	height: 29px;

}

#julia{
	float:left;
	width: 422px;
	position:absolute;
	top:0px;
	left:441px;
	height: 98px;

}
#infos{
	float:left;
	width: 215px;
	position:absolute;
	top:14px;
	left:73px;
	height: 51px;
	font-size:11px;
	text-align:right;
}

#infos h1 {font-size:14px; color:#FFF;}

#nav2 {
	float:left;
	width: 174px;
	position:absolute;
	top:488px;
	left:12px;
	height: 404px;
	text-align:right;
}
#footer {
	height:54px;
	background-color:#FFF;
	text-align:left;
	background-image:url(images/hgfooter.jpg);
	background-repeat:repeat-x;
	color:#CCC;	
	}
	
#footer a:link {color:#666;}
#footer a:visited {color:#666;}
#footer a:hover {color:#ccc;}

#footer2 {
	float:left;
	width: 810px;
	position:absolute;
	height: 48px;
	left: 20px;
	font-size:12px;
	color:#666;
	padding-top:20px;

}

#ocis{
	float:right;
	width: 97px;
	height: 48px;
	left: 46px;
	font-size:12px;
	color:#666;
	padding-top:20px;

}
#spiegel {
	height:30px; /* ausnahmsweise mal keine relative grösse mit em */
	background-color: black;
	color:white; /* hier nicht notwendig, ich empfinde es aber als guten stil immer beides anzugeben */
	background: url('./images/bottom.png');
	border-top:0.2em solid black;
	border-bottom:2em solid black;
}

/* das menue braucht stil */
#nav ul {
	list-style: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;

}
#nav li {
	text-align:center;
	height:1.6em;
	margin-top:0.2em;
}
#nav a {
	color:#ffffff;
	 
	padding-left:1em;
	padding-right:2em;
}
#nav a:hover {
	color:#CDA546;
}

/* heading kennzeichnen */
h1 {font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#a5383e;
	font-weight:normal;
	padding-top:10px;
}

h2 {
	font-size: 14px;
	color:#785E19;
	padding-top:5px;
	font-weight:bold;
	padding-left:5px;
}
h3, h4, h5, h6 {
	font-size: 1.2em;
}


.col_wrap {
  border:1px solid #ddd;
  padding:5px;
  width:600px;
}

.sp1 { float:left; width:290px;  }
.sp2 { float:left; width:600px; padding-left:25px;}
.sp2 ul li {margin-left:25px;}


.col1 { float:left; width:38%; padding:5px; }
.col2 { float:left; width:35%; padding:5px; }

#content .col1 { float:left; width:280px; padding:5px; }
#content .col2 { float:left; width:280px; padding:5px; }

.col3sp1 { float:left; width:34%; padding:5px; }
.col3sp2 { float:left; width:33%; padding:5px; }
.col3sp3 { float:left; width:33%; padding:5px; }


/* First Level */

ul.menu, ul.menu ul {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-top:-15px;
    list-style-type: none;
	z-index:100;
	line-height:14px;
}
ul.menu li {
    float: left;
	color: #ffffff;
}
ul.menu a {
	color:#fff;
    display: block;
	text-decoration:none;
	font-size: 14px;
	padding-top:9px;
	padding-bottom:10px;
	margin-left:6px;
	margin-right:15px;

}
ul.menu li a.active {
	color:#fff;
}
ul.menu a:hover {
	color:#fff;
}

/* F�r Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
	border: solid 0px #ead598;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe �ndern */
ul.menu ul li.hover, ul.menu ul li:hover {
	border: solid 0px #ead598;
}


/* Zweite Ebene */
ul.menu ul {
	margin:0px;
	margin-top:-2px;
    position: absolute;
    background-color: #780001;
    display: none;
    width: 150px;
	font-size: 11px;
}
ul.menu ul a{
	background-color:#780001;
	color:#ffffff;
	font-weight:normal;
	font-size: 11px;
		margin-left:0px;
	margin-right:0px;
}
ul.menu ul a:hover{
	background-color: #780001;
	color:#ffffff;
}
 /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
    display: block;
}


/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    margin-left: 160px; /* Breite eines Listenelements - �berlagerung */
    margin-top: -20px; /* H�he eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}


/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
}

/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
   display: block;
}