/* GENERAL SECTION */
	/* commented backslash hack \*/ 
	html, body{height:100%;} 
	/* end hack */
	html,body {margin:0;padding:0}
	
	body{
		background-color:#404042;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:76%;
		color:white;
		background-image:url('/images/template/reziprok/bg.gif');
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#map, #map2{
		width:515px;
		height:350px;
	}
	
	#mapsmall{
		width:158px;
		height:133px;
	}
	
	#mapsmall .gmnoprint .span, #mapsmall .gmnoprint a{
		position:absolute !important;
		left:100000px !important;
		display: none !important;
		font-size:0 !important;
		z-index:-1;
	}
	
	input[type=text]{
		border:1px solid #000;
		width:200px;
		font-size:0.9em;
	}
	
	input[type=radio],input[type=checkbox]{
		border:0;
	}
	
	input[type=button], input[type=submit], input[type=reset]{
		background:none;
		background-color:#f66820;
		font-size:1em;
		border:0;
	}
	
	table#contact{
		width:100%;
	}
	
	table#contact tr td.firstcol{
		width:100px;
	}
	
	table#contact tr td{
		
	}
	
	form#order input[type=text]{
		width:120px;
	}
	
	select{
		font-size:1em;
	}
	
	table{
		border-spacing:0;
	}
	
	table tr td{
		padding:0;
		height:25px;
	}
	
	.nodisplay{
		display:none;
	}
	
	.clear{
		clear:both;
	}
	
	a{
		text-decoration:none;
		color:#f66820;
	}
	
	a:hover{
		text-decoration:underline;
		color:#f66820;
	}
	
	div#container{
		margin-left:auto;
		margin-right:auto;
		width:770px; /* 995 */
		/*padding-left:10px;*/
		font-size:0.9em;
		min-height:100%;
		margin-bottom:-50px;
		height:auto;
	}
	
	* html #container{
		height:100%;
	}
	
	/* HEAD SECTION */
	div#header{
		width:770px;
		float:left;
	}
	
	#head-logo{
		width:235px;
		height:59px;
		background:transparent url('/images/template/reziprok/toplogo.jpg') top left no-repeat;
		float:left;
		cursor:hand;
	}
	
	#head-orange-block{
		background-color:#f66820;
		height:59px;
		padding-right:10px;
		
	}
	
	#header input[type=text]{
		width:auto;
		
	}
	
	
	#head-orange-block a{
		color:white;
		background:url('/images/template/reziprok/bullet_white_small.gif') center left no-repeat;
		padding:0px 0 0 15px;
		margin:30px 0 0 10px;
		display:block;
		float:right;
	}
	
	#head-image{
		height:323px;
		position:relative;
		z-index:1;
	}
	
	#head-image div{
		background-color:#f66820;
		height:140px;
		padding:10px;
		position:absolute;
		top:163px;
		left:235px;
		z-index:100;
		width:515px;
	}
	
	* html div#head-image div{
		background-color:#f66820;
		height:120px;
		padding:10px;
		position:absolute;
		top:163px;
		left:235px;
		z-index:100;
		width:495px;
	}
	
	div#service{
		width:205px;
		height:140px;
		padding:10px;
		margin-top:222px;
		background-color:#404042;
		float:left;
	}
	
	div#service h3{
		font-size:1.1em;
		padding:0;
		margin:0;
	}
	
	/* NAVIGATION SECTION */
	#main-nav{
		width:235px;
		float:left;
	}
	
	#main .withcart{
		padding-top:15px;
	}
	
	#main .withoutcart{
		padding-top:43px;
	}
	
	* html div#main .withoutcart{
		padding-top:53px;
	}	
	
	#main-nav .cartsmall{
		background-color:#f66820;
		padding:2px;
		margin:0 0 0 0;
	}
	
	#main-nav .cartsmall a{
		color:#fff;
		background:none;
		padding:0;
	}
	
	#main-nav .cartsmall a:hover{
		text-decoration:underline;
		background:none;
		color:#fff;
	}
	
	#main-nav .cartsmall a:active{
		background:none;
	}
	
	#main-nav a.act{
		background-image:url('/images/template/reziprok/bullet_orange.gif');
		background-repeat:no-repeat;
		border-bottom:1px dotted #f66820;
		color:#f66820;
	}
	
	#main-nav a{
		color:white;
		text-decoration:none;
		padding-left:22px;
		padding-top:2px;
		padding-bottom:2px;
		display:block;
		border-bottom:1px dotted transparent;
	}
	
	* html div#main-nav a{
		border-bottom:0;
	}
	
	#main-nav a:hover{
		background-image:url('/images/template/reziprok/bullet_orange.gif');
		background-repeat:no-repeat;
		border-bottom:1px dotted #f66820;
		color:#f66820;
	}
	
	#main-nav a:active{
		background-image:url('/images/template/reziprok/bullet_orange.gif');
		background-repeat:no-repeat;
		border-bottom:1px dotted #404042;
	}
	
	#main-nav ul{
		margin-left:0;
		margin-top:0;
		font-size:1.2em;
		padding:0;
		width:90%;
		text-transform:uppercase;
		list-style:none;
	}
	
	#main-nav ul li{
		margin-top:10px;
		margin-bottom:10px;
		padding:0;
	}
	
	* html div#main-nav ul li{
		margin-top:0;
		margin-bottom:0;
		padding:0;
	}
	
	#main-nav ul li.sub{
		font-size:0.8em;
		margin:0;
		color:#f66820;
	}
	
	#main-nav ul li.sub a{
		color:#f66820;
	}
	
	#main-nav ul li.sub a:hover{
		background:none;
		background-color:#404042;
		color:#f66820;
		border-bottom:1px dotted transparent;
	}
	
	#main-nav ul li.sub a.act{
		background:none;
		background-color:#404042;
		color:#f66820;
		border-bottom:1px dotted transparent;
	}
	
	* html div#main-nav ul li.sub a:hover{
		border-bottom:0;
	}
	
	* html div#main-nav ul li.sub a.act{
		border-bottom:0;
	}
	
	/* MAIN SECTION */
	div#main{
		width:770px;
	}
	
	* html div#main{
		width:770px;
		
	}
	
	#main-content-area{
		width:515px;
		padding:10px;
		float:left;
		padding-top:20px;
		background-color:#404042;
	}
	
	* html div#main-content-area{
		width:515px;
		padding:10px;
		float:left;
		padding-top:20px;
		background-color:#404042;
	}
	
	#main-content-area .pageimg{
		margin-bottom:10px;
	}
	
	#main-content-area .main-content-elem{
		width:515px;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom: 1px dotted #f66820;
	}
	
	#main-content-area .main-content-elem a.content-link, #main-content-area .shop a.content-link{
		width:305px;
		display:block;
		margin-top:20px;
		padding:3px 0 5px 22px;
		background-image:url('/images/template/reziprok/bullet_orange.gif');
		background-repeat:no-repeat;
	}
	
	#main-content-area .main-content-elem h1, #main-content-area .shop h1{
		font-size:1.2em;  
		text-transform:uppercase;
		margin:10px 0 20px 0;
	}
	
	#main-content-area .main-content-elem h2, #main-content-area .shop h2{
		text-transform:uppercase;
		font-size:1em;
		font-weight:normal;
	}
	
	#main-content-area .main-content-elem img.content-image{
		margin:10px 0 5px 0;
		display:block;
		width:338px;
	}
	
	#main-content-area .main-content-elem span.image-legend{
		display:block;
		margin-bottom:10px;
		text-transform:uppercase;
		color:gray;
		width:335px;
		padding-bottom:10px;
	}
	
	#sidebar{
		float:right;
		width:167px;
		margin-left:10px;
		margin-top:12px;
	}
	
	* html div#sidebar{
		float:right;
		width:157px;
		margin-left:10px;
		margin-top:12px;
	}
	
	#sidebar .main-content-sidebar{
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom: 1px dotted #f66820;
	}
	
	#sidebar .main-content-sidebar-last{
		padding:0 0 10px 0;
		margin:0;
		border-bottom: 1px dotted #f66820;
	}
	
	#sidebar .main-content-sidebar h4, #sidebar .main-content-sidebar-last h4{
		font-size:1em;
		font-weight:bold;
		padding:0 0 7px 0;
		margin:0;
		text-transform:uppercase;
	}
	
	#sidebar .main-content-sidebar a, #sidebar .main-content-sidebar-last a{
		background:url('/images/template/reziprok/bullet_orange_small.gif') center left no-repeat;
		display:block;
		padding-left:15px;
		margin-top:5px;
	}
	
	#sidebar .main-content-sidebar img, #sidebar .main-content-sidebar-last img{
		margin-bottom:5px;
		width:167px;
	}	
	
	/* BOTTOMBAR / IMPRESSUM */
	#bottombar{
		padding:12px 0 0 0;
	}
	
	#bottombar .bottombar-box{
		width:167px;
		margin:0 7px 0 0;
		float:left;
	}
	
	* html div#bottombar .bottombar-box{
		width:160px;
		margin:0 7px 0 0;
		float:left;
	}
	
	#bottombar .bottombar-box-last{
		width:167px;
		margin:0;
		float:right;
	}
	
	#bottombar .bottombar-box img, #bottombar .bottombar-box-last img{
		width:167px;
		margin-bottom:3px;
	}
	
	#bottombar .bottombar-box h4,#bottombar .bottombar-box-last h4{
		font-size:1em;
		font-weight:bold;
		padding:0 0 2px 0;
		margin:0;
		text-transform:uppercase;
	}
	
	#bottombar .bottombar-box a, #bottombar .bottombar-box-last a{
		display:block;
		margin-top:5px;
		padding:5px 0 5px 15px;
		background:url('/images/template/reziprok/bullet_orange_small.gif') center left no-repeat;
	}
	
	#footer{
		margin-left:auto;
		margin-right:auto;
		clear:both;
		height:50px;
		color: #000;
		font-size:1em;
	}

	#footerleft{
		height:20px;
		width:235px; /* 122 */
		float:left;
		background-color:transparent;
	}
	
	#footerright{
		background-color:#f66820;
		float:left;
		height:30px;
		width:515px;
		padding:10px;
	}
	
	
	
	.noservice{
		width:770px;
	}
	
	.withservice{
		width:995px;
	}
	
	#footer a{
		color:#fff;
	}
	
	#clearfooter{
		clear:both;
		height:50px;
	}
	
	div>p{
		margin:0
	}
	
	/*html>body #minHeight{
		float:left;
		width:0px;
		height:100%;
		margin-bottom:-52px;
	} */

	
	/* SHOP */		
	#main-content-area .shop{
		padding:8px 0 30px 0;
		border-bottom:1px dotted #f66820;
		margin-bottom:10px;
	}
	
	#main-content-area .shop .shop-box{
		width:167px;
		margin:0 7px 0 0;
		float:left;
		position:relative;
		text-align:center;
		text-transform:uppercase;
	}
	
	#main-content-area .shop .shop-box-last{
		width:167px;
		margin:0;
		float:right;
		position:relative;
		text-align:center;
		text-transform:uppercase;
	}	
	
	#main-content-area .shop .shop-box .clicktoenlarge, #main-content-area .shop .shop-box-last .clicktoenlarge{
		position:absolute;
		top:105px;
		left:0;
		width:auto;
	}
	
	#main-content-area .shop .shop-box img.icon_new, #main-content-area .shop .shop-box-last img.icon_new{
		position:absolute;
		top:5px;
		left:5px;
		width:auto;
	}
	
	#main-content-area .shop .shop-box img.icon_topseller, #main-content-area .shop .shop-box-last img.icon_topseller{
		position:absolute;
		top:5px;
		left:100px;
		width:auto;
	}
	
	#main-content-area .shop .shop-box img.icon_promo, #main-content-area .shop .shop-box-last img.icon_promo{
		position:absolute;
		top:5px;
		left:100px;
		width:auto;
	}
	
	#main-content-area .shop .shop-box .soldout, #main-content-area .shop .shop-box-last .soldout{
		position:absolute;
		top:90px;
		left:0;
		color:white;
		background-color:red;
		padding:2px;
		text-align:center;
		width:144px;
		font-weight:bold;
		margin:0 10px 0 10px;
	}
	
	#main-content-area .shop .shop-box .nostock, #main-content-area .shop .shop-box-last .nostock{
		position:absolute;
		top:65px;
		left:0;
		color:white;
		background-color:red;
		padding:2px;
		text-align:center;
		width:144px;
		font-weight:bold;
		margin:0 10px 0 10px;
	}
	
	#main-content-area .shop .shop-box .noimage, #main-content-area .shop .shop-box-last .noimage{
		position:absolute;
		top:110px;
		left:0;
		color:white;
		background-color:gray;
		padding:2px;
		text-align:center;
		width:167px;
		font-weight:bold;
		margin:0 10px 0 10px;
	}
	
	#main-content-area .shop .shop-box .topprice, #main-content-area .shop .shop-box-last .topprice{
		position:absolute;
		top:60px;
		left:0;
		color:white;
		text-align:center;
		font-weight:bold;
		width:62px;
		height:58px;
		line-height:77px;
		background:transparent url('http://www.rockanoid.ch/images/rockanoid/template/icon_topprice.png') top left no-repeat;
		
	}
	
	#main-content-area .shop .shop-box img, #main-content-area .shop .shop-box-last img{
		width:167px;
		margin-bottom:3px;
	}
	
	#main-content-area .shop .shop-box h4, #main-content-area .shop .shop-box-last h4{
		font-size:1.1em;
		font-weight:bold;
		padding:0 0 2px 0;
		margin:0;
		text-transform:uppercase;
	}
	
	#main-content-area .shop .shop-box a, #main-content-area .shop .shop-box-last a{
		display:block;
		margin-top:5px;
		padding:5px 0 5px 15px;
		background:url('/images/template/reziprok/bullet_orange_small.gif') center left no-repeat;
	}
	
	#main-content-area .shop form select{
		width:100px;
		margin:0 auto 10px auto;
		display:block;
		font-size:0.9em;
	}
	
	#main-content-area .shop .button{
		line-height:2.3em;
		border-top:1px dotted #bfbfbf;
		border-bottom:1px dotted #bfbfbf;
		background-color:#fff;
		margin-top:20px;
		margin-left:7px;
		margin-right:7px;
		text-transform:uppercase;
		text-align:center;
	}
	
	#main-content-area .shop table{
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#main-content-area .shop table tr th, #main-content-area .shop table tr td{
		text-align:left;
		font-size:1em;
		padding:0 0 5px 0;
	}
	
	
	#ajaxticker1,#ajaxticker2,#ajaxticker7,#ajaxticker3,#ajaxticker4,#ajaxticker5,#ajaxticker6{
		
	}
	
	#ajaxticker2 div,#ajaxticker7 div,#ajaxticker3 div,#ajaxticker4 div,#ajaxticker5 div,#ajaxticker6 div,#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
		background-color:transparent;
	}
	
	.ticker{ 
		width: 167px;
		height: 190px;
		padding:3px 0 0 0;
		background-color:transparent;
		overflow:hidden;
	}

	
	.full_ticker{ 
		width: 100%;
		background-color:transparent;
		margin-bottom:10px;
	}
	
	#full_ajaxticker1 div{
		background-color:transparent;
	}
	
	#dhtmltooltip{
		position: absolute;
		width: 150px;
		/*border: 1px solid #999;*/
		font-size:0.9em;
		padding: 5px;
		color:#fff;
		background-color: #f66820;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

	
	#sidebar .main-content-sidebar .sidebar-text-container{
		/*height:100px;*/
		overflow:hidden;
	}

	#bottombar .bottombar-box .bottombar-text-container, #bottombar .bottombar-box-last .bottombar-text-container{
		height:100px;
		overflow:hidden;
	}
	
	
/* BLOG */

.blognavelem{
	float:left;
	padding:5px;
	/*background-color:#f2f4f9;*/
	margin-right:5px;
	margin-bottom:5px !important;
	display:block;
	border:1px solid white;
	text-decoration:none;
}

.blognavelem:hover{
	border:1px solid black;
	text-decoration:none;
}

.blog-elem{
	/*background-color:#f2f4f9;*/
	margin-bottom:25px;
	overflow:hidden;
}

.blogelemleft{
	float:left;
	width:116px;
	padding:2px;
}

.blogelemright{
	float:left;
	width:355px;
	/*background-color:#fff;*/
	padding-left:10px;
	padding-bottom:10px;
	padding-top:2px;
}

.comment{
	display:none;
	margin-top:25px;
}

.comment-elem{
	margin-bottom:25px;
	border-bottom:1px dotted black;
	padding-bottom:10px;
}
