/*
	Startpage
*/

body {
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: black;
}

h1 {
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 16px;
	
}

h2 {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 6px;
}

a {
	color:black;
}


img {
	border: 0px;
}

#menu_sub {
	float: left;
}

#switch {
	float: right;
	margin-top: 4px;
}

#switch img {
	margin-left: 6px;
}


#menu_add ul {
	padding:0px;
	margin:0px;
	color: #868889;
}

#menu_add li {
	padding: 0px;
	display: inline;
	margin: 0;
}	
	
#menu_add a:hover {
	text-decoration:underline;
}

#websitecontainer {
	margin-left: auto;
	margin-right: auto;
}

.line {
	width: 850px;
	border-top: 1px solid #ababab;
	clear: both;
	margin-bottom: 4px;
}

* html .line {
	margin-bottom: -6px;
}

*+html .line {
	margin-bottom: -6px;	
}

hr {
	border: 0px;
	border-top: 1px solid #ababab;
}

.head a {
	font-size: 9pt;
	font-weight: bold;
	color: #868889;
	text-decoration: none;
	text-transform: uppercase;
}

.head a:hover {
	font-size: 9pt;
	font-weight: bold;
	color: #868889;
	text-decoration: underline;
}


#startpage hr {
	border: 0;
	border-bottom:0.5pt solid #868889;
	padding-top: 2px;
	margin-bottom: 4px;	
}

#startpage, #website {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

#text_left, #menu_add {
	float: left;
}

#text_right {
	float: right;
}

#logo {
	margin-top: 6px;
	float: left;
}

#header {
}

#headspacer {
	height: 10px;
}

#maincontent {
	float: left !important;
	width: 636px; /*background: green !important;*/
	background-position: 192px 6px;
}
*+html #maincontent { width: 636px; padding: 0; margin: 0 6px 0 0 }
* html #maincontent { width: 636px; padding: 0; margin: 0 6px 0 0 }

#website #maincontent #mainimage {margin: 0 }

#content {
	clear: both;
	margin-top: 6px;
	border-top: 8px solid #E7E8EA;
	border-right: 12px solid #E7E8EA;
	border-bottom: 8px solid #E7E8EA;
	padding-bottom: 20px;
	padding-top: 6px;
}

#website #content {
	background-position: 192px 6px;
	background-repeat: no-repeat;
}

#langselector {
	float: right;
	margin-top: 20px;
	margin-right: 8px;
}

#img_for_produktlogo {
	float: right;
	padding-right: 130px;
	width: 96px;
	height: 40px;
	padding-top: 8px;
}

#startpage #newsbutton {
	float: right;
	margin-right: 8px;
}

#startpage #newsbutton img {
	border-left: 3px solid #bbbbbb;
	border-right: 3px solid #bbbbbb;
}

#startpage .news {
	float: right;
	width: 196px;
/*	background: url('../pictures/layout/news_start-button_mit_text.png') bottom no-repeat;*/
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	height: 145px;
	padding-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
	font-size: 11px;
}

#startpage .news h1 {
	font-size: 12px;
	padding-top: 0;
} 

#startpage .news h3 {
	font-size: 11px;
	padding-top: 0;
} 

.mainimage { float: right !important;  }
#startpage .mainimage { margin-right: 8px !important; }

*+html #website #cont_border { float: right !important; clear: none !important;
	width: 220px; overflow: hidden }
	
* html #website #cont_border { float: right !important; clear: none !important;
	width: 220px; overflow: hidden }

*+html #website #cont { padding-top: 8px; min-height: 342px !important }
#website #cont {
	clear: both;
	padding-left: 8px;
	padding-right: 22px;
	overflow: auto;
	min-height: 340px;
	padding-bottom: 20px;
}

* html #website #cont {
  	height: auto !important;
  	height: 345px;	
}

#website .bodytext {
	text-align:justify;
}

#startpage #serve, #startpage #provide, #startpage #care {
	float: left;
	width: 200px; 
	height: 260px;
	overflow: hidden;	
	margin-right: 6px;
	padding-top: 200px;
	background-repeat: no-repeat;
	cursor: pointer;
}

* html #content-in { margin: -14px -10px; }

#startpage #cont_left, #startpage #cont, #startpage #cont_right {
	padding-left: 30px;
	margin-top: -12px;
	height: 170px;
	font-size: 10pt;
	line-height: 18px;
	
}

#startpage #cont_left { border-left: 1px solid #55AB26;	border-right: 1px solid #55AB26; }

*+html #startpage #cont_left,
*+html #startpage #cont_right,
*+html #startpage #cont { margin: 0 !important; }

* html #startpage #cont_left,
* html #startpage #cont_right,
* html #startpage #cont
	{ margin: 0 !important; }
	
*+html #startpage #cont_border { margin-top: 0 !important; }
* html #startpage #cont_border { margin-top: 0 !important; }

*+html #startpage #cont_border * { margin: 8px 0 }
* html #startpage #cont_border * { margin: 8px 0 }



#startpage #cont_right { border-left: 1px solid #009DE0;	border-right: 1px solid #009DE0; }
#startpage #cont { border-left: 1px solid #E95D0E;	border-right: 1px solid #E95D0E; }

#startpage #serve {
	background-image: url(../pictures/layout/startseite_serve_gruenSN.png);
}

#startpage #provide {
	background-image: url(../pictures/layout/startseite_provide_orangeSN.png);
}

#startpage #care {
	background-image: url(../pictures/layout/startseite_care_blauSN.png);
}

#startpage h2 {
	font-size: 12pt;
	font-weigh: bold;
}

.clear {
	clear: both;
}

.grey {
	background-color:#E7E8EA;
}

#bee4melogo {
	margin-top: -22px;
	color: #888888;
	font-size: 10px;
	vertical-align: middle;
}
* html #bee4melogo a img { display: block; position: relative; bottom: 2px; margin-top: -4px }

#website #cont_border .csc-textpic-image {
	margin-left: 0px;
}

.csc-header {
/*	clear: both;*/
}

#bee4melogo img {
	float: left;
	margin-top: -6px;
}
#bee4melogo a {
	float: left;
}