@charset "UTF-8";

/*
-----------------------------------------------
serriesxmedia Version3.0	
Version:  26.07.2007
----------------------------------------------- */
html {
	margin: 0;
	padding: 0;
}

body {

	color: #222;
	background-color: #fff; 

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /*für IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*für compliant browsers */	
	}
html>body { font-size: small; } /* für Opera */

#Container {
	position:absolute;
	left:50%;
	top: 0px;
	width:800px;
	margin-left:-400px;
	text-align:left;
	padding:0px;
	margin-top: 0px;
	height: 100%;
	background-color:#fff;
	}
#ToolNav{
 	height: 23px;
 	width: 100%;
 	font-size:10px;
 	color: #666;
	}
	
	#ToolNav_link{
	padding-top:5px;
	margin-right:5px;
	float:right;
	}
	#ToolNav_link a{
	text-decoration: none;
	color: #666;
	}

	#ToolNav_home{
	float:left;
	padding-top:5px;
	width: 450px;
	margin-left: 10px;
	color:#CC0000;
	}
	#ToolNav_home a{
	text-decoration: none;
	margin-right: 5px;
	color: #666;
	}
	
#Nav {
	width:800px;
	height: 100px;
	text-align:left;
	padding-top:0px;
	background-color:#CCCCCC;
	background: url(img/background_nav.png) top left;
	}
	
#Nav ul{

	height: 100px;
	margin: 0;
	padding: 0;
	margin-left:200px;
	list-style: none;

}
#Nav li {
display:inline;
height: 100px;

}


#Nav li a{
width: 95px;
	display: block;
	float: left;
	height: 20px;
	padding: 80px 0px 0 0px;
	text-align:center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	
}
#Nav li a:hover {

	display: block;
	float: left;
	height: 20px;
	padding: 80px 0px 0 0px;
	background:url(img/navigation_over.png) repeat-x top left;
	
	
	font-size: 14px;
	font-weight: bold;
	color:#296A72;
}
.active a{
	background:url(img/navigation_over.png) repeat-x top left;
	
	
	font-size: 14px;
	font-weight: bold;
	color:#296A72;
}



	
#SubNav{
 height: 27px;
 width: 100%;
 background: url(img/background_subnav.png) top left;
}

	#SubNav a{
	text-decoration: none;
	color: #FFF;
    font-weight: bold;
	font-size: 11px;
	float: left;
	margin-left: 7px;
	padding-right: 7px;
	padding-left: 7px;
	margin-top: 3px;
	padding-top:3px;
	padding-bottom:3px;
}


	#SubNav img{
	float:right;
	margin-right: 7px;
	margin-top: 3px;
	padding-top:3px;
	cursor:help;
}


	#SubNav strong{
	text-decoration: none;
	color: #FFF;
    font-weight: bold;
	font-size: 11px;
	float: right;
	margin-right: 30px;
	margin-top: 3px;
	padding-top:3px;
	padding-bottom:3px;
}


#Content_head{
 height: 20px;
 width: 780px;
 margin-top: 10px;
 background: url(img/background_content_head.png) top left;
 padding-left: 20px;
 color: #333;
 font-weight:bold;
}
	
#Content {
	position:relative;
	width:780px;
	text-align:left;
	background-color:#ffffff;
	font-size:11px;
	letter-spacing:0.08em;
	overflow: auto;
	padding: 20px;
	background: url(img/background_content_main.png) repeat-y;
	}
	
#Content_footer{
 height: 20px;
 width: 100%;
 background: url(img/background_content_footer.png) bottom left;
}

#NewsNav{
	  width:95%;
	  float:left;
      font-size:100%;
      line-height:normal;
border-bottom: 1px solid #333;
}

#NewsNav ul{
margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
}

#NewsNav li {

float: left;
margin-left: 0px;
display:block;
text-decoration: none;
text-align:center;
}

#NewsNav a {
      float:left;
	  width: 90px;
      background: url(img/background_tab.gif) left top;
      margin:0;
      padding:4px 0px 4px 0px;
      text-decoration:none;
	  font-weight:bold;
	  color: #fff;
	  letter-spacing:0.4em;
      }
	  
#ShopNav{
	  width:95%;
	  float:left;
      font-size:91%;
      line-height:normal;
border-bottom: 1px solid #333;
}

#ShopNav ul{
margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
}

#ShopNav li {

float: left;
margin-left: 0px;
display:block;
text-decoration: none;
text-align:center;
}

#ShopNav a {
      float:left;
	  width: 90px;
      background: url(img/background_tab.gif) left top;
      margin:0;
      padding:4px 0px 4px 0px;
      text-decoration:none;
	  font-weight:bold;
	  color: #fff;
      }


#Content_footer_info{
 width: 70%;
 font-size: 10px;
 color: #666666;
 padding-left:30px;
 padding-top:2px;
}
	
#Content_left {
	float:left;
	width:400px;
	height: 384px;
	text-align:left;
	background-color:#111;
	color:#999999;
	margin-left:25px;
	padding:10px;
	overflow: auto;
	
	
	}
	#Content_right {
	float:right;
	width:400px;
	height: 376px;
	text-align:left;
	color:#999999;
	margin:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	border-left: 1px solid #333;
	}

	#garn_box{
	float: left;
	background-color:#fff;
	width:220px;
	height:270px;
	color:#999999;
	margin-left:25px;
	margin-right:10px;
	margin-top: 15px;
	}	
	
	#garn_box_head{
	height:19px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color: #fff;
	padding-top:6px;
	letter-spacing: -0.05em;
	background:url(img/garn_box_head.png)  left top;
	}
	
	#garn_box_main{
	height:220px;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	color: #000000;
	padding-left: 10px;
	background:url(img/garn_box_main.png) repeat-y left;
	}
	
		#garn_box_main img{
		text-align:center;
		margin-left:50px;
		margin-top:3px;
		}
		

	
	#garn_box_footer{
	height:22px;
	text-align:left;
	font-size:9px;
	font-weight:normal;
	color: #555;
	padding-top:3px;
	padding-left: 10px;
	background:url(img/garn_box_footer.png)  left bottom;
	}
	
		#garn_box_footer_number{
		float:left;
		width: 100px;
		}
	
		#garn_box_footer_tools{
		float:right;
		width: 100px;
		margin-right:10px;
		}
		
		#garn_box_footer_tools img{
		float:right;
		margin-right:5px;
		}
		
		#garn_box_footer_tools a img{
		border: 0px solid #000;
		}
		
	#socken_box{
	float: left;
	background-color:#fff;
	width:220px;
	height:270px;
	color:#999999;
	margin-left:25px;
	margin-right:10px;
	margin-top: 15px;
	}	
	
	#socken_box_head{
	height:19px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color: #fff;
	padding-top:6px;
	background:url(img/garn_box_head.png)  left top;
	}
	
	#socken_box_main{
	height:220px;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	color: #000000;
	padding-left: 10px;
	background:url(img/garn_box_main.png) repeat-y left;
	}
	
		#socken_box_main img{
		text-align:center;
		margin-left:20px;
		margin-top:3px;
		}
	
	#socken_box_footer{
	height:22px;
	text-align:left;
	font-size:9px;
	font-weight:normal;
	color: #555;
	padding-top:3px;
	padding-left: 10px;
	background:url(img/garn_box_footer.png)  left bottom;
	}
	
		#socken_box_footer_number{
		float:left;
		width: 130px;
		}
	
		#socken_box_footer_tools{
		float:right;
		width: 70px;
		margin-right:10px;
		}
		
		#socken_box_footer_tools a img {
		border: 0px;
		float:right;
		margin-right:5px;
		}		

#katalog_order{
float:left;
width: 110px;
margin-right: 10px;
border-right: 0px solid #000;
}

#katalog_showall{
float:left;
padding-top: 20px;
}
.katalog_show{
float:left;
width: 90px;
margin-left: 8px;
margin-right: 8px;
border-right: 0px solid #000;
padding-bottom: 25px;
}

.katalog_show a img{

border: 0px;
}

.katalog_show_text {
margin-left:25px;
text-align:center;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color: #222222;
}

#katalog_model{
position:relative;
float:left;
width: 760px;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}

#katalog_model_img{
float:left;
border: 0px solid #FFFFFF;
width: 205px;
}
#katalog_model_thumb{
margin-left: 220px;
width:530px;
}

#katalog_model_thumb img{
margin: 3px;
float:left;
padding: 2px;
border: 1px solid #000;
}


#order_box{
	float: left;
	background-color:#fff;
	width:220px;
	height:170px;
	color:#999999;
	margin-left:0px;
	margin-right:35px;
	margin-top: 15px;
	}	
	
	#order_box_head{
	height:19px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color: #fff;
	padding-top:6px;
	letter-spacing: -0.05em;
	background:url(img/garn_box_head.png)  left top;
	}
	
	#order_box_main{
	height:120px;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	color: #000000;
	padding-left: 10px;
	background:url(img/garn_box_main.png) repeat-y left;
	}
	
		#order_box_main img{
		text-align:center;
		margin-left:50px;
		margin-top:3px;
		}
		

	
	#order_box_footer{
	height:22px;
	text-align:left;
	font-size:9px;
	font-weight:normal;
	color: #555;
	padding-top:3px;
	padding-left: 10px;
	background:url(img/garn_box_footer.png)  left bottom;
	}
	
		#order_box_footer_number{
		float:left;
		width: 100px;
		}
	
		#order_box_footer_tools{
		float:right;
		width: 100px;
		margin-right:10px;
		}
		
		#order_box_footer_tools img{
		float:right;
		margin-right:5px;
		}
		
		#order_box_footer_tools a img{
		border: 0px solid #000;
		}

.order_ok{
margin-left:30px;
width: 600px;
border: 1px solid #009900;
background-color:#F1FEF1;
padding: 10px;
margin-bottom: 20px;
}
#leporello{
float:left;
}
.leporello_show{
float:left;
width: 110px;
height:200px;
margin-left: 7px;
margin-right: 7px;
border-right: 0px solid #000;
padding-bottom: 10px;
}


.leporello_show a img{

border: 0px solid #000;
}

.leporello_show_text {
text-align:center;
text-decoration:none;
font-size: 10px;
font-weight:bold;
color: #222222;
}

#anleitung{
float:left;
}

.anleitung_show{
float:left;
width: 165px;
height:250px;
margin-left: 15px;
margin-right: 15px;
border-right: 0px solid #000;
padding-bottom: 25px;
}


.anleitung_show a img{

border: 0px solid #000;
}

.anleitung_show_text {
text-align:center;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color: #222222;
}

.monthly_show{
float:left;
width: 165px;
height:250px;
margin-left: 0px;
margin-right: 25px;
border-right: 0px solid #000;
padding-bottom: 25px;
}


.monthly_show a img{

border: 1px solid #000;
}

.monthly_show_text {
text-align:center;
text-decoration:none;
font-size: 11px;
font-weight:bold;
color: #222222;
}

.tool-tip {
	color: #eaeaea;
	width: 166px;
	z-index: 13000;
	}
 
.tool-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color:#D0F0ED;
	padding: 2px 4px 2px 9px;
	background: url(img/bubble1.png) top left;
}
 
.tool-text {
	font-size: 10px;
	padding: 10px 6px 16px 9px;
	color: #333333;
	background: url(img/bubble1.png) bottom right;
}


#produkt_detail_img{
float:left;
width: 300px;
margin-left: 20px;
margin-top:15px;
border: 1px solid #333;
}
#produkt_detail_info{
margin-top:15px;
float:right;
margin-right: 20px;
width: 400px;
border-top: 0px solid #333;
padding: 10px;
}
#produkt_detail_model{
clear: both;
float:left;
width: 730px;
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border: 1px solid #333;
padding-top: 10px;
padding-bottom: 10px;
background-color:#999999;
}

#produkt_detail_card{
float:left;
width: 730px;
padding: 0px;
background-color: #fff;
border: 1px solid #333;
margin-left: 20px;
margin-top: 10px;
}

#produkt_detail_card1{
clear:both;
float:left;
width: 255px;
padding: 0px;
background-color: #fff;
border: 1px solid #333;
margin-left: 20px;
margin-top: 10px;
padding-left:45px;
}

	
h1{
border-left: 12px solid #ff9900;
padding-left: 7px;
color: #ff9900;
font-size: 11px;
letter-spacing:0.13em;
font-weight: normal;
}

h2{
color: #999999;
font-size: 11px;
letter-spacing:0.13em;
font-weight: bold;
}
#toollayer{
margin-right:0px;
width: 250px;
background-color:#999999;
}


form fieldset {
	width:90%; 
	border:0px solid #999; 
	border-top:1px solid #999; 
	padding:2px; 
	padding-left:12px; 
	margin:5px; 
	text-align:left;
	}
	
	form legend {font-size:1.1em; color:#666; font-weight:bold; padding:5px; margin:5px; background:none;}
form label {
		float:left;
		width:20%;
		margin-right:0.4em;
		margin-top: 15px;
		padding-top:0.3em;
		text-align:right;
		color: #333;
		font-size:11px;
		font-weight: bold;
		}

form button { 
	background-color: #ffffff;
}
form img { 
	padding-top: 5px;
}

form input {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding-left: 3px;
		color: #000000;
		border-left: 1px solid #333;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		margin-top: 15px;	
}

form select{
margin-top: 15px;
		border-left: 1px solid #333;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
}
form textarea {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		border: 1px solid #333;
		
}



#form_info{
float:right;
margin-right:  20px;
margin-left: 0px;
padding:10px;
padding-left: 40px;
width:220px;
height: 150px;
background-color:#f0f0f0;
background-image:url(img/background_form_info.png);
background-position: left top;
background-repeat:no-repeat;
border: 1px solid #ccc;
}
/* ende style formular */

.news{
width: 95%;
height:140px;
margin-top: 10px;
border-bottom:1px solid #333;
}
.news_date {
margin-left:20px;
float:left;
font-size: 11px;
font-weight: bold;
color: #336666;
text-align:center;
width:47px;
height: 59px;
padding:0.9em 0 0 0;
background-image:url(img/aktuell_date.gif);
background-repeat:no-repeat;
background-position:top center;
	   }

.news_month {
text-transform:uppercase; 
font-weight:bold; 
color:#9b241b;
}

.news_text{
float:left;
padding-left:25px;
width: 450px;
}
.news_image{
float:left;
padding-left:25px;
width: 80px;
}
.news_linkpdf{
float:left;
padding-top:10px;
padding-left:25px;
width: 350px;
}
.news_linkpdf a{
text-decoration:none;
color:#666666;
}
.news_headline{

text-decoration:none;
font-size: 12px;
font-weight: bold;
color: #336666;
}

.news_subline{

display:block;

font-size: 12px;
color: #336666;
}



#List_Vcard{
clear:both;
margin-left:40px;
}

#List_Vcard a{
color: #333;
font-weight: bold;
text-decoration: underline;
}

.vcard{
margin-top: 10px;
margin-right:20px;
float:left;
width:280px;
height:120px;
background-color:#fff;
border: 1px solid #333;
padding:6px;
}

#start_left{
float:left;
width:200px;
}

#start_right{
float:left;
width: 500px;
margin-left: 25px;
}

.start_news{
width: 200px;
padding:0px;
margin-bottom: 5px;
}
.start_news_date{
font-weight: bold;
background: url(img/news_date.gif);
padding:3px;
padding-left: 7px;
font-size: 87%;
color:#eaeaea;
}
.start_news_back{
background: url(img/news_back.gif);

}

.start_news_headline{
font-weight: bold;
padding:3px;
padding-left: 7px;
font-size: 87%;
color:#000;
}
.start_news_short{
font-weight: normal;
padding:3px;
padding-left: 7px;
color:#000;
}
.start_news_footer{
font-weight: normal;
text-align:right;
background: url(img/news_footer.gif) bottom;
padding:2px;
padding-right: 7px;
color:#eaeaea;
height: 15px;
}

.start_news_footer a{
text-decoration: none;
font-weight: normal;
text-align:right;
padding:2px;
padding-right: 7px;
color:#eaeaea;
height: 15px;
}

.start_catalog{
margin-top: 10px;
width: 180px;
background: url(img/start_back_catalog.png) bottom;
padding:10px;
font-size: 87%;
border-top: 10px solid #999999;
}

.start_leporello{
float:left;
margin-right: 10px;
width: 200px;
padding:10px;
}
.start_leporello a{
text-decoration:none;
font-size:11px;
color:#333;
}
.start_leporello a img{
border:1px solid #333;
color:#333;
}

.start_monthly{
float:left;
margin-right: 10px;
width: 200px;
padding:10px;
}
.start_monthly a{
text-decoration:none;
font-size:11px;
color:#333;
}
.start_monthly a img{
border:1px solid #333;
color:#333;
}
#start_show0{
float:left;
margin-left: 10px;
width: 475px;
}

#start_show1{
border-top: 0px solid #000;
margin-top:3px;
margin-left:10px;
width: 475px;
}

#start_show2{
margin-top:3px;
width: 475px;
margin-left:10px;
border-top: 0px solid #000;
padding:10px;
}

#show_cart {
left: 50%;
margin-left:-250px;
margin-top: 50px;
position:absolute;
width:500px;
background-color:#fff;
visibility:hidden;
z-index:900;
}
#show_cart table{


font-size:9px;
color: #333; 
width:100%;
border:1px solid #333;
}
#show_cart th{
background-color:#339999;
color:#eaeaea;
font-weight:bold;
padding:3px;
}

#show_cart td{
padding:3px;
}

.linkliste li {
list-style:none;
}

.linkliste li strong{
padding-left: 17px;
font-weight: normal;
}

.linkliste li a{
padding-left: 5px;
border-left: 12px solid #00B1A8;
color:#00B1A8;
text-decoration: none;
font-weight: bold;
}

#showonstart{

width: 100%;

padding-top: 10px;
}