:link,:visited
{
	text-decoration: none;
}

:focus,:active{
	outline: 0;
}

ul,ol{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,pre,code{
	font-size:1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}

a img,:link img,:visited img, fieldset{
	border:none;
}

td, th{
	text-align: left;
	vertical-align: top;
}

body{
	font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
}

a{
	color: #5583AE;
	cursor: pointer;
}
	a:hover{
		color: #8CAFCC;
	}

h1{
	color: #333;
	font-size: 1.6em;
	clear: both;
	margin: 0;
}

h2{
	font: 1.4em Arial;
	color: #333;
	margin: 0;
}

p{
	margin: 0 0 15px;
	line-height: 1.7em;
}

.small{
	font-size: 0.85em;
}
	.small a{
		text-decoration: underline;
	}

.clear{
	clear: both;
}

.redborder{
	border: 1px solid #FF0000;
}


#wrapheader{
	margin: 0 auto;
	width: 1090px;
	height: 100px;
	position: relative;
}

#wrapcontent{
	margin: 0 auto;
	width: 1090px;
	position: relative;
}

#wrapmaincontent{
	width: 950px;
	position: absolute;
	border-left: 1px solid #C7CBD3;
	border-right: 1px solid #C7CBD3;
}

#wrapmain{
	float:left;
	width: 640px;
	margin: 20px 10px 20px 20px;
}

#wrapad{
	float:right;
	width: 250px;
	margin: 20px 20px 20px 10px;
}

#wrapfooter{
	width: 950px;
	position: absolute;
	border-left: 1px solid #C7CBD3;
	border-right: 1px solid #C7CBD3;
	border-top: 1px solid #C7CBD3;
	border-bottom: 1px solid #C7CBD3;
	background: #E6E6E6 url(/images/breadcrumb_bg.gif) repeat-x;
	height: 23px;
}

#logo{
	bottom: 0;
	position: absolute;
}

#leaderboard{
	bottom: 0;
	position: absolute;
	left: 50%;
	margin-left: -194px
}

#navi{
	background: #5583AE url(/images/navi_bg.gif) repeat-x;
	height: 28px;
}

#subnavi{
	background: #E6E6E6 url(/images/breadcrumb_bg.gif) repeat-x;
	height: 23px;
}

#skyscraper{
	width: 125px;
	position: absolute;
	right: 0;
}

#search{
	float: right;
	width: 195px;
}
	#search input.field {
		float: left;
		color: #999;
		border: 1px solid #333;
		width: 150px;
		height: 20px;
		font: .9em "Trebuchet MS", Arial, Sans-Serif;
		background: #FFF url(/images/search.gif) no-repeat center left;
		padding: 0 0 0 20px;
		margin: 2px 0 0 0;
	}

#menu, #menuwhite{
	height: 27px;
	padding-left: 10px;
}
#menuwhite{
	padding-left: 0px;
}
	#menu li, #menuwhite li{
		display: inline;
	}
	#menu li a, #menuwhite li a{
		white-space: nowrap;
		float: left;
		width: 123px;
		text-align: center;
		line-height: 23px;
		vertical-align: middle;
		margin: 0 5px 0 0;
		font-weight: bold;
		font-size: .9em;
		font-family: Arial, Sans-Serif;
		padding: 4px 0 0 0;
		color: #FFF;
		background: url(/images/menu_bg.gif) no-repeat center bottom;
	}
	#menu li a:hover, #menu li a.current{
		background: url(/images/menu_bg_current.gif) no-repeat center bottom;
	}
	#menuwhite li a{
		background: url(/images/menu_white_bg.gif) no-repeat center bottom;
	}
	#menuwhite li a:hover, #menuwhite li a.current{
		background: url(/images/menu_white_bg_current.gif) no-repeat center bottom;
	}
	
	
#account{
	margin-right: 25px;
	line-height: 23px;
	vertical-align: middle;
	float: right;
}

#breadcrumb{
	padding-left: 27px;
	line-height: 23px;
	vertical-align: middle;
	float: left;
}

#copyright{
	position: absolute;
	right: 0;
	line-height: 23px;
	vertical-align: middle;
	padding: 0 20px 0 0;
}

#infodata{
	height: 23px;
	padding-left: 10px;
	position: absolute;
}
	#infodata li{
		display: inline;
	}
	#infodata li a{
		text-align: center;
		line-height: 23px;
		vertical-align: middle;
		margin: 0 10px 0 0;
		font-size: .9em;
		font-family: Arial, Sans-Serif;
		padding: 0 0 0 10px;
	}

.box{
	margin: 10px 0 10px 0;
}
	.box .boxlt{
		background: url(/images/box/lt.gif) no-repeat left top;
		width: 8px;
		height: 20px;
		float:left;
	}
	.box .boxrt{
		background: url(/images/box/rt.gif) no-repeat right top;
		width: 8px;
		height: 20px;
		float:right;
	}
	.box .boxt{
		background: url(/images/box/t.gif) repeat-x left top;
		height: 20px;
		width: 100%;
		line-height: 20px;
		vertical-align: middle;
	}
	.box .boxcontent{
		border-left: 1px solid #C7CBD3;
		border-right: 1px solid #C7CBD3;
		padding: 8px;
	}
	.box .boxlb{
		background: url(/images/box/lb.gif) no-repeat left top;
		width: 8px;
		height: 10px;
		float:left;
	}
	.box .boxrb{
		background: url(/images/box/rb.gif) no-repeat right top;
		width: 8px;
		height: 10px;
		float:right;
	}
	.box .boxb{
		background: url(/images/box/b.gif) repeat-x left top;
		height: 10px;
		width: 100%;
		line-height: 10px;
		vertical-align: middle;
	}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;text-decoration:underline;}
.success a {color:#264409;}

.imageborder{
	border: 1px solid #C7CBD3;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 5px;
	text-align: center;
	width: 110px;
	height: 100px;
	float: left;
	font-size:0.85em;
}

.imagebordermiddle{
	border: 1px solid #C7CBD3;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 5px;
	text-align: center;
	width: 200px;
	height: 180px;
	float: left;
	font-size:0.85em;
}

.imagetextlink{
	margin: 1px 0 0 0;
	background-color: #E9E9E9;
	padding: 2px 2px 2px 2px;
	font-size: 0.8em;
	text-align:center;
}

.bg{
	background-color: #E9E9E9;
	padding: 0 5px 0 5px;
}

#menuproductlinks{
	height: 35px;
}
	#menuproductlinks li a{
		float: right;
		width: 250px;
		text-align: center;
		line-height: 35px;
		vertical-align: middle;
		margin: 5px 0 5px 0;
		font-weight: bold;
		font-size: 1.3em;
		font-family: Arial, Sans-Serif;
		padding: 0;
		color: #FFF;
		background: url(/images/button.jpg) no-repeat center top;
	}
	#menuproductlinks li a:hover{
		background: url(/images/button_mo.jpg) no-repeat center top;
	}

.zumartikel{
	height: 35px;
}
	.zumartikel li a{
		float: left;
		width: 100px;
		text-align: center;
		line-height: 35px;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		font-weight: bold;
		font-size: 1.3em;
		font-family: Arial, Sans-Serif;
		padding: 0;
		color: #FFF;
		background: url(/images/button100px.jpg) no-repeat center top;
	}
	.zumartikel li a:hover{
		background: url(/images/button100px_mo.jpg) no-repeat center top;
	}

.state0{
	background-image: url(/images/icons/state_pending.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 0px 5px 0px 5px;
	color: #333;
}

.state1{
	background-image: url(/images/icons/state_online.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 0px 5px 0px 5px;
	color: #333;
}

.state2{
	background-image: url(/images/icons/state_declined.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 0px 5px 0px 5px;
	color: #333;
}

/* -------------------------------------------------------------- 
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */
.button, a.button, button {display:block;float:left;margin: 0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#FFFFFF;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
.button:hover, button:hover, a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#333333;}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active {background-color:#529214;border:1px solid #529214;color:#fff;}
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff;}

/*Tabelle*/
.thbackground{
	background: #5583AE url(/images/navi_bg.gif) repeat-x;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	color: #FFFFFF;
}
.thbackgroundhover{
	padding: 0 5px 0 5px;
	background-color: #DFF4FF;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
.thbackground a{
	color: #FFFFFF;
	text-decoration: none;
}
.tdbackground{
	padding: 0 5px 0 5px;
	background: #E6E6E6 url(/images/breadcrumb_bg.gif) repeat-x;
	height: 23px;
}
.tdbackgroundhover{
	padding: 0 5px 0 5px;
	background-color: #DFF4FF;
	height: 23px;
}

.hand{
	cursor: pointer;
	cursor: hand;
}

/*Pagination*/
.pagination{
	padding-top: 20px;
	text-align: center;
}
	.pagination p a,
	.pagination p span{
		padding: 2px 5px 2px 5px;
		margin: 0px 1px 0px 1px;
	}
		.pagination p span.current{
			background-color: #dff4ff;
		}

.productdetail{
	float:left;
	margin: 15px 10px 0 0;
	white-space: nowrap;
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
	background: #FFFFFF url(../images/input_background.gif) top left no-repeat;
	padding: 2px;
	border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color:#666;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
	margin:0.5em 0;
}
input.text, input.title {
	width:300px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}

textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}
	textarea.comment{
		width: 290px;
		height: 100px;
	}
	textarea.small{
		width: 300px;
		height: 50px;
	}

.inputclear{
	border: 0;
	padding: 2px;
	background: none;
}
input.checkbox
{
	width: 15px;
	background: none;
	border: 0;
}
input.radio_button
{
	width:15px;
	background:none;
	border:0;
}

/* Sternbewertungen */
.rating_bar {
	margin: 0 auto;
	width: 80px;
	background: url(../images/icons/star_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
	height: 16px;
	background: url(../images/icons/star.gif) 0 0 repeat-x;
}