body  {
	margin: 			0;
	background-color: 	#007cb2;
	background-image:	url(/bilder/background/castigo.jpg);
	background-repeat:	repeat-x;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		16px;
	color:				#003;
	
}
 a {
	font-size: 			11px;
	color: 				#333;
	text-decoration: 	none;
}

 a:hover {
	color: 				#999;
	text-decoration: 	underline;
}

/********** head **********/
div.head {
	width: 				700px; 
	height:				165px; 
	margin:				20px 0 0 0;
	left:				auto;
	right:				auto;
	background-color: 	#FFF;
	background-image:	url(/bilder/head/castigo.jpg);
	background-repeat:	no-repeat;
}

div.head div.language {
	float:				right; 
	margin: 			15px;
	padding:			2px;
	height:				35px;
}

div.head div.language a {
	margin-left:		5px;
	padding:			2px 4px 2px 4px;
	color:				#ffffff;
	text-decoration: 	none;
	height:				22px;
}

div.head div.language a:hover {
	padding:		 	1px 3px 1px 3px;
	text-decoration: 	none;
	color:			 	#fff;
	border:			 	1px dotted #fff;
	background-image:	url(/bilder/background/language.png);
}

div.head div.language a.active {
	margin-left:		5px;
	padding:		 	1px 3px 1px 3px;
	text-decoration: 	none;
	color:			 	#fff;
	border:			 	1px dotted #fff;
	background-image:	url(/bilder/background/language.png);
}

/* navigation */
div.head div.navigation {
	float:				right;
	clear:				both;
	width:				98%;
	margin:				18px 4px 0 0;
	padding:			0px;
	border:				0px solid #fff;
	text-align:			right;
}

div.head div.navigation a {
	float:				right;	
	padding:			4px 4px 0px 4px;
	color:				#ffffff;
	text-decoration:	none;
	border:				1px solid #fff;
	margin-right:		-1px;
	margin-bottom:		-1px;
	height:				22px;
	z-index:			10;
}

div.head div.navigation a:hover {
	padding:		 4px 4px 0px 4px;
	text-decoration: none;
	color:			 #036;
	background:		 #ffffff;
	border:			 1px solid #fff;
}

div.head div.navigation a.active {
	padding:		 4px 4px 0px 4px;
	text-decoration: none;
	color:			 #036;
	background:		 #ffffff;
	border:			 1px solid #fff;
}


/********** Content **********/
table.content {
	clear:both;
	width: 			 700px; 
	margin:	 		 0;
	left:			 auto;
	right:			 auto;
	background:		 #ffffff;
	border-collapse: collapse;
	border:			 0;
	color:			 #666;
	font-size:		 11px;
	line-height:	 16px;
}

table.content a {
	font-size: 			11px;
	color: 				#036;
	text-decoration: 	none;
}

table.content a:hover {
	font-size: 			11px;
	color: 				#069;
	text-decoration: 	underline;
}

table.content h1 {
	font-family:		Georgia, "Times New Roman", Times, serif;
	/*font-variant:  	small-caps;*/
	font-stretch:		semi-expanded;
	font-size: 			18px;
	line-height:		29px;
	color: 				#036;
	margin-bottom:		10px;
}
table.content h2 {
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-stretch:		semi-expanded;
	font-size: 			16px;
	text-align:			left;
	line-height:		24px;
	color: 				#036;
	margin-bottom:		10px;
}

table.content h2.teaser {
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-stretch:		semi-expanded;
	font-size: 			16px;
	text-align:			left;
	line-height:		10px;
	color: 				#036;
	margin-bottom:		5px;
	padding-left:		20px;
	background-image:	url(/bilder/global/table.gif);
	background-repeat:	no-repeat;
}

table.content td.right h2 {
	font-family:		Georgia, "Times New Roman", Times, serif;
	/*font-variant:  	small-caps;*/
	font-stretch:		semi-expanded;
	font-size: 			14px;
	line-height:		10px;
	color: 				#036;
	margin-bottom:		2px;
}

table.content td.left {
	width:			550px;
	vertical-align:	top;
	text-align:		left;
	padding:		20px;
	text-align:		justify;
}
table.content div.teaser {
	float:			left;
	clear:			both;
	width:			500px;
	/*height:			60px;*/
	text-align:		left;
	color: 			#036;
	margin:			0 0 20px 0;
	
	border:			1px dotted #ccc;
	padding:		2px;
}

table.content div.teaser a {
	display:		block;
}

table.content div.teaser a:hover {
	text-decoration:none;
}

table.content div.teaser a img.imgthumb {
	border:	 		1px solid #9A9587;
	float:			left;
	clear:			both;
	width:			60px;
	height:			60px;
	margin-right:	10px;
	/*margin-top:		5px;*/
}

table.content div.teaser a img.imgthumbteaser {
	border:	 		1px solid #9A9587;
	float:			left;
	clear:			both;
	margin-right:	10px;
	margin-bottom:	2px;
}

table.content td.right {
	width:			150px;
	vertical-align:	top;
	text-align:		left;
	padding:		20px 4px 20px 0px;
	border-left:	0px solid #ccc;
}

div.td_right {
	width:			140px;
	padding: 		2px;
	border: 		1px dotted #999;
	background:		#f5f5f5;
	margin-top:		5px;
}
table.content div.td_right a {
	border:	 		0px solid #9A9587;
	/*display:		block;
	line-height:	18px;*/
}
table.content div.td_right a img.imgthumbteaser {
	border:	 		1px solid #9A9587;
	float:			left;
	clear:			both;
	margin-right:	3px;
	margin-top:		4px;
}
div.shop {
	width:	140px;
	color:	#036;
}
div.shop b.strich {
	text-decoration: line-through;
}
div.shop b.right {
	float:		right;
}
div.shop img {
	float:		left;
	margin:		2px 0 0 2px;
}
div.prising {
	color:		#669; 
	text-align:	right;
	margin:		10px 0 10px 0;
}



/********* foot **********/
table.foot {
	width: 			700px; 
	margin:			0 0 20px 0;
	left:			auto;
	right:			auto;
	border-collapse:collapse;
	border:			0;
}

table.foot td.fussnavigation {
	text-align:		center;
	color:			#036;
	background: 	#C8D2DD;
	height:			24px;
}

table.foot td.fussnavigation a {
	padding:		2px 4px 2px 4px;
	color:			#036;
	text-decoration: none;
}

table.foot td.fussnavigation a:hover {
	text-decoration:underline;
}

table.foot td.fussnavigation a.activ {
	padding:		 6px 8px 6px 8px;
	text-decoration: none;
	color:			 #036;
	background:		 #ffffff;
	border:			 1px solid #fff;
}

table.foot td.left {
	width:			15px;
	height:			24px;
	padding: 		0;
	border:			0;
	vertical-align:bottom;
}
table.foot td.middle {
	width:			668px;
	background: 	#fff;
	text-align:		right;
	color:			#666;
	display:block;
	height:22px;
}
table.foot td.right {
	width:			15px;
	height:			24px;
	padding: 		0;
	border:			0;
}

/** shop **/
div.shophead {
	float:		left;
	width: 		113px;
	height:		70px;
	padding:	2px;
	margin: 	5px 10px 15px 0;
	border: 	1px dotted #999;
	text-align:	left;
	color:		#999;
}
div.shophead_right {
	margin-right:0;
}

div.active {
	color:		#036;
	border: 	1px dotted #036;
}
table.warenkorb {
	float:			left;
	clear:			both;
	width:			510px;
	border-collapse:collapse;
}
table.warenkorb td{
	padding: 		2px;
	text-align:		left;
}
table.warenkorb td.right{
	padding: 		2px;
	text-align:		right;
}
table.warenkorb td input {
	text-align:		right;
	width:			35px;
}

table.warenkorb td input.login {
	width:			150px;
	text-align:		left;
}
table.warenkorb td input.cartinput {
	width:			115px;
	height:			22px;
	text-align:		center;
	background:		#fff;
	border: 		1px solid #036;
	font-size:		11px;
	cursor:			pointer;
}

table.reg td input {
	width:			250px;
	height:			14px;
	text-align:		left;
}

hr.shop {
	color:		#036; 
	margin-top:	10px; 
	float:		left;
	clear:		both;
	width:		100%;
}

div.login_left {
	float:		left;
	clear:both;
	width: 		240px;
	height:		300px;
	padding:	2px;
	margin: 	0 10px 15px 0;
	border: 	1px dotted #999;
	text-align:	left;
	color:		#036;
}
form.login_right {
	float:		left;
	width: 		240px;
	height:		300px;
	padding:	2px;
	margin: 	0 0 15px 0;
	border: 	1px dotted #999;
	text-align:	left;
	color:		#036;
}


.message  {
	float:		left;
	clear:		both;
	width:		490px;
	color:	 	#CC0000;
	font-weight:bold;
	border:  	1px solid #c00;
	padding: 	8px;
	background:	#ffd;
	margin-bottom: 15px;
}

/* BILDERGALERIE TOOL*/
div.img_div {
	clear:		both; 
	float:		left;
	width:		100%;
	margin-bottom: 20px;
}
a.pic{ 
	width:		94px;
	height:		94px;
	display:	block;
	float:		left;
	border:		1px solid #ccc; 
	margin:		2px;
	padding:	0;
}

a.pic:hover{ 
	border: 	1px dotted #036; 
	background-color: #fff;
}
a.pic img{ 
  border:			3px solid #fff;
  filter:			alpha(opacity=100); /*IE */
  -moz-opacity: 	1; /* Gecko */
  opacity: 			1; /* Opera */
  -khtml-opacity: 	1;
  margin: 0;
}  
a.pic img:hover{
  border:			3px solid #ccd;
  filter:			alpha(opacity=80); /*IE */
  -moz-opacity: 	0.8; /* Gecko */
  opacity: 			0.8; /* Opera */
  -khtml-opacity: 	0.8;
}