/*-----basic layout------*/

/* This html-background is definitely not compatible with IE6, but is works in IE7 and up and all other browsers. -WJ */
html {
	background: url('../gfx/bg_site.gif') #180a01;
}
body {
   background:url('../gfx/bg_site_container.gif') no-repeat 50% 600px;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
}

.submitbutton {
}

/*----general elements----*/
.clearright {
	clear:right;
}
.clearboth {
	clear:both;
}

/*----text elements----*/
h1 {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 18pt;
	color: #ed1165;
   font-weight:normal;
}
h3 {
	margin: 0px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
}
p {
	margin: 0px;
	line-height: 20px;
}
a {
   color: #ed1165;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
}
input.submitbutton {
   background:#ED1165;
   padding:4px 15px;
   color:white;
   border:0;
}

#container {
	width: 1003px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#header {
	width: 967px;
	height: 19px;
	padding-left: 12px;
	padding-top: 4px;
	background-color: #ff7e00;
	border-bottom: 12px solid #ffffff;
	border-left: 12px solid #ffffff;
	border-right: 12px solid #ffffff;
	color: #ffffff;
	font-size: 8pt;
}

#subheader {
	height: 85px;
	position:relative;
}

#logoframe {
	height: 85px;
	width: 180px;
	background: url(../gfx/logo_nietgek.png) no-repeat;
   display:block;
   text-decoration:none;
	position:absolute;
	top:0;
	left:0;
}

#mainnavcontainer {
	width: auto;
	height: auto;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	position:absolute;
	top:35px;
	left:180px;
}

.searchframe_top {
	background:url('../gfx/search_top.png') repeat;
	width:156px;
	position:absolute;
	top:28px;
	right:0;
}
.searchframe_top input.search_field_top {
	background:transparent;
	border:0;
	color:#baa496;
	font-size:13px;
	padding:6px 5px 3px 9px;
	width:116px;
}
.searchframe_top input.search_button_top {
	position:relative;
	top:3px;
}


#content {
	overflow:hidden;
	width:1003px;
	padding: 25px 0 0;
	border-top: 1px dotted #ffffff;
}

#footer {
	width: 983px;
	height: 30px;
	margin-top: 20px;
	background-color: #ff7e00;
	border: 10px solid #ffffff;
   clear:both;
   float:left;
}

#footnav {
	float: left;
	margin-left: 17px;
	margin-top: 8px;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

#foot_copyright {
	float: right;
	margin-right: 17px;
	margin-top: 8px;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

/*----navigation elements----*/

#header a:link {color: #ffffff;text-decoration:underline;}
#header a:visited {color: #ffffff;text-decoration:underline;}
#header a:hover {color: #ffffff;text-decoration:none;}


#footer a:link {color: #ffffff;text-decoration:underline;}
#footer a:visited {color: #ffffff;text-decoration:underline;}
#footer a:hover {color: #ffffff;text-decoration:none;}


#mainnavcontainer ul {
 	margin:0;
 	padding:0;
}

#navlist ul {
	margin: 0;
	white-space: nowrap;
	padding: 0;
}

#navlist li {
	display: inline;
	list-style-type: none;
	margin-left: 0px;
}

#navlist a {
	display: inline-block;
	width: auto;
	height: 14px;
	padding: 0px 16px 4px 16px;
}

#navlist a:link, #navlist a:visited {
	text-decoration: none;
	text-align: center;
	color: #ffffff;
}

#navlist a:hover {
	color: #ed1165;
}

#navlist .active a {
	color: #ed1165;
}

/*----topnavigation elements----*/
#header .topnavcontainer {
	float:right;
   margin-top:-4px;
}
#header .topnavcontainer ul {
 	margin:0;
 	padding:0;
}
#header .topnavlist li {
	float:left;
	list-style-type: none;
	margin-left: 0px;
   padding-left:10px;
   background:url('../gfx/topnav_left.png') no-repeat;
   margin-right:2px;
   cursor:pointer;
}
#header .topnavlist a {
	display: block;
   padding:7px 19px 13px 1px;
	background:url('../gfx/topnav_right.png') no-repeat 100% 0;
   text-decoration:none !important;
   color: #9c3c01;
}
#header .topnavlist li.hover {
   background-image:url('../gfx/topnav_left_active.png');
}
#header .topnavlist a.hover {
   color: #fff;
   background-image:url('../gfx/topnav_right_active.png');
}
#header .topnavlist .active a {
	color: #ffffff;
	background-image: url(../gfx/topnavbgsmall_b.png);
	background-repeat: no-repeat;
}
#header .topnavlist a:active {
   outline-style:none;
   outline-width:0;
}

.socmed_bar {
	overflow:hidden;
	border:1px dotted #797674;
	background:#151e2a;
	padding:10px 15px;
	margin-top:20px;
}
.socmed_bar .socmed_icons {
	float:right;
	font-size:11px;
}
.socmed_bar .socmed_icons span {
	position:relative;
	top:-2px;
}
.socmed_bar .socmed_link {
	margin-left:5px;
	position:relative;
	top:2px;
}



#denkwolk {
   background: transparent url('../gfx/targetright_denkwolk.png') no-repeat;
   height: 350px;
   width:233px	;
   position:relative;
   overflow:hidden;
}
#target_rightframe {
   float:left;
   width:233px;
   margin:18px 19px 0px 10px;
}
