/* this is the main-layout-css-file */
/* independent on font-family, font-size, colors and so on */

/* some useful stuff */
html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#FFFFFF url(../grafiken/layout/bg_main.gif) 49.99% 0 repeat-y;
}

form {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

img {
	border:0;
}


/* we don't want to see the main-headlines, they are for screenreaders and structure only */
h1 {
	position:absolute;
	left:-9999px;
}

/* everything is positioned in the middle */
#middle {
	text-align:left;
	margin:auto;
	width:955px;
	position:relative;
	background:#FFFFFF url(../grafiken/layout/bg_main.gif) 0 0 repeat-y;
}

/* header */
#header {
	height:339px;
}

#header img {
	border:0;
}

#breadcrumb
{
	position:absolute;
	left:160px;
	top:339px;
	padding:5px 25px 5px 30px;
}


/* mininavigation on top left */
#mininav {
	position:absolute;
	top: 100px;
	right:0;
	margin:0 10px 0 0;
}
#mininav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#mininav li {
	display:inline;
	margin:0;
	padding:0;
}
#mininav a {
	display:block;
	margin:0;
	padding:1px;
	float:none;
	text-align:right;
}

/* additional images in the header */
#headerimages {
	position:absolute;
	top:173px;
	right:0;
}

#headerimages ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#headerimages li {
	display:inline;
	margin:0;
	padding:0 10px 0 0;
}

#headerimages img {
  border: 1px solid #FFFFFF;
}


/* left column with mainmenu and searchbox */
#left {
	float:left;
	width:160px;
	background:#ABA97A url(../grafiken/layout/bg_menu.jpg) no-repeat -160px -0;
}

/* mainmenu */
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	width:160px;
}

#menu a {
	display:block;
	margin:0;
	padding: 4px 5px 4px 10px;
	width:160px;
	w\idth:145px;
	border-bottom:1px solid #FFFFFF;
}

*html #menu a {
	height:1px; /* do a little hack for IE because of flicker; and we need the .htaccess-file too! */
}

#menu ul li a:hover, 
#menu ul li a.selected {
	background:url(../grafiken/layout/bg_menu.jpg);
}

/* flyout */
#menu ul li ul {
	position:absolute;
	width:200px; 		/* we need a fixed width because of the buggy ie, maybe it looks better? */
	margin-left:160px;	/* width of the main-menu */
	margin-top:-24px;	/* initial menu-item-height; will be corrected by onload-javascript */
	left:-9999px;
}

#menu ul li ul li {
	width:200px;
}

#menu ul li ul li a {
	width:200px;
	w\idth:175px;
	padding-left:15px;
	background:#776E39 url(../grafiken/layout/bg_menu_flyout.gif) 0 50% no-repeat;
}

#menu ul li ul li a:hover {
	background:#776E39 url(../grafiken/layout/bg_menu_flyout.gif) -500px 50% no-repeat;
}

#menu ul li a.lastitem {
	border-bottom:none;
}

#menu li:hover ul, 
#menu li.hover ul {
	left:auto;
}


/* searchbox */
#searchbox {
	clear:left;
	margin:0 0 80px 0;
	padding:45px 5px 0 5px;
	width:130px;
}

#searchbox a {
	display:block;
	float:right;
}

#searchbox input {
	margin-bottom:5px;
	width:130px;
	border-width:1px;
}


/* boxes on the right */
#boxes {
	width:200px;
	float:right;
  margin: 30px 0 0 0;
}

#boxes .box {
	border:1px solid;
	margin:10px;
}

#boxes .box h2 {
	position:static;
	margin:0;
	padding:3px;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
}

#boxes .box p {
	padding:3px;
}

#boxes .boxcontent {
	margin:5px;
}


/* maincontent */
#content {
	padding:35px 0px 30px 30px;
	float:left;
	width:735px;
}

/* ok, show the h1-tags in the content, please! */
#content h1 {
	position:static;
	left:auto;
	text-transform:uppercase;
	font-weight:normal;
	margin: 0 0 1.3em 0;
}

/* footer */
#footer {
	margin-left:160px;
	padding:15px 25px 15px 25px;
	text-align:center;
	clear:both;
}