body { behavior:url("user/templates/js/csshover.htc"); }

body {
	text-align: center;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	line-height: 140%;
	font-size: 13px;
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

hr{
	display:block;
	border-width:0px;
	border-top: dotted 1px #999;
	background-color:transparent;
	height:1px;
	margin:3px 0 3px 0; padding:0;
}
table tr td { font-size: 13px; }
p { margin:0; padding:0; }
form { margin:0; padding:0; line-height:100%; }
input, select, textarea { font-size:13px; border:1px #ef3391 solid; }

#frame {
	position: relative;
	top:30px;;
	margin: 0px auto;
	width: 950px;
	height: auto;
}

#header {
	position: relative;
	width: 950px;
	height: 71px;
	text-align: left;
}

#logo {
	width: 225px;
	height:71px;
}
span.logo-txt { color:#666; }
span.logo { color:#ef3391;  font-weight:bold; }

#logo img { border:0; }

#logo #logo-ani {
	position:absolute;
	top:0;
	left:0;
	margin-left:-9px;
	width:50px;
	height:62px;
}

#bestellung p {
	height:22px;
	margin:5px 0 5px 0;
}

#bestellung input {
	width:230px;
}

#bestellung label {
	width:120px;
	display:block;
	float:left;
}

#error {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0; 
	position:absolute;
	top:100px;
	width:350px;
	left:50%;
	margin-left:-150px;
	background: transparent;
	color:#000;
	z-index:100;
}

/* Inset 3D Raised */

#error .top, #error .bottom {display:block; background:transparent; font-size:1px;}
#error .b1, #error .b2, #error .b3, #error .b4, #error .b1b, #error .b2b, #error .b3b, #error .b4b {display:block; overflow:hidden;}
#error .b1, #error .b2, #error .b3, #error .b1b, #error .b2b, #error .b3b {height:1px;}
#error .b2 {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391; border-top:1px solid #ef3391;}
#error .b3 {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391;}
#error .b4 {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391;}
#error .b4b {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391;}
#error .b3b {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391;}
#error .b2b {background:#EFEFEF; border-left:1px solid #ef3391; border-right:1px solid #ef3391;}

#error .b1 {margin:0 5px; background:#ef3391;}
#error .b2, #error .b2b {margin:0 3px; border-width:0 2px;}
#error .b3, #error .b3b {margin:0 2px;}
#error .b4, #error .b4b {height:2px; margin:0 1px;}
#error .b1b {margin:0 5px; background:#ef3391;}
#error .boxcontent {
	display:block;
	background:#EFEFEF;
	border-left:1px solid #ef3391;
	border-right:1px solid #ef3391;
	padding:8px;
	padding:12px;
	text-align:left;
}
#error .boxcontent img { position:absolute; top:5px; right:5px;}

/* END Inset 3D Raised */

#login {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0; 
	position:absolute;
	background-color:#EFEFEF;
	width:350px;
	z-index:100;
	margin:0 0 0 601px;
	display:none;
}

#login-txt { height:56px; padding:8px 0px 0px 20px; text-align:left; margin:0; }
#login-txt table tr td { border:0; font-size:12px; }
#login-txt img { position:absolute; top:5px; right:5px;}

#login .top, #login .bottom{display:block;background: #fff;}
#login .top b, #login .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #EFEFEF;
}
#login .r1{margin: 0 3px;}
#login .r2{margin: 0 2px;}
#login .r3{margin: 0 1px;}
#login .top .r4, #login .bottom .r4{margin: 0 1px;height: 1px;}


a { outline: none; }
a {	color: #10bcee; text-decoration:none; font-weight:bold; }
a:hover { color: #ef3391; text-decoration:none; font-weight:bold; }
a img { border:0; }


/* ####################### BEGIN NAVI ############################################# */

.navi {
	width: 700px;
	height: 71px;
	top:0;
	right:0;
	background: url(../user_gfx/navi_hostos.jpg) no-repeat;
	margin: 0; padding: 0;
	position: absolute;
}

.navi li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

.navi a {display: block; text-decoration: none;}

.navi .navi1a, .navi .navi1b {left: 0; top: 0; width: 117px; height: 71px;}
.navi .navi2a, .navi .navi2b {left: 117px; top: 0; width: 117px; height: 71px;}
.navi .navi3a, .navi .navi3b {left: 234px; top: 0; width: 117px; height: 71px;}
.navi .navi4a, .navi .navi4b {left: 351px; top: 0; width: 117px; height: 71px;}
.navi .navi5a, .navi .navi5b {left: 468px; top: 0; width: 117px; height: 71px;}
.navi .navi6a, .navi .navi6b {left: 585px; top: 0; width: 117px; height: 71px;}

.navi .navi1a a, .navi .navi1b a {height: 71px;}
.navi .navi2a a, .navi .navi2b a {height: 71px;}
.navi .navi3a a, .navi .navi3b a {height: 71px;}
.navi .navi4a a, .navi .navi4b a {height: 71px;}
.navi .navi5a a, .navi .navi5b a {height: 71px;}
.navi .navi6a a, .navi .navi6b a {height: 71px;}

.navi .navi1a a:hover, .navi .navi1b {background: url(../user_gfx/navi_hostos.jpg) 0 -71px no-repeat;}
.navi .navi2a a:hover, .navi .navi2b {background: url(../user_gfx/navi_hostos.jpg) -117px -71px no-repeat;}
.navi .navi3a a:hover, .navi .navi3b {background: url(../user_gfx/navi_hostos.jpg) -234px -71px no-repeat;}
.navi .navi4a a:hover, .navi .navi4b {background: url(../user_gfx/navi_hostos.jpg) -351px -71px no-repeat;}
.navi .navi5a a:hover, .navi .navi5b {background: url(../user_gfx/navi_hostos.jpg) -468px -71px no-repeat;}
.navi .navi6a a:hover, .navi .navi6b {background: url(../user_gfx/navi_hostos.jpg) -585px -71px no-repeat;}

/* ####################### ENDE NAVI ############################################# */

h1 { font-size:18px; color:#ef3391; margin:0 0 20px 0; padding:0; font-weight:normal; }
h2 { font-size:18px; color:#ef3391; margin:0 0 15px 0; padding:15px 0 0 0; font-weight:normal;}
h3 { font-size:14px; color:#333; margin:5px 0 5px 0; padding:0;}
h4 { font-size:12px; color:#333; margin:0 0 10px 0; padding:0; font-weight:normal;}

#content-frame {
	position: relative;
	width: 950px;
	height: auto;
	margin:20px 0 0 0;
	padding:0;
/*	min-height:400px; */
}

#content-left {
	position: relative;
	width: 225px;
	height:auto;
	text-align: left;
	float: left;
	margin:15px 0 0 0;
	padding:0;
}

#content {
	position: relative;
	top:0;
	left:0;
	width: 700px;
	height: auto;
	text-align: left;
	float:right;
/*	min-height:400px; */
}

.content-titel { padding:15px 0 0 0; font-weight:normal; }

#content-header {
	height:170px;
	width:700px;
	background:url(../user_gfx/header_hostos.jpg) no-repeat;
}
#content-header h1 { padding:15px 0 0 0; font-weight:normal; }

#content-header ul {
	margin:40px 0 0 20px;
	line-height:190%;
	padding:0;
	list-style: none;
}

#content-header li {
	background:url(../user_gfx/pixel-pfeil.gif) no-repeat;
	background-position:left;
	padding:0 0 0 10px;
}

#content-feature a {
	background:url(../user_gfx/pixel-pfeil.gif) no-repeat;
	background-position:left;
	padding:0 0 0 10px;
}

#content .link-img { background:none; border:0; padding:0; margin:0; }
#content-feature .link-img img { border:0; margin:10px 0 0 0; }

.box-frame {
	width:219px;
	background-image:url(../user_gfx/box_titel.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#efefef;
	height:auto;
}

.box-frame-300 {
	width:340px;
	background-image:url(../user_gfx/box_titel_300.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#efefef;
	height:auto;
}

.box-preis {
	position:absolute;
	width:102px;
	height:102px;
	margin:0; padding:0;
}

.box-titel {
	width:219px;
	height:25px;
	text-align:left;
}

.box-titel-300 {
	width:340px;
	height:25px;
	text-align:left;
}

.box-frame .box-titel h1 {
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	padding:3px 0 0 23px;
	margin:0;
	font-weight:bold;
}

.box-content {
	width:218px;
	height:auto;
	margin:0;
	padding:0;
}

.box-content-300 {
	width:340px;
	height:auto;
	margin:0;
	padding:0;
}

.box-content-txt {
	width:auto;
	height:auto;
	margin:0;
	padding:15px 23px 6px 23px;
	text-align:left;
}

.box-content-txt li hr { padding:0; margin:5px 0 5px 0; }
*+html .box-content-txt li hr { padding:0; margin:0; }
*html .box-content-txt li { padding:0; margin:0; }
*html .box-content-txt li hr { padding:0; margin:0; }

.box-content-txt div img { behavior: url(user/templates/js/iepngfix.htc) }

.box-content-txt ul {
	padding:0;
	margin:0;
	list-style: none;
}

.box-content-txt a {
	font-weight:bold;
	background:url(../user_gfx/pixel-pfeil.gif) no-repeat;
	background-position:left;
	padding:0 0 0 10px;
}

.box-content-txt .button-details,
.button-details { margin:0 0 10px 0; padding:0; display:block; width:93px; height:24px; }
.box-content-txt .button-details,
.button-details { background:url(../user_gfx/button_details.png) no-repeat; }
.box-content-txt .button-details:hover,
.button-details:hover { background:url(../user_gfx/button_details.png) 0 -24px no-repeat; }

.box-content-txt .button-bestellen,
.button-bestellen { margin:0 0 0 0; padding:0; display:block; width:93px; height:24px; }
.box-content-txt .button-bestellen,
.button-bestellen { background:url(../user_gfx/button_bestellen.png) no-repeat; }
.box-content-txt .button-bestellen:hover,
.button-bestellen:hover { background:url(../user_gfx/button_bestellen.png) 0 -24px no-repeat; }

.box-content-txt input.button-domaincheck { margin:10px 0 0 0; padding:0; display:block; width:174px; height:24px; border:0; cursor:pointer; }
.box-content-txt input.button-domaincheck { background: url(../user_gfx/domaincheck.png) no-repeat; }
.box-content-txt input.button-domaincheck:hover { background: url(../user_gfx/domaincheck.png) 0 -24px no-repeat; border:0; }

.box-footer {
	width:220px;
	background-image:url(../user_gfx/box_footer.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:9px;
}

.box-footer-300 {
	width:340px;
	background-image:url(../user_gfx/box_footer_300.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:9px;
}

.clear {
	position: relative;
	width: 100%;
	height: 0px;
	clear: both;
}

#footer {
	position: relative;
	width: 700px;
	height:auto;
	font-size: 12px;
	color: #666;
	text-align: justify;
	line-height:120%;
	margin:20px 0 20px 0;
}

#footer table, #footer tr, #footer td { font-size: 11px; }

#footer a {
	color: #10bcee; text-transform: uppercase;
}

#footer td#top { text-align:right; }

#footer a:hover {
	color: #ef3391; text-transform: uppercase;
}

/* ################# tabele Produkt ################## */

.table-data td { height:16px; background-color:#fff; padding:5px; }
.table-data .line-1 { background-color:#efefef; border-top:1px #fff solid; border-bottom:1px #fff solid; }
.table-data .line-1-2 { background-color:#efefef; color:#ef3391; border-top:1px #fff solid; border-bottom:1px #fff solid; }
.table-data .line-1-3 { color:#ef3391; }
.table-data .line-1-4 { background-color:#ef3391; color:#fff; border-top:1px #fff solid; border-bottom:1px #fff solid; }
.table-data .line-2 { background-color:#fff; }
.table-data .line-3 { background-color:#ef3391; color:#fff; border:1px #fff solid; }
.table-data .line-4 { background-color:#ddd; border:1px #fff solid; font-weight:bold; }
.table-data .line-data { width:93px; }
.table-data .line-bold { font-weight:bold; }
.table-data .line-center { text-align:center; }
.table-data .line-center a { margin:0 auto; }
.table-data td.info img { cursor: help; }

.table-data td.info dfn {
	font-size:12px;
	display: none;
	position:absolute;
	z-index:100;
	border: 1px solid #ef3391;
	background-color: #fff;
	margin:-20px 0 0 30px;
	padding: 2px;
	width: 190px;
	text-align: left;
	color:#333;
	font-style:normal;
	line-height:120%;
}
*+html .table-data td.info dfn { margin:-20px 0 0 15px; } /* IE7 */
*html .table-data td.info dfn { margin:-20px 0 0 15px; } /* IE6 */
.table-data td.info dfn strong,
.table-data td.info dfn strong a { color: #ef3391; font-weight:normal; }
.table-data td.info:hover dfn, td.over dfn { display: block; }

.table-data td.info img { behavior: url(user/templates/js/iepngfix.htc) }

/* ################### KONTAKTFORMULAR ##################### */
.sk_form { margin-top:10px; }
.sk_left { float:left; width:150px; margin-right:10px; margin-bottom:2px; text-transform:none; text-align:right; }
.sk_right { float:left; margin-bottom:2px; }
.sk_right input { width:250px; }
.sk_right_button input { width:100px; }
.sk_right textarea { width:250px; }
.sk_right img { width:253px; height:50px; }
.space { clear:both; width:100%; height:10px; }
img { border:0; }
/* ################### ENDE KONTAKTFORMULAR ##################### */