@charset "utf-8";
/* CSS Document */

/* RESET ----------------------------------------------------------------- */
*{
margin: 0;
padding: 0;
border: 0;
}

img, a img {
border: 0;
}

a:focus {
outline: none;
}

a {
color: #929194;
text-decoration: none;
}

label {
	width: 120px;
	float: left;
	margin: 0 0 5px 0;
}

input, textarea {
	width: 213px;
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929194;
	padding: 2px 4px;
	margin: 0 0 5px 0;
}

input.abschicken {
	width: auto;
	float: right;
}

/* ----------------------------------------------------------------------- */

html {
	height: 100%;
}

body {
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #929194;
	background-color: #f4f4f4;
	height: 100%;
	background-image: url(images/hg_body.gif);
	background-repeat: repeat-x;
}

body.c1 {
	background-image: url(images/hg_body_magenta.gif);
}

body.c2 {
	background-image: url(images/hg_body_yellow.gif);
}

body.c3 {
	background-image: url(images/hg_body_green.gif);
}

body.c4 {
	background-image: url(images/hg_body_blue.gif);
}

img, div, a, input { behavior: url(iepngfix.htc) }

.cleaner {
	clear: both;
}

h1 {
	font-size: 20px;
	color: #0076bd;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 979px;
	min-height: 100%;
	background-color: #FFFFFF;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#logo {
	float: left;
	width: 164px;
	height: 63px;
	margin: 22px 0 12px 0;
}

#menu_top {
	float: right;
	margin: 73px 0 0 0;
}

#menu_top a {
	color: #9c9d9f;
	font-size: 11px;
	text-decoration: none;
}

#menu_top .lang img {
	margin: 0 0 0 10px;
}

#header {
	position: relative;
	width: 979px;
	height: 227px;
	background-color: #3391c9;
	overflow: hidden;
}

body.c1 #header {
	background-color: #bf5995;
}

body.c2 #header {
	background-color: #f3b431;
}

body.c3 #header {
	background-color: #3c9627;
}

body.c4 #header {
	background-color: #338bc2;
}

#header .image {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 783px;
	height: 227px;
	overflow: hidden;
}

#overlay {
	position: absolute;
	z-index: 2;
	top: 15px;
	left: -409px;
	width: 310px;
	height: 112px;
	background-image: url(images/overlay.png);
	background-repeat: no-repeat;
	padding: 55px 67px 0 50px;
	overflow: hidden;
	text-align: left;
	font-size: 19px;
	color: #157ab6;
	font-weight: bold;
}

body.c1 #overlay {
	background-image: url(images/overlay_magenta.png);
	color: #bf5995;
}

body.c2 #overlay {
	background-image: url(images/overlay_yellow.png);
	color: #f3b431;
}

body.c3 #overlay {
	background-image: url(images/overlay_green.png);
	color: #3c9627;
}

body.c4 #overlay {
	background-image: url(images/overlay_blue.png);
	color: #338bc2;
}

#menu {
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 196px;
	width: 768px;
	height: 30px;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #3391c9;
	overflow: hidden;
}

body.c1 #menu {
	background-color: #bf5995;
}

body.c2 #menu {
	background-color: #f3b431;
}

body.c3 #menu {
	background-color: #3c9627;
}

body.c4 #menu {
	background-color: #338bc2;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	float: left;
	border-right: 1px solid #ffffff;
}

#menu li a {
	line-height: 30px;
	padding: 9px 14px;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

#menu li a:hover, #menu li a.aktiv {
	background-color: #ffffff;
	color: #0076bd;
}

body.c1 #menu li a:hover, body.c1 #menu li a.aktiv {
	color: #bf5995;
}

body.c2 #menu li a:hover, body.c2 #menu li a.aktiv {
	color: #ffad00;
}

body.c3 #menu li a:hover, body.c3 #menu li a.aktiv {
	color: #3c9627;
}

body.c4 #menu li a:hover, body.c4 #menu li a.aktiv {
	color: #338bc2;
}

#search {
	position: absolute;
	right: 0;
}

#search input {
	margin: 5px 5px !important;
	margin: 4px 5px;
	width: 135px;
	height: 15px;
	background-color: #FFFFFF;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929194;
	padding: 2px 4px;
}

#search img {
	margin: 5px 5px;
}


#submenu {
	float: left;
	width: 175px;
	text-align: left;
	border-top: 1px solid #cccccc;
	margin: 0 0 0 17px
}

#submenu ul {
	list-style-type: none;
}

#submenu li {
	border-bottom: 1px solid #cccccc;
}

#submenu li li {
	border-bottom: 0;
	border-top: 1px solid #cccccc;
	margin: 0 0 0 15px;
}

#submenu li a {
	color: #717273;
	line-height: 29px;
	display: block;
	height: 29px;
	font-size: 12px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#submenu li a:hover, #submenu li a.aktiv {
	background-image: url(images/hg_submenu_li.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 15px;
}

#breadcrumb {
	width: 945px;
	height: 11px;
	padding: 42px 17px 12px 17px;
	color: #9c9d9f;
	font-size: 10px;
	text-align: left;
}

#breadcrumb a {
	color: #9c9d9f;
	font-size: 10px;
	text-decoration: none;
}

#content {
	float: left;
	width: 772px;
	padding: 0 7px 65px 17px;
	text-align: left;
}

#content.produkt {
	float: left;
	width: 580px;
	padding: 0 7px 65px 17px;
	text-align: left;
}

#content ul {
	padding: 0 0 20px 15px;
	list-style-image: url(images/list.png);
}

#content ol {
	padding: 0 0 20px 15px;
}

body.c1 #content ul {
	list-style-image: url(images/list_magenta.png);
}

body.c2 #content ul {
	list-style-image: url(images/list_yellow.png);
}

body.c3 #content ul {
	list-style-image: url(images/list_green.png);
}

body.c4 #content ul {
	list-style-image: url(images/list_blue.png);
}

#content ul li {
	margin: 0 0 5px 0;
}

#news {
	float: left;
	width: 163px;
	text-align: left;
	padding: 0 0 65px 0;
}

#news h2 {
	font-size: 12px;
	font-weight: bold;
	color: #868688;
	margin: 0 0 12px 0;
}

body.c1 #news h1 {
	color: #bf5995;
}

body.c2 #news h1 {
	color: #f6b835;
}

body.c3 #news h1 {
	color: #3c9627;
}

body.c4 #news h1 {
	color: #338bc2;
}

#news .news_text {
	font-size: 12px;
	color: #868688;
}

#news .news_wrapper {
	margin: 0 0 30px 0;
}

#news a {
	color: #868688;
	text-decoration: none;
}

.box_small_start a {
	text-decoration: none;
}

.box_small_start {
	position: relative;
	width: 186px;
	height: 223px;
	float: left;
	overflow: hidden; 
	margin: 0 7px 20px 0;
}

.box_small_start .image, .box_small_start .corner {
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
	height: 48px;
	overflow: hidden;
}

.box_small_start .content {
	position: absolute;
	top: 51px;
	left: 0;
	width: 152px;
	height: 140px;
	padding: 16px 17px;
	overflow: hidden; 
	background-image: url(images/box_small_c1.jpg);
	background-repeat: no-repeat;
}

.box_small_start .content h2 {
	font-size: 20px;
	color: #ee4bca;
	margin: 0 0 16px 0;
	font-weight: normal;
}
 
.box_small_start .content .text {
	font-size: 12px;
	color: #868688;
}

/*.box_small_start .c1 {*/
.c1 .box_small_start .content {
	background-image: url(images/box_small_c1.jpg);
	background-repeat: no-repeat;
}

/*.box_small_start .c1 h2 {*/
.c1 .box_small_start .content h2 {
	color: #ee4bca;
}

/*.box_small_start .c2 {*/
.c2 .box_small_start .content {
	background-image: url(images/box_small_c2.jpg);
	background-repeat: no-repeat;
}

/*.box_small_start .c2 h2 {*/
.c2 .box_small_start .content h2 {
	color: #fdbc34;
}

/*.box_small_start .c3 {*/
.c3 .box_small_start .content {
	background-image: url(images/box_small_c3.jpg);
	background-repeat: no-repeat;
}

/*.box_small_start .c3 h2 {*/
.c3 .box_small_start .content h2 {
	color: #0abf01;
}

/*.box_small_start .c4 {*/
.c4 .box_small_start .content {
	background-image: url(images/box_small_c4.jpg);
	background-repeat: no-repeat;
}

/*.box_small_start .c4 h2 {*/
.c4 .box_small_start .content h2 {
	color: #00c1bb;
}

.box_big_start {
	float: none;
	width: 766px;
	overflow: hidden;
}

.box_big_start .header {
	width: 766px;
	height: 22px;
	background-image: url(images/box_big_start_header.jpg);
	background-repeat: no-repeat;
}

.box_big_start .body {
	width: 732px;
	padding: 0 16px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background-image: url(images/box_big_body_hg.jpg);
	background-repeat: repeat-x;
	background-color: #f5f4f4;
}

.box_big_start .body a {
	text-decoration: underline;
}

.box_big_start .body p {
	padding: 0 0 20px 0;
}
	
.box_big_start .body img {
	float: right;
	margin: 0 0 0 10px;
}

.box_big_start .footer {
	width: 766px;
	height: 29px;
	background-image: url(images/box_big_start_footer.jpg);
	background-repeat: no-repeat;
}

.box_big {
	float: none;
	width: 571px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.box_big .header {
	width: 571px;
	height: 22px;
	background-image: url(images/box_big_header.jpg);
	background-repeat: no-repeat;
}

.box_big .body {
	width: 537px;
	padding: 0 16px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background-image: url(images/box_big_body_hg.jpg);
	background-repeat: repeat-x;
	background-color: #f5f4f4;
}

.box_big .body a {
	text-decoration: underline;
}

.box_big .body_text {
	float: left;
	width: 347px;
	padding: 0 15px 0 0;
	border-right: 1px solid #D3D3D5;
}

.box_big .body_image {
	float: left;
	width: 170px;
	text-align: center;
}

body.c1 .box_big .body h1 {
	color: #bf5995;
}

body.c2 .box_big .body h1 {
	color: #f6b835;
}

body.c3 .box_big .body h1 {
	color: #3c9627;
}

body.c4 .box_big .body h1 {
	color: #338bc2;
}

.box_big .body p {
	padding: 0 0 20px 0;
}
	
.box_big .body img {
	float: right;
	margin: 0 0 0 10px;
}

.box_big .footer {
	width: 571px;
	height: 17px;
	background-image: url(images/box_big_footer.jpg);
	background-repeat: no-repeat;
}	

.product_boxes {
	width: 571px;
	margin: 0 0 20px 0;
}

.product_boxes a {
	text-decoration: underline;
}

.sp3 {
	background-image: url(images/product_boxes_body_3.gif);
	background-repeat: repeat-y;
}

.sp1-2 {
	background-image: url(images/product_boxes_body_1-2.gif);
	background-repeat: repeat-y;
}

.sp2-1 {
	background-image: url(images/product_boxes_body_2-1.gif);
	background-repeat: repeat-y;
}

.product_boxes .left {
	margin: 0 9px 0 0;
}

.product_boxes .header_3 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_header_3.gif);
	background-repeat: no-repeat;
}

.product_boxes .header_1-2 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_header_1-2.gif);
	background-repeat: no-repeat;
}

.product_boxes .header_2-1 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_header_2-1.gif);
	background-repeat: no-repeat;
}

.product_boxes .footer_3 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_footer_3.gif);
	background-repeat: no-repeat;
}

.product_boxes .footer_1-2 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_footer_1-2.gif);
	background-repeat: no-repeat;
}

.product_boxes .footer_2-1 {
	width: 571px;
	height: 18px;
	background-image: url(images/product_boxes_footer_2-1.gif);
	background-repeat: no-repeat;
}

.product_boxes .box_1 {
	float: left;
	width: 150px;
	padding: 0 17px;
	min-height: 209px;
}

.product_boxes .box_2 {
	float: left;
	width: 343px;
	padding: 0 17px;
	min-height: 209px;
}

.product_boxes .box_1 a, .product_boxes .box_2 a {
	text-decoration: none;
}

.product_boxes .box_1 a p a, .product_boxes .box_2 a p a {
	text-decoration: underline;
}


.product_boxes h2 {
	font-size: 17px;
	color: #157ab6;
	font-weight: normal;
	margin: 0 0 20px 0;
}

body.c1 .product_boxes h2 {
	color: #bf5995;
}

body.c2 .product_boxes h2 {
	color: #fcbc35;
}

body.c3 .product_boxes h2 {
	color: #3c9627;
}

body.c4 .product_boxes h2 {
	color: #338bc2;
}

body.c1 .product_boxes h1 {
	color: #bf5995;
}

body.c2 .product_boxes h1 {
	color: #f3b431;
}

body.c3 .product_boxes h1 {
	color: #3c9627;
}

body.c4 .product_boxes h1 {
	color: #338bc2;
}

.product_boxes p {
	font-size: 12px;
	margin: 0 0 20px 0;
}

#footer {
	width: 766px;	
	padding: 3px 0 20px 0;
	border-top: 1px solid #DADADA;
	font-size: 10px;
	text-align: left;
	margin: 40px 0 0 0;
}

#content.produkt #footer {
	width: 572px;
}

/*----------adds------------*/
div.csc-textpic-imagewrap dl {
	margin: 4px 0 20px 1px !important;
}