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

* {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial;
	font-size:12px;
	line-height:16px;
	}
#direktkontakt {
	position:absolute;
	z-index:100;
	top:108px;
	left:1004px;
	color:#fff;
	}
	.smaller {
		font-size:14px;
		line-height:20px;
		}
	.tel {
		font-size:28px;
		line-height:27px;
		padding:0 0 0 25px;
		background:url(../images_system/tel-icon.gif) no-repeat 0 5px;
		}

#download_IB, #download_gIB {
	background:url(../images_system/download_button_IB.gif) no-repeat 0 5px;
	position:absolute;
	z-index:100;
	top:318px;
	left:1024px;
	color:#fff;
	height:67px;
	width:150px;
	padding:10px;
	}
	#download_gIB {
		top:218px;
		}
	#download_IB .smaller, #download_gIB .smaller {
		font-size:14px;
		line-height:20px;
		}
	#download_IB .tel, #download_gIB .tel {
		font-size:22px;
		line-height:23px;
		padding:0 0 0 60px;
		background:none;
		}


.movie_center {
	margin:112px 0 0 40px ;}
.clearer {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	}
.aufspanner {
	height:693px;
	width:1px;
	float:left;
	}

/* Katalogbox */

.katalogBox {
	background:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	width:502px;
	overflow:hidden;
	}
.katalogBox img {
	float:left;
	}
.katalogBox_right {
	float:left;padding:0 0 0 10px;
	}
.katalogBox h3 {
	color:#1599A3;
	font-size:14px;
	}
.katalogBox h2 {
	color:#1599A3;
	font-size:21px;
	}
.katalogBox a.download {
	background:url(../images_system/button_download.gif) no-repeat;
	}
.katalogBox a.flippingbook {
	background:url(../images_system/button_flippingbook.gif) no-repeat;
	}
.katalogBox a.download, .katalogBox a.flippingbook {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	padding:8px 10px 10px 40px;
	width:95px;
	}




.icon {
	background-image:url(../images_system/icon_blau.gif);
	height:14px;
	width:16px;
	float:left;
	}

body {
	background:#3D3C3A url(../images_system/body_bg.gif) repeat-y;
	}

#header {
	height:200px;
	background:url(../images_system/header_bg.gif) repeat-x;
	}

#container {
	position:relative;
	top:-200px;
	left:0;
	width:1016px;
	overflow:hidden;
	}

#col1 {
	float:left;
	width:426px;
	}
	.IUL_logo {
		position:absolute;
		top:0;
		left:0;
		}

	.header_navi {
		height:21px;
		text-align:right;
		background:url(../images_system/header_shade_content.gif) no-repeat top right;
		padding:72px 10px 0 0;}
		*html .header_navi {padding-top:77px; }

	.header_navi ul {
		list-style:none;
		font-weight:bold;
		}
	.header_navi li {
		display:inline;

		margin:0 0 0 0;
		background:url(../images_system/header_nav_trenner.gif) no-repeat bottom left;
		}
	.header_navi li a {
		color:#505455;
		text-decoration:none;
		font-weight:bold;
		padding:3px 12px 7px 12px;
		}
	.header_navi li a:hover {
		color:#000;
		}
	.header_navi li .inactive {
		font-weight:bold;
		color:#000;
		padding:3px 12px 7px 12px;
		}



	#infokorb {
		height:66px;
		background:url(../images_system/infokorb_bg.jpg) no-repeat;
		}

#navigation_part {}

#col_left {
	float:left;
	width:215px;
	}

	#search {
		height:44px;
		background:url(../images_system/search_bg.jpg) no-repeat;
		}
#col_left h2 {
	color:#888;
	padding:5px 0 0 15px;
	margin-bottom:-10px;
	}
#col_left h3 {
	color:#58E1E5;
	font-size:17px;
	font-style:italic;
	font-weight:normal;
	line-height:19px;
	padding:16px 0 8px 15px;
	}
#col_left ul {
	list-style:none;
	padding-bottom:20px;
	background:url(../images_system/col_left_trenner.gif) bottom left no-repeat;
	}
#col_left li {

	}
#col_left li a {
	padding:7px 0px 7px 15px;
	color:#fff;
	display:block;
	text-decoration:none;
	}
#col_left li a:hover {
	color:#58E1E5;
	}
#col_left li .inactive {
	padding:7px 0px 7px 15px;
	color:#58E1E5;
	display:block;
	background:url(../images_system/col_left_inactive.gif) no-repeat;
	border-bottom:1px solid #333;
	}




#col_right {
	float:left;
	width:211px;
	}

	#navi_tab {
		height:44px;
		background:url(../images_system/right_col_top_bg.jpg) no-repeat;
		}

#col2 {
	float:left;
	width:559px;
	}

	.support_navi {
		height:31px;
		overflow:hidden;
		text-align:right;
		padding:10px 0 0 0;
		}
		*html .support_navi {height:42px;
		}
	.support_navi ul {
		list-style:none;
		font-weight:bold;
		}
	.support_navi li {
		display:inline;
		padding:0 6px 0 6px;
		margin:0 0 0 0;
		}
	.support_navi li a {
		color:#008E9C;
		text-decoration:none;
		}
	.support_navi li a:hover {
		color:#000;
		text-decoration:none;
		}
	.support_navi li .inactive {
		font-weight:bold;
		color:#333;
		}
	.tags {
		padding:0px 5px 0px 15px;

	}
	.tags p {
		text-align: center;
		line-height: 22px;

	}
	.tags a {
		color: white;
	}
	#breadcrumb {
		background:url(../images_system/the_breadcrumb.gif) no-repeat;
		padding:9px 3px 0px 10px;
		height:20px;
		overflow:hidden;
		font-size:10px;
		line-height:12px;
		}
		*html #breadcrumb {
			height:28px;
			}
	#breadcrumb ul {
		list-style:none;
		}
	#breadcrumb li {
		display:inline;
		margin:0 0 0 0;
		}
	#breadcrumb li a {
		color:#bbb;
		text-decoration:none;
		padding:0 9px 0 4px;
		background:url(../images_system/bread_bull.gif) no-repeat right 5px;
		}
	#breadcrumb li a:hover {
		text-decoration:underline;
		color:#fff;
		}
	#breadcrumb li.inactive {
		font-weight:bold;
		padding:0 0px 0 4px;
		color:#fff;
		}
#breadcrumb sup {font-size:7px;}

#col_right h2 {
	color:#58E1E5;
	padding:0 0 0 12px;
	}

#col_right ul {
	list-style:none;
	padding-bottom:20px;
	margin:0 0 0 1px;
	}
	#col_right ul ul {
		list-style:none;
		padding-bottom:10px;
		background:url(../images_system/col_right_ul_ul_bg.gif) repeat-y 0 0;
		}
#col_right li {
	}
	#col_right li li {
	}
#col_right li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding:7px 0px 7px 20px;
	}
	#col_right li li a {
		color:#fff;
		display:block;
		text-decoration:none;
		padding:3px 10px 3px 40px;
		}
#col_right li a:hover {
	color:#58E1E5;
	}
#col_right li .inactive {
	color:#58E1E5;
	display:block;
	padding:7px 0px 7px 20px;
	background:url(../images_system/col_right_li_inactive.gif) no-repeat;
	}
	#col_right li li .inactive {
		color:#58E1E5;
		padding:3px 10px 3px 40px;
		background:#444 url(../images_system/col_right_li_li_active.gif) no-repeat 188px 9px;
		}
#col_right sup {font-size:7px;}
.hersteller {
	font-size:10px;
	color:#999;
	padding:0px 0 0 0px; 
	margin:-20px 0 0 0;
	}


	#content {
		/*height:691px;*/
		overflow:hidden;
		background:url(../images_system/content_gradient_bg.gif) repeat-x;
		}

#waste {
	float:left;
	width:30px;
	height:200px;
	background:url(../images_system/waste.gif) no-repeat;
	}


/* Suche //////////////////////////////////////////////  */

#suche {
	text-align:left;
	padding:8px 0 0 15px;
	width:190px;
	}
#suche_wrapper {
	width:190px;
	height:30px;
	background:url(../images_system/search_input.gif) no-repeat;
	vertical-align:middle;
	padding:0px 0 0 0;
	margin:0 auto;
	}
.inputfield {
	float:right;
	width:127px;
	height:13px;
	font-size:11px;
	line-height:11px;
	border:none;
	background:transparent;
	padding:4px 0 0 0;
	}
.inputbutton {
	display:block;
	width:57px;
	float:right;
	border:none; padding:2px 0 3px 0px;
	margin:0;
	background:none;
	background:url(../images_system/search_button.gif) no-repeat;
	text-align:center;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	}
#suche input:focus {
	background:transparent;
	}


/* Infokorb //////////////////////////////////////////// */

a.infokorb {
	display:block;
	width:64px;
	float:right;
	border:none; padding:4px 0 6px 0px;
	margin:5px 10px 0 0;
	background:none;
	background:url(../images_system/infokorb_button.gif) no-repeat;
	text-align:center;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	text-decoration:none;
	}
.singleItem {
	display:block;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background:#C5E7E9 none repeat scroll 0 0;
	margin:4px 0 10px;
	padding:10px;
	}
.infoArtikelName{
	font-size:14px;
	font-weight:bold;
	}
.infokorbProdukt {
	width:20px;
	}
a.right  {
	float:right; text-decoration:underline;
	}
.artikelKurzbeschreibung {
	display:block;
	color:#555;
	}
.aktualisieren {
	background: url(/images_system/button_aktulisieren.gif) no-repeat;
	width:100px;
	height:25px;
	border:none;
	font-weight:bold;
	margin:0 3px 0 0px;
	}
.absenden {
	background: url(/images_system/button_absenden.gif) no-repeat;
	width:100px;
	height:25px;
	border:none;
	font-weight:bold;
	margin:0 5px 0 0px;
	}
a.derzurueckbuttonvominfokorb {
	display:block; 
	margin:6px 0 0 5px;
	}


a.druck {
	display:block;
	width:98px;
	float:right;
	border:none; padding:4px 0 6px 0px;
	margin:5px 10px 0 0;
	background:none;
	background:url(../images_system/button_aktulisieren.gif) no-repeat;
	text-align:center;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	text-decoration:none;
	}

/* form //////////////////////////// */

.input100, .kontakt {
	width:250px;
	}
.input100, .plz, .ort, .kontakt {
	background:#FFFFFF url(/images_system/bg_input.png) repeat-x scroll 0 0;
	border-color:#999999 #B4B4B4 #DADADA;
	border-style:solid;
	border-width:1px;
	color:#444444;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0;
	padding:2px;
	}
.plz {
	width:50px;
	}
.ort {
	width:182px;
	}
	*html .ort {
		width:188px;
		}
.error {
	background-color:#f5afea;
	}
.kontakt {height:80px; margin-top:4px;}