/**
 *	Wrapper
 */

div#wrapper_outer {
	width: 1135px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: left;
	position: relative;
}

div#wrapper_inner {
	width: 975px;
	margin: 0;
	padding: 0;
	position: relative;
}



/**
 *	Kopfbereich
 */

#layout_header {
	clear: both;
	height: 195px;
	position: relative;
}

#layout_login_weather {
	position: absolute;
	top: 0;
	left: 36px;
	width: 160px;
	height: 185px;
	background: url(../px/background-loginbox.png) no-repeat top left;
}


/*** Anmeldebox ***/
#layout_login {
	width: 160px;
	height: 141px;
	margin-bottom: 1px;
	overflow: hidden;
}
#layout_login form {
	padding: 0 10px;
	position: relative;
	zoom: 1;
}
#layout_login #frmLogon h3 {
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 90%;
}
#layout_login #frmLogoff h3 {
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 90%;
	margin-top: 32px;
}
#layout_login #frmLogon #link-reg {
	float: right;
	padding-right: 2px;
	height: 32px;
	line-height: 32px;
	font-size: 90%;
}
#layout_login #frmLogon #link-reg a:hover {
	text-decoration: underline;
}
#layout_login fieldset {
	clear: both;
}
#layout_login .frmRow {
	position: relative;
	margin-bottom: 17px;
}
#layout_login label {
	color: #4b4b4d;
	line-height: 20px;
	height: 20px;
	font-size: 90%;
}
#layout_login label.overlabel-apply {
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 1;
}
#layout_login input.frmInput {
	border: none;
	color: #4b4b4d;
	font-size: 10px;
	padding: 0;
	width: 138px;
	height: 20px;
}
#layout_login #frmLogon #link-help {
	float: left;
	width: 38px;
	height: 21px;
	line-height: 21px;
	font-size: 90%;
}
#layout_login #frmLogon #link-help a:hover {
	text-decoration: underline;
}
#layout_login #frmLogon .frmRowButton {
	float: right;
	width: 100px;
	height: 21px;
}

#layout_login .login-success {
	padding: 0 10px;
	position: relative;
	zoom: 1;
}
#layout_login .login-success h3 {
	height: 32px;
	line-height: 32px;
	font-size: 90%;
	margin-top: 32px;
}


/*** Wetter-Box ***/
#layout_weather {
	width: 160px;
	height: 43px;
	position: relative;
}

#weather-img {
	top: 10px;
	left: 125px;
	position: absolute;
	z-index: 100;
}
#weather-img img {
}
#weather-text {
	position: absolute;
	bottom: 5px;
	left: 10px;
}
#weather-date {
	display: block;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 5px;
}
.weather-temperature-range {
	/*font-size: 80%;*/
}
.weather-temperature {
	font-size: 125%;
	font-weight: bold;
}
#weather-text a {
	text-decoration: none;
}
#weather-text a:hover {
	text-decoration: underline;
}



/*** Logo ***/
#layout_logo {
	position: absolute;
	top: 0;
	left: 224px;
	width: 540px;
	height: 98px;
	background: url(../px/logo.png) no-repeat top left;
}
#layout_logo h1 a {
	display: block;
	width: 540px;
	height: 98px;
}
#layout_logo h1 span {
	display: none;
}


/*** Service-Box ***/
#layout_service {
	position: absolute;
	bottom: 0;
	left: 782px;
	width: 175px;
	height: 60px;
	background: url(../px/background-service.png) no-repeat top left;
	overflow: hidden;
}
#searchbox {
	padding: 10px 10px 8px 10px;
}
#searchbox .frmRowLeft {
	float: left;
	height: 19px;
}
#searchbox .frmText {
	width: 95px;
	height: 17px;
	border: 1px solid #cecece;
	margin: 0;
	padding: 0;
}
#searchbox .frmRowRight {
	float: right;
	height: 19px;
}


/**
 *	Mittlerer Bereich
 */

#layout_body {
	clear: both;
	position: relative;
	width: 975px;
}


#layout_body_left {
	float: left;
	width: 196px;
	position: relative;
}

#layout_menu_main {
	margin-bottom: 20px;
	padding-left: 36px;
}

#layout_top5 {
	margin-bottom: 20px;
	padding-left: 36px;
}


#layout_body_middle {
	float: left;
	width: 586px;
	position: relative;
}

#wrapper_content_middle {
	clear: both;
	padding: 0 18px 0 28px;
}


#layout_body_right {
	float: left;
	width: 175px;
	position: relative;
}

#layout_magazine {
	margin-bottom: 20px;
}

#wrapper_content_right {
}



/**
 *	Fusszeile
 */

#layout_footer {
	clear: both;
	text-align: center;
	position: relative;
	padding: 20px 0;
}

#layout_footer_inner {
	height: 39px;
	margin: 0 auto;
	background: url(../px/background-breadcrumb.png) no-repeat right top;
}

#copyright {
	float: left;
	margin: 0;
	padding: 0 0 0 28px;
	font-size: 85%;
	line-height: 34px;
}



/**
 *	Banner
 */

#layout_advert_superbanner {
	padding-left: 36px;
}

#advert_superbanner {
	width: 728px;
}

#layout_advert_skyscraper {
	padding-left: 36px;
}

#layout_advert_skyscraper_2 {
	width: 160px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#layout_advert_button {
	width: 175px;
	margin: 0;
	padding: 0;
	position: relative;
}

#advert_skyscraper {
	width: 160px;
	text-align: center;
	margin-bottom: 20px;
}

#advert_skyscraper_2 {
	margin-bottom: 20px;
}

#advert_button {
	margin-bottom: 20px;
}

#advert_rectangle {
	width: 540px;
	text-align: center;
	margin-bottom: 20px;
}


/**
 *	Besonderheiten bei voller Breite
 */
#layout_body_middle_full {
	float: left;
	width: 778px;
	position: relative;
}

#layout_body_middle_full #wrapper_content_middle {
	padding: 0 0 0 28px;
}

#layout_body_middle_full #layout_footer_inner {
	background: url(../px/background-breadcrumb-full.png) no-repeat right top;
}
