/* Daniel Sitzmann6 CSS File */

/* -- general settings --------------------------- */
body {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	background: url("../images/layout/bg.jpg") repeat-x #d2d8e6;
}

#overall {
	width: 880px;
	margin: auto;
	padding-top: 26px;
	text-align: left;
	margin-bottom: 100px;
}
*html #overall {
	padding: 0;
}


#main-top {
	float: left;
	margin: auto;
	width: 880px;
	padding: 0;
	text-align: left;
	margin-top: 20px;
}
#main-top-left {
float:left;
color: #999999;
	font-size: 10px;
	height: 25px;
	line-height: 35px;
}
#main-top-right {
float:right;
height: 25px;
line-height: 25px;
width: 300px;
text-align: right;
padding-right: 10px;
font-size: 12px;
background: url("../images/layout/site-header.png") no-repeat right;
}


#main {
	float: left;
	width: 880px;
	margin:0;
	padding: 0;
	text-align: left;
}
*+html #main {
margin-left: -200px;
}

#main-info {
	float:left; 
	width: 620px; 
	margin:auto; 
	margin-top: 120px; 
	background: url("../images/layout/main-bg.png");
	background: #fff; 
	border-left: 1px solid #7394bc;
	border-right: 1px solid #7394bc;
	

}

#main-space {
	left:327px; /*FF, IE8, Opera */
	left: 285px; /*Safari*/
	left: 392px; /*Chrome*/
	left:25px;
	z-index: 1000;
	position:relative;
}
*+html #main-space {
	left: 225px;
}


#vspacer {
	float:left;
	width: 500px;
	margin: 20px 0 0 0;
}

#main-info-text {
	padding: 50px 30px 30px 40px;
	font-size: 12px;

}

p { 
	margin: 0;
	padding: 0;
	line-height: 17px;
	padding-bottom: 20px;

}

.inline-img { border:0; padding: 0 0 10px 25px; float:right; text-align: right; }

a.extern {
background: url("../images/layout/link-extern.gif") no-repeat 0 2px; 
padding: 0 0 0 13px;
margin-left: 4px;
}


#wide-info {
 margin: auto;
 width: 90%;
 background-color: #fdfadd;
 border: 1px solid #dedcc4;
 margin-top: 50px;
 text-align: center;
 background: #f7f9fb;
}
#wide-info-exit {
 float: right;
 padding: 0 5px 0 0;
}
#wide-info-text {
 padding: 15px 10px 15px 10px;
}

.green { color: #2b9a00; }

/* navigation ---------------------------------------------------------------- */

#navigation { float:left; font-size: 13px; font-weight: bold; width: 200px; /*margin: 300px 0 0 25px;*/ position: relative; left: 25px; top: 300px; }
*+html #navigation { left: 225px; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { padding: 10px 0px 10px 0px;border-bottom: 1px solid #b0c5de; }
#navigation li a { padding: 10px 0px 10px 35px; width: 200px; }
#navigation li.current { background: #fff;}
#navigation li:hover { background: #fff;  }
#navigation li a:hover { background: #fff;  }

/* ---------------------------------------------------------------------------- */

#footer {
	float: left; 
	width: 605px;
	background-color: #ffffff;
	border-top: 1px solid #7394bc;
	padding-left: 15px;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	border-right: 1px solid #7394bc;
	border-left: 1px solid #7394bc;
	border-bottom: 1px solid #7394bc;
	margin-left: -1px;
}


.info-header {
	float: left; 
	width: 605px;
	background-color: #e7f0fb;
	border-top: 1px solid #7394bc;
	border-bottom: 1px solid #7394bc;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}



a:link { text-decoration: none; color: #0b03b0; }
a:visited { text-decoration: none; color: #0b03b0; }
a:active { text-decoration: none; color: #0b03b0; }
a:hover { text-decoration: underline; color: #000000; }

/* header -------------------------------------------- */
#header {
	width: 880px;
	height: 100px;
	border-left: 1px solid #7394bc;
	border-right: 1px solid #7394bc;
}

#left-nav {
	float: left;
	width: 350px;
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 30px;
}

#right-info {
	float: left;
	width: 440px;
	padding-left: 35px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-top: 38px;
}


#breadcrumb {
	float: left;
	width: 800px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
}

h1 {
	font-size: 16px;
}

h1.navbar {
	font-size: 16px;
	margin:0;
}


#right-info li {
	margin-left: 25px;
	padding-top: 5px;
}



/* navbar -------------------------------------------- */

#navbar {
 position: fixed;
 width: 100%;
 height: 27px;
 background-image: url("../images/layout/navbar-background.jpg"); 
 background-repeat: repeat-x; 
 font-size: 12px;
 color: #ffffff;
 z-index: 10000;
}

#navbar_center {
 width: 880px;
 line-height: 27px;
 margin-left: auto;
 margin-right: auto;
 font-weight: bold;
}


#navbar_left {
 float:left;
 width: 325px;
 height: 27px;
/* border-right: 1px solid #8c8c8c;*/
}

*html #navbar_left {
 height: 22px;
 h\eight:22px;
 padding-top:5px;
 p\adding-top:5px;
}

#navbar_logo {
 float:left;
 width: 30px;
 height: 18px; 
 margin-left: 10px;
 margin-top:6px;
}

*html #navbar_logo {
 margin-left: 5px;
 m\argin-left: 5px;
}


#navbar_language {
 float:left;
 width: 15px;
 margin-left: 10px;
 margin-top:6px;
}

*html #navbar_language {
 margin-left: 5px;
 m\argin-left: 5px;
}

#navbar_middle {
 float:left;
 width: 170px;
 height: 27px; 
/* border-right: 1px solid #8c8c8c;*/
}

#navbar_right {
 float:left;
 width: 540px;
 height: 27px;
 line-height: 27px;
 margin-left: 10px;
 text-align: right;
 font-size: 12px;
}

*html #navbar_right {
 margin-left: 5px;
 m\argin-left: 5px;
 width: 215px;
 w\idth: 215px;
 height: 22px;
 h\eight:22px;
 padding-top:5px;
 p\adding-top:5px;
}
 
/* Sprachauswahl -------------------------------------- */

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

.menu {
 float:left;
 width: 100px;
 height: 27px;
 position: absolute;
 z-index: 99999;
}
*html .menu  {
padding-left: 15px;
}

.menu.siteskipper {
width: 300px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0 0 0 0;
margin:0 0 0 0;
list-style-type:none;
height: 27px;
}

* html .menu ul {
margin-top: 5px;
m\argin-top: 5px;
height: 22px;
h\eight: 22px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
margin-bottom: 0px;
margin-top: 0px; 
position:relative;
text-align: left;
}

*html .menu li {
margin-left: 0px;
m\argin-left: 0px;
padding-left: 0px;
p\adding-left: 0px;
margin-top: 0px;
m\argin-top: 0px;
margin-bottom: 0px;
m\argin-bottom: 0px;
width: 95px;
w\idth:95px;
}



/* style the links for the top level */

.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:80px; 
padding-left:0px;
z-index: 10000;
}

.menu.siteskipper a, .menu.siteskipper a:visited {
width: 320px;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:-46px; 
background: #ccc;
}

.menu.siteskipper ul ul {
top:27px;
left:-15px; 
}

/* another hack for IE5.5 */
* html .menu ul ul {
left: -43px;
l\eft: -43px;
/*margin: 0 0 0 0;
m\argin: 0 0 0 0;
padding: 0 0 0 0;
p\adding: 0 0 0 0;*/
top:17px;
t\op:17px;
width: 143px;
w\idth: 143px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; width:150}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
background:#3b5998; 
color:#fff; 
height:27px;
line-height: 27px;
padding-left:15px;
border-top: 1px solid #ababac;
width:111px;
}

*html .menu ul ul a {
padding-right: 18px;
p\adding-right: 18px;
padding-top: 8px;
p\adding-top: 8px;
}

/* style the top level hover */
.menu a:hover {
text-decoration: none;
height: 27px;
}
*html .menu a:hover {
height: 22px;
h\eight: 22px;
}


.menu ul ul a:hover {
text-decoration: none;
height: 27px;
}
*html .menu ul ul a:hover {
h\eight: 22px;
background: #fff;
}

.menu :hover > a {
font-weight: bold;
}


.menu ul ul :hover > a {
/*text-decoration: underline;*/
font-weight: bold;
background: #5684ba;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}