/* CSS Dokument für sales + partner */

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0px;
	background-color: #CED7DE;
	background-image: url(img/bgr.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

.top_header_bgr {
	width: 100%;
	height: 78px;
	margin: auto;
	background-image: url(img/top_header_bgr.jpg);
}

.top_header {
	width: 992px;
	height: 78px;
	margin: auto;
	background-image: url(img/header_bgr.jpg);
	background-repeat: no-repeat;
}

.logobox {
	width: 306px;
	height: 78px;
	margin-left: 21px;
	float: left;
}

.claimbox {
	width: 644px;
	height: 78px;
	float: left;
	text-align: right;
}

.middle_header_bgr {
	width: 100%;
	height: 258px;
	background-image: url(img/middle_header_bgr.jpg);
}

.middle_header {
	width: 992px;
	height: 258px;
	margin: auto;
	background-image: url(img/middle_header_bgr_content.jpg);
	background-repeat: no-repeat;
}

.picbox {
	width: 618px;
	height: 58px;
	padding-left: 26px;
	padding-top: 200px;
	margin-left: 21px;
	float: left;
	text-align: left;
	background-image: url("img/header_home_copyright_Michael_Nivelet-Fotolia.jpg");
}

.sloganbox {
	width: 644px;
	height: 258px;
}

.navibox {
	width: 306px;
	height: 258px;
	float: left;
}

.contentcontainer {
	width: 950px;
	margin: auto;
}

.mainnavicontainer {
	width: 306px;
	overflow: auto;
	display: inline;
	float: left;
	text-align: left;
	background-image: url(img/bgr_navi.jpg);
	background-repeat: no-repeat;}

.mainnavibox {
	width: 306px;
	height: 217px;
	padding-top: 22px;
	padding-bottom: 80px;
	
}

.contentbox {
	width: 604px;
	padding-right: 40px;
	float: left;
	text-align: left;
}

.contactbutton {
	width: 200px;
	height: 80px;
	padding-left: 76px;
	padding-right: 30px;
	background-image: url(img/button_contact.gif);
	background-repeat: no-repeat;
}

.feedbackbutton {
	width: 200px;
	padding-left: 76px;
	padding-right: 30px;
	margin-top: 20px;
	background-image: url(img/button_feedback.gif);
	background-repeat: no-repeat;
}

.feedbackcontent {
	width: 240px;
	padding-left: 26px;
	padding-right: 40px;
	margin: auto;
}

.languagebox {
	position: absolute;
	top: 0px;
	right: 4px;
	width: 86px;
	height: 35px;
}


/* Fonts */

body {
	font-family: Arial, Helvetica, sans-serif;
}

.button_headline {
	font-size: 15px;
	font-weight: bold;
}	

.picbox {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.contactbutton {
	font-size: 12px;
	color: #585858;
}

.contactfont {
	font-size: 19px;
	font-weight: bold;
}

.feedbackbutton {
	font-size: 12px;
	color: #585858;
}

.feedbackcontent {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #585858; 
}

.contentbox {
	color: #000000;
	font-size: 13px;
	line-height: 20px;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	color: #F19100;
	margin-top: 24px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h4 {
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #555555;
}



/* Links + Navigation */

a:link, a:visited {
	text-decoration: underline;
	color: #B73800;
}

a:hover, a:active {
	text-decoration: none;
	color: #F99B00;
}

.navibutton1:link, .navibutton1:visited, .navibutton2:link, .navibutton2:visited, .navibutton3:link, .navibutton3:visited,
.navibutton1:hover, .navibutton1:active, .navibutton2:hover, .navibutton2:active, .navibutton3:hover, .navibutton3:active {
	width: 266px;
	height: 72px;
	padding-left: 40px;
	padding-top: 14px;
	text-align: left;
	float: left;
	font-size: 13px;
	line-height: 18px;
	background-repeat: no-repeat;
}

.navibutton1:link, .navibutton1:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button_top.jpg);
}

.navibutton1:hover, .navibutton1:active {
	text-decoration: underline;
	color: #000000;
	background-image: url(img/button_top.jpg);
}

.navibutton2:link, .navibutton2:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button_middle.jpg);
}

.navibutton2:hover, .navibutton2:active {
	text-decoration: underline;
	color: #000000;
	background-image: url(img/button_middle.jpg);
}

.navibutton3:link, .navibutton3:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(img/button_bottom.jpg);
}

.navibutton3:hover, .navibutton3:active {
	text-decoration: underline;
	color: #000000;
	background-image: url(img/button_bottom.jpg);
}

.mainnavibutton1:link, .mainnavibutton1:visited, .mainnavibutton1:hover, .mainnavibutton1:active,
.mainnavibutton2:link, .mainnavibutton2:visited, .mainnavibutton2:hover, .mainnavibutton2:active,
.mainnavibutton3:link, .mainnavibutton3:visited, .mainnavibutton3:hover, .mainnavibutton3:active,
.mainnavibutton4:link, .mainnavibutton4:visited, .mainnavibutton4:hover, .mainnavibutton4:active,
.mainnavibutton5:link, .mainnavibutton5:visited, .mainnavibutton5:hover, .mainnavibutton5:active,
.mainnavibutton6:link, .mainnavibutton6:visited, .mainnavibutton6:hover, .mainnavibutton6:active,
.mainnavibutton7:link, .mainnavibutton7:visited, .mainnavibutton7:hover, .mainnavibutton7:active {
	height: 27px;
	padding-top: 9px;
	text-align: left;
	float: left;
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
}

.mainnavibutton1:link, .mainnavibutton1:visited,
.mainnavibutton2:link, .mainnavibutton2:visited,
.mainnavibutton3:link, .mainnavibutton3:visited,
.mainnavibutton4:link, .mainnavibutton4:visited,
.mainnavibutton5:link, .mainnavibutton5:visited,
.mainnavibutton6:link, .mainnavibutton6:visited,
.mainnavibutton7:link, .mainnavibutton7:visited {
	color: #F19100;
	text-decoration: none;
}

.mainnavibutton1:hover, .mainnavibutton1:active,
.mainnavibutton2:hover, .mainnavibutton2:active,
.mainnavibutton3:hover, .mainnavibutton3:active,
.mainnavibutton4:hover, .mainnavibutton4:active,
.mainnavibutton5:hover, .mainnavibutton5:active,
.mainnavibutton6:hover, .mainnavibutton6:active,
.mainnavibutton7:hover, .mainnavibutton7:active {
	color: #000000;
	text-decoration: underline;
}

.mainnavibutton1:link, .mainnavibutton1:visited {
	width: 173px;
	padding-left: 128px;
	background-image: url(img/mainbut01_link.jpg);
	
}

.mainnavibutton1:hover, .mainnavibutton1:active {
	width: 173px;
	padding-left: 128px;
	background-image: url(img/mainbut01_hover.jpg);
}

.mainnavibutton2:link, .mainnavibutton2:visited {
	width: 195px;
	padding-left: 106px;
	background-image: url(img/mainbut02_link.jpg);
	
}

.mainnavibutton2:hover, .mainnavibutton2:active {
	width: 195px;
	padding-left: 106px;
	background-image: url(img/mainbut02_hover.jpg);
}

.mainnavibutton3:link, .mainnavibutton3:visited {
	width: 211px;
	padding-left: 90px;
	background-image: url(img/mainbut03_link.jpg);
	
}

.mainnavibutton3:hover, .mainnavibutton3:active {
	width: 211px;
	padding-left: 90px;
	background-image: url(img/mainbut03_hover.jpg);
}

.mainnavibutton4:link, .mainnavibutton4:visited {
	width: 221px;
	padding-left: 80px;
	background-image: url(img/mainbut04_link.jpg);
	
}

.mainnavibutton4:hover, .mainnavibutton4:active {
	width: 221px;
	padding-left: 80px;
	background-image: url(img/mainbut04_hover.jpg);
}

.mainnavibutton5:link, .mainnavibutton5:visited {
	width: 233px;
	padding-left: 68px;
	background-image: url(img/mainbut05_link.jpg);
	
}

.mainnavibutton5:hover, .mainnavibutton5:active {
	width: 233px;
	padding-left: 68px;
	background-image: url(img/mainbut05_hover.jpg);
}

.mainnavibutton6:link, .mainnavibutton6:visited {
	width: 243px;
	padding-left: 60px;
	background-image: url(img/mainbut06_link.jpg);
	
}

.mainnavibutton6:hover, .mainnavibutton6:active {
	width: 243px;
	padding-left: 60px;
	background-image: url(img/mainbut06_hover.jpg);
}

.mainnavibutton7:link, .mainnavibutton7:visited {
	width: 251px;
	padding-left: 52px;
	background-image: url(img/mainbut07_link.jpg);
	
}

.mainnavibutton7:hover, .mainnavibutton7:active {
	width: 251px;
	padding-left: 52px;
	background-image: url(img/mainbut07_hover.jpg);
}

body#startseite a#spstartseite,
body#strategie a#spstrategie,
body#partnerschaft a#sppartnerschaft,
body#zugang a#spzugang, 
body#profil a#spprofil,
body#kontakt a#spkontakt,
body#datenschutz a#spdatenschutz {
	color: #B73800;
	text-decoration: underline;
}



/* Sonstiges */

.noborder {
	border: 0px;
}