@import url("vorlagen.css");
@import url("/se_data/global/css/menu_horizontal.css");

#body {
	background: #999;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	padding: 0;
	margin: 0;
}

.widthFix {
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 200px;
	background: #fff url(/gfx/bg_header.jpg) repeat-x;
	position: relative;
	z-index: 2;
}

#logo {
	position: absolute;
	top: 62px;
	left: 0px;
}

#logo img {
	width: 270px;
	height: 138px;
}

#mainNav {
	position: absolute;
	top: 62px;
	left: 270px;
}

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

#mainNav ul li {
	display: inline;
}

#mainNav ul li a {
	color: #666;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	margin: 15px 0px 0px 0px;
	padding: 0px 9px 29px 9px;
	border-right: 1px solid #e3e3e3;
}

#mainNav ul li.nav_1 a {
	border-left: 1px solid #e3e3e3;
}

/*
#mainNav ul li.nav_4 a {
	width: 110px;
}

#mainNav ul li.nav_5 a {
	width: 90px;
}

#mainNav ul li.nav_6 a {
	width: 105px;
}
*/

#mainNav ul li a:hover,
#mainNav ul li.on a {
	color: #000;
	background: #efeff0;
	margin: 0px;
	padding: 10px 9px 29px 9px;
	border-top: 5px solid #026ab3;
}

/*---------------Menuebene 1-----------*/
#mainNav ul li ul {
	width: 240px;
	top: 58px;
	left: 0px;
	background: #fff;
	padding: 0px;
	margin: 0px;
}

#mainNav ul li ul li {
	text-align: left;
	padding: 0;
	margin: 0;
	display: block;
}

#mainNav ul li.hover ul {
	display: block;
}

#mainNav ul li ul li a,
#mainNav ul li.nav_1 ul li a,
#mainNav ul li.on ul li a {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 5px solid #fff;
	background: #fff;
	float: none;
	display: block;
	margin: 0px;
	padding: 5px 10px 10px 10px;
}

#mainNav ul li ul li a:hover,
#mainNav ul li.on ul li.on a,
#mainNav ul li ul li.hover a {
	background: #efeff0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 5px solid #026ab3;
	color: #000;
	padding: 5px 10px 10px 10px;
}


#headerNav {
	width: 40px;
	height: 44px;
	/* border-left: 1px solid #e3e3e3; */
	position: absolute;
	top: 77px;
	right: 0px;
	padding-left: 10px;
}
#headerNav img {
	width: 16px;
	height: 16px;
	padding-right: 2px;
}

#headerPic {
	background: #fff;
	width: 718px;
	height: 168px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	position: absolute;
	top: -100px;
	right: 0px;
}

#headerSlogan {
	background: #026ab3;
	width: 730px;
	height: 100px;
	position: absolute;
	top: 122px;
	right: 0px;
}

#headerSlogan h1 {
	color: #fff;
	font-size: 24px;
	font-style: italic;
	font-family: Palatino,"Palatino Linotype","Book Antiqua",FreeSerif,serif;;
	margin: 28px 0px 3px 0px;
	width: 430px;
	text-align: center;
	letter-spacing: 3px;
}

#headerSlogan h1:first-letter {
	font-size: 25px;
}

#headerSlogan h3 {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
}

#headerSlogan img {
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 0;
	display: block;
}

#headerSlogan .bildZuHause {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 430px;
}

#headerSlogan .bildLinks {
	position: absolute;
	top: 0px;
	right: 200px;
}

#headerSlogan .bildMitte {
	position: absolute;
	top: 0px;
	right: 100px;
}

#headerSlogan .bildRechts {
	position: absolute;
	top: 0px;
	right: 0px;
}

#container {
	border-top: 20px solid #cececf;
	background: #efeff0;
	position: relative;
	z-index: 1;
}

#container .watermarkHome {
	background: #efeff0 url(/gfx/wasserzeichen.gif) no-repeat 50px 20px;
}

#container .watermark {
	background: #efeff0 url(/gfx/wasserzeichen.gif) no-repeat 50px bottom;
}


#sidebar {
	width: 250px;
	margin: 10px 20px 40px 0px;
	border-bottom: 1px dotted #666;
	float: left;
	overflow: hidden;
}

#sidebar .box h3 {
	background: url(/gfx/raute.gif) no-repeat 0px 21px;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 1px dotted #666;
	padding: 20px 0px 3px 15px;
	
}

#sidebar .box p {
	padding: 0px 0px 0px 5px;
}

#sidebar .box a {
	background: url(/gfx/pfeil_grau.gif) no-repeat 0px 2px;
	font-size: 13px;
	color: #026ab3;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
}

#sidebar .box a:hover {
	text-decoration: underline;
}



#subNav {
	width: 250px;
	background: #cececf;
	border-top: 5px solid #999;
}

#subNav a.home {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	margin: 10px 0px 5px 15px;
	display: block;
}

#subNav a.home:hover {
	color: #000;
}

#subNav ul {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

#subNav ul li {
	display: inline;
}

#subNav ul li a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	padding: 3px 5px 3px 15px;
	display: block;
}

#subNav ul li a:hover,
#subNav ul li.on a {
	background: #efeff0;
	font-weight: bold;
	color: #000;
}

#subNav ul li ul {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#subNav ul li ul li a,
#subNav ul li ul li.off a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 5px 3px 30px;
	display: block;
	background: #cececf;
	font-weight: normal;
}

#subNav ul li ul li a:hover,
#subNav ul li ul li.on a {
	background: #efeff0;
	font-weight: bold;
	color: #000;
}

#subNav ul li ul li ul{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#subNav ul li ul li ul li a,
#subNav ul li ul li ul li.off a {
	color: #333;
	text-decoration: none;
	font-size: 11px;
	padding: 3px 5px 3px 45px;
	display: block;
	background: #cececf;
	font-weight: normal;
}

#subNav ul li ul li ul li a:hover,
#subNav ul li ul li ul li.on a {
	background: #efeff0;
	font-weight: bold;
	color: #000;
}

#homeSlogan {
	float: left;
	width: 700px;
	padding: 15px;
}

#homeSlogan h1 {
	margin: 0px;
	padding: 0px;
}
#homeSpot {
	float: right;
	width: 700px;
	padding: 15px;
	text-align:center;
	font-color:#333 !important;
	font-size:11px;
}


#contentHome {
	background: #fff;
	float: left;
	width: 728px;
	/* margin: 90px 0px 0px 0px; */
	padding: 0px;
	border-top: 1px solid #e9e8eb;
	border-right: 1px solid #e9e8eb;
	border-bottom: 5px solid #e9e8eb;
	border-left: 1px solid #e9e8eb;
}

#contentHome .contentBox {
	width: 242px;
	height: 328px;
	float: left;
	position: relative;
}

#contentHome .contentBox h3 {
	background: url(/gfx/raute_weiss.gif) no-repeat 0px center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 15px;
	
}

#contentHome .contentBox img {
	width: 222px;
	height: 83px;
	margin: 0 10px;
	padding: 0;
	display: block;
}

#contentHome .contentBox p {
	margin: 10px;
}

#contentHome .contentBox a {
	background: url(/gfx/pfeil_blau.gif) no-repeat 0px 2px;
	font-size: 13px;
	color: #026ab3;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
}

#contentHome .contentBox a:hover {
	text-decoration: underline;
}

#contentHome .contentBox.left,
#contentHome .contentBox.center {
	border-right: 1px solid #e9e8eb;
}

#sitesearch {
	height: 70px;
	position: relative;
}

#sitesearch form {
	position: absolute;
	top: -27px;
	left: 0px;
	font-size: 12px;
}

#sitesearch .query {
	width: 150px;
	margin-right:10px;

}

#footer {
	background: #999;
	height: 65px;
	border-top: 5px solid #808080;
	color: #e7e7e7;
	font-size: 11px;
	line-height: 14px;
}

#footer a {
	color: #e7e7e7;
}

#footer a:hover {
	text-decoration: none;
}


#footer .copyright {
	position: absolute;
	top: 11px;
	left: 0px;
}

#footer .footerNav {
	position: absolute;
	top: 11px;
	left: 500px;
}

#footer .autor {
	position: absolute;
	top: 11px;
	right: 0px;
}

#content {
	background: #fff;
	float: left;
	width: 688px;
	margin: 10px 0px 0px 0px;
	padding: 20px;
	border-top: 5px solid #e9e8eb;
	border-right: 1px solid #e9e8eb;
	border-bottom: 5px solid #e9e8eb;
	border-left: 1px solid #e9e8eb;
	overflow: hidden;
}
