/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ © 2007 - marc schemmer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ www.mojitoe.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background: url("../img/bg.gif") repeat-x; 
	background-color: #d1cfcd;
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	margin: 0;
	text-align: center; }

/* LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #790000;
	text-decoration: none;
}
a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #790000;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #790000;
	text-decoration: underline;
}
a:active {
	font-family: Tahoma;
	font-size: 11px;
	color: #790000;
	text-decoration: none;
}

/* LINKS NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation a:link {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#navigation a:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#navigation a:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #AAAAAA;
	text-decoration: none;
}
#navigation a:active {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/* LINKS NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#secnav a:link {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#secnav a:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#secnav a:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #AAAAAA;
	text-decoration: none;
}
#secnav a:active {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/* LINKS FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer a:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:active {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/* FONTSTYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333333; }

li {
	color: #790000;
	margin-bottom:5px;
	font-size:11px;
	list-style-type: square; }
	
h1 {
	color: #790000;
	font-family: Georgia;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;}
	
h2 {
	color: #AAAAAA;
	font-family: Tahoma;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-decoration: none;}

/* FORM FIELDS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.inputbox {
	font-family: Tahoma;
	font-size: 10px;
	width: 310px;
	border: solid 1px #000000;
	font-weight: normal;
	color: #790000;
	background: #FFFFFF; }


.button {
	padding: 2px 5px 2px 5px;
	height: 22px;
	border: solid 1px #790000;
	background-color: #ffffff;
	color: #790000;
	font-family: Tahoma;
	text-align: center;
	font-size: 11px;}

/* CONTAINER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#container {
	width: 760px;
	position: relative;
	text-align: left;
	margin: auto; }
	
#header {
	background-color: #790000;
	width: 760px;
	height: 100px; }
	
#navigation_topborder {
		background-color: #FFFFFF;
		width: 760px;
		height: 4px;
		font-size: 0; }
	
#navigation {
	background-color: #FFFFFF;
	width: 760px;
	height: 47px; }
	
#navigation_in {
	margin-left: 4px; }
	
	#navigation_button_box_active a{
		background-image: url("../img/navigation_back_hover.gif");
		position: relative;
		float: left;
		cursor: pointer;
		width: 148px;
		height: 47px; }
	
	#navigation_button_box a {
		background-image: url("../img/navigation_back.gif");
		position: relative;
		float: left;
		cursor: pointer;
		width: 148px;
		height: 47px; }

	#navigation_button_box a:hover {
		background-image: url("../img/navigation_back_hover.gif");
		position: relative;
		float: left;
		cursor: pointer;
		width: 148px;
		height: 47px; }	
		/ wenn hier nix steht dann is der Text im Button nicht zentriert - Bug?
	
	#navigation_button {
		width: 100px;
		height: 47px; }
		
	#navigation_button_break {
		background: url("../img/navigation_break.gif");
		position: relative;
		float: left;
		width: 2px;
		height: 47px; }
		
	#navigation_button_in {
		text-align: center;
		padding-top: 17px; }
	
#head_img {
	background-color: #FFFFFF;
	width: 760px;
	height: 260px; }
	
	#head_img_in {
		width: 752px;
		height: 260px;
		margin-left: 4px; }
		
#head_img_bottom {
	background-color: #FFFFFF;
	width: 760px;
	font-size: 0;
	height: 10px; }
	
	#head_img_bottom_in {
		background-image: url("../img/head_img_bottom.gif");
		width: 752px;
		height: 10px;
		margin-left: 4px; }
		
#main {
	background-color: #FFFFFF;
	position: relative;
	float: left;
	width: 760px; }
	
#content {
	position: relative;
	float: left;
	padding: 0 0 10px 0;
	width: 486px; }
	
	#content_in {
		margin: 10px 0 0 10px;
		width: 466px; }
		
		#content_in_productthumb a{
			border: 2px solid #333333;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 68px;
			height: 68px; }
			
		#content_in_productthumb a:hover{
			border: 2px solid #FFFFFF;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 68px;
			height: 68px; }
			
		#content_in_productthumb_main a{
			border: 2px solid #333333;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 68px;
			height: 68px; }
			
		#content_in_productthumb_main a:hover{
			border: 2px solid #FFFFFF;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 68px;
			height: 68px; }
			
		#content_in_productthumb_main_start a{
			border: 2px solid #333333;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 55px;
			height: 55px; }
			
		#content_in_productthumb_main_start a:hover{
			border: 2px solid #FFFFFF;
			position: relative; 
			float: left;
			margin: 5px 5px 0px 0px;
			width: 55px;
			height: 55px; }
			
	#content_detail {
		position: relative; 
		float: left;
		width: 460px; }
			
		#content_in_productdetail {
			width: 466px; }
	
			#content_in_productdetail_left {
				background-color: #AAAAAA;
				position: relative; 
				float: left;
				margin-top: 5px;
				width: 254px;
				height: 254px; }
					
				#content_in_productdetail_left_in {
					padding: 2px 0 0 2px;
					width: 250px;
					height: 250px; }
					
		#content_in_productdetail_right {
			position: relative; 
			float: left;
			width: 212px; }
			
				#content_in_productdetail_right_topborder {
					position: relative;
					float: left;
					height: 10px;
					width: 212px; }
					
				#content_in_productdetail_right_entry {
					position: relative;
					float: left;
					padding: 5px 0 5px 0;
					margin: 3px 0 3px 0;
					background-color: #eaeaea;
					width: 212px; }
					
				#content_in_productdetail_right_entry_border {
					position: relative;
					float: left;
					width: 10px; }
					
				#content_in_productdetail_right_entry_sub {
					position: relative;
					float: left;
					color: #666666;
					text-decoration: underline;
					width: 62px; }
					
				#content_in_productdetail_right_entry_desc {
					position: relative;
					float: left;
					width: 135px; }
				
	#content_break {
		position: relative; 
		float: left;
		background: url("../img/content_break.gif");
		width: 466px;
		height: 50px; }
		
	#content_info {
		position: relative; 
		float: left;
		margin-top: 10px;
		width: 466px; }
			
#secnav {
	position: relative;
	float: left;
	width: 270px; }
	
	#secnav_in {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 270px; }
		
		#secnav_in_top {
			background-image: url("../img/secnav_top.gif");
			width: 270px;
			height: 25px; }
			
		#secnav_in_main {
			background-image: url("../img/secnav_main.gif");
			width: 270px; }
			
			#secnav_in_main_in {
				margin-left: 20px;
				width: 250px; }
				
				#secnav_in_main_in_button {
					background-color: #F9F9F9;
					position: relative;
					width: 250px;
					height: 30px;
					margin-top: 5px; }
					
				#secnav_in_main_in_button_text {
					width: 240px;
					height: 30px; }
					
					#secnav_in_main_in_button_text .text {
						padding-top: 7px;
						padding-left: 15px; }
								
		#secnav_in_bottom {
			background-image: url("../img/secnav_bottom.gif");
			width: 270px;
			height: 25px; }
	
#footer {
	background-color: #790000;
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	height: 80px; }
	
#footer_in {
	background-color: #bd8282;
	margin-top: 1px;
	width: 760px;
	height: 60px; }
	
#footer_in .text {
	padding-top: 12px;
	line-height: 18px;	}