/* CSS Document */

/* ------------------------------------------------------- START CLEAN STYLES -------- */
body {
	border-collapse: collapse;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000;
	/*background-color: #52575a;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	background: #000 url(http://www.nutcasehelmets.de/images/eurob_09/nutcase_bg_holz.jpg) top center no-repeat;

}

table {
	border-collapse: collapse;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

tr {
	border-collapse: collapse;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

td {
	border-collapse: collapse;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* ------------------------------------------------------ DIV-KLASSEN -------- */

/* #nutcase_content {
	width: 750px;
	margin: 10px auto;
	text-align: left;
	background-color: #52575a;
}*/

* + html #nutcase_content {
  margin-left:150px;
  margin-top:50px;
}



#nutcase_content{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
   width: 900px;
   display:block;
margin: 50px auto; /*center hack*/
   }



body#home{
margin: 50px auto; /*center hack*/
background: #000 url(http://www.nutcasehelmets.de/images/eurob_09/nutcase_bg_holz_gr.jpg) top center no-repeat;
};

#menu_align{
text-align:center;
width:800px;
}


#flash_banner{
	position: relative;
	width: 522px;
	height: 510px;
	top: 0px;
	left: 0px;
	
}

#flash_film{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:0;
}


#divid
{
	position:relative;
	left:8px; top:0px; width:522px; height:445px;
	overflow-y: scroll;
	overflow-x: hidden;
}


/* ------------------------------------------------------ START TOPNAV STYLES -------- */
td.topNav {
	width: 800px;
	text-align: center;

}

.opaque {
   opacity: .87;
   -moz-opacity: .87;
   text-decoration: none;
   margin-top: -3px;
}



/* ----------------------------------------------------- START CONTENT STYLES -------- */
td.content {
	background-color: #FFFFFF;
	padding: 20px 20px 0 30px;
	margin: 0;
}

td.content2 {
	background-color: #FFFFFF;
	padding: 0px 10px 0 20px;
	margin: 0;
}

td.content3 {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

td.content4 {
	background-color: #FFFFFF;
	padding: 0 0 0 11px;
	margin: 0;
}

td.content5{
	background-color: #ffc20f;
	padding: 20px 20px 0 30px;
	margin: 0;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 15px 0 0 0;
}

h1.boldNoMargin {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 15px 0;
}

h1.retailers {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 15px 0 0 0;
}



h3 {
	font-weight: normal;
	padding: 0;
	margin: 3px 0 3px 0;
}

h4 {
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 15px 0px 0px 25px;
}
p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 5px 0 8px 0;
	text-align:left;
}

p.tight {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 8px 0;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #e17125;
	text-decoration: none;
}

p.quotes {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0 10px 0 0;
	margin: 10px 10px 0 10;
}

span.smallEmphatic {
	display: block;
	font-size: 10px;
	font-style: italic;
	margin: 3px 10px 20px 50px;
}

ul {
	padding: 0;
	margin: 0px 0px 0px 5px;
}

ul li {
	font-size: 1.0em;
	font-weight: normal;
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 0;
}

ul.tight {
	padding: 0;
	margin: 0px 0 0px 25px;
}

ul.tight li {
	font-size: 17px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
}

ul.noBullet {
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0 0px 0px 10px;
}

ul.noBullet li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

td.wallpaper {
	padding: 3px;
}

span.credits {
	display: block;
	font-size: 8px;
	color: #3e3e3f;
	padding: 0;
	margin: 0;
}

a.getFit, a.getFit:visited, a.getFit:active {
	float: right;
	font-size: 10px;
	color: #51A5AC;
	text-decoration: none;
	padding: 0;
	margin: 174px 93px 0 0;
}

a.getFit:hover {
	float: right;
	font-size: 10px;
	color: #e17125;
	text-decoration: none;
	padding: 0;
	margin: 174px 93px 0 0;
}

/*----- CONTACT -----*/
div#contactMain {
	position: relative;
	top: 0;
	left: 0;
}

div#contactContent {
	height: 100px;
	width: 275px;
	position: absolute;
	top: 130px;
	left: 490px;
	font-size: 14px;
	color: #ffffff;
}

a.contact, a.contact:visited, a.contact:active {
	color: #ffffff;
	text-decoration: none;
}

a.contact:hover {
	color: #e17125;
	text-decoration: none;
}

/*----- SURVEY -----*/
div#survey {
	text-align: center;
	margin-top: 40px;
}

a.survey:link, a.survey:visited, a.survey:active {
	display: block;
	font-size: 13px;
	color: #51A5AC;
	text-decoration: none;
	padding: 0;
	margin: 0 0 3px 0;
}

a.survey:hover {
	color: #e17125;
}

span.survey {
	display: block;
	font-size: 9px;
}


/* -------------------------------------------------------- START FORM STYLES -------- */
td.formContainer {
	width: 800px;
	background-color: #FFFFFF;
	padding: 20px 150px 0 150px;
}

td.form {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 8px 8px 8px 15px;
	border-top: 1px solid #e17125;
}

.form a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #e17125;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}

td.formb {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 8px 8px 15px;
}

td.formc {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e17125;
	border-right: 1px solid #e17125;
	border-left: 1px solid #e17125;
	border-bottom: 1px solid #e17125;
	padding: 8px;
}

p.form {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 9px 10px 9px;
}

p.home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 10px;
	padding: 0;
}

h1.home {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 3px 0 0 9px;
}

h1.home a:link,
h1.home a:visited,
h1.home a:hover,
h1.home a:active {
	text-decoration: none;
}

a.BlackCloseText,
a.BlackCloseText:visited,
a.BlackCloseText:hover,
a.BlackCloseText:active {
	float: right;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: bold; 
	color: #000000;
	text-decoration: none;
	padding: 0;
	margin: 50px 90px 0 0;	
}

a.impressum:link, a.impressum:visited, a.impressum:active {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9px;
	color: #000;
	text-decoration: none;
	position: relative;
	top:5px;
}

a.impressum:hover {
	color: #fff;
	position: relative;
	top:5px;
}
.impressum {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9px;
	color: #000;
	text-decoration: none;
	position: relative;
	top:5px;
}
.news{
	padding-left:5px;
}

/*Gallery Code*/


#imageData #downloadLink{
	width: 32px;
	height: 32px;
	float: left;
	display: block;
	margin-right: 0.25em;
}
#imageData #printLink{
	width: 32px;
	height: 32px;
	float: left;
	display: block;
	margin-right: 1em;
}

/*collection_0708edition*/
	#collection_pic_left{
	width: 280px;
	height: 496px;
	float: left;
	display: block;
}
#collection_helme_right{
	position:relative;	
	left:35px;
	margin-top:32px;
}

/* -------------------------------------------------------- WhereToBuy Code*-------- */


#where_main {

	background: #fff url(images/sky_bg.gif) 0 0 repeat-x;
	width: 800px;
	height: 100%;
	margin-top:-4px;

}

#where_main h1 {color:#000;}
#where_main h2 {color:#447691;}
#where_spalte1 {float:left;height:100%;width:25%;}
#where_spalte2 {padding-top:25px;float:left;height:100%;width:25%;}
#where_spalte3 {padding-top:25px;float:left;height:100%;width:25%;}
#where_spalte4 {padding-top:25px;float:right;height:100%;width:25%;}

#pipe{
clear:both;
height:242px;
background: #fff url(images/silhouette.gif) 0 0 repeat-x;

}

#wherespace{
	margin-top:50px;
}


#where_icon {
	position:relative;
	top:210px;
	left:0px;
	width: 600px;
	height:auto;	
	color:red;
	font-weight:bold;
}


#where_footer {
	clear:both;
	text-align:right;
	width: 800px;
	height:11px;
}

h1.where_header {
	
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin-left:10px;}
        
h2.where_header {
	
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin-left:10px;}


ul.where {
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	margin: 0px 0px 0px 10px;
}

ul.where li {
	list-style-type: none;
	padding: 0;
	margin-top: 4px;
}


/* -------------------------------------------------------- Collections -------- */
#menucenter{text-align:center;
margin-left:130px;
}
/* -------------------------------------------------------- Street -------- */
#street{
	height:728px;
width:800px;
padding-top:50px;
	background: #fff url('images/bg/streetFrame.gif') no-repeat ;
	
}

#street table{
	margin-bottom: 12px;
}
/* -------------------------------------------------------- SNOW -------- */
#snowcollectionpos {
	text-align:left;
	clear:both;
	display:block;
	margin:90px 0 0 165px;
}

#snow{
	float:left;
	margin:0px 50px 0px 50px;
	width: 800px; 
	height: 600px;
	background: #fff url('images/bg/snowFrame.gif') no-repeat center center;

}


.zitem_snow {
	font-family:arial;	
	width:145px;
	height:145px;	
	border:0px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem_snow .caption_snow {
	width:145px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem_snow .caption_snow a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem_snow img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


#snowoverview {
	display:block;
	float:left;
	width:62px;
}

/* -------------------------------------------------------- COLORAMA -------- */
#coloramacollectionpos {
	text-align:left;
	clear:both;
	display:block;
	
	margin:100px 0 0 185px;
}

#colorama{
	float:left;
	margin:0px 50px 0px 50px;
	width: 800px; 
	height: 600px;
	background: #fff url('images/bg/coloramaFrame.gif') no-repeat center center;

}

.zitem_colorama {
	font-family:arial;	
	width:145px;
	height:145px;	
	border:0px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem_colorama .caption_colorama {
	width:145px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem_colorama .caption_colorama a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem_colorama img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


#coloramainfo {
margin:10px 110px;	
}
#coloramainfo p{
	text-align:center;
	width:600px;
}


.coloramaoverview {

display:block;
float:left;
width:62px;
	
}



/* -------------------------------------------------------- ssolids -------- */
#ssolidscollectionpos {
	text-align:left;
	clear:both;
	display:block;
	margin:110px 0 0 120px;
}

#ssolids{
	float:left;
	margin:0px 50px 0px 50px;
	width: 800px; 
	height: 710px;
	background: #fff url('images/bg/SolidsFrame.gif') no-repeat top center;

}




.zitem_ssolids {
	font-family:arial;	
	width:110px;
	height:110px;	
	border:0px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem_ssolids .caption_ssolids {
	width:110px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem_ssolids .caption_ssolids a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem_ssolids img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


#ssolidsoverview {
	display:block;
	float:left;
	width:62px;
	
}

.ssolidstext{
	margin-top:50px;
	margin-left:50px;
	width:700px;
	text-align:center;
}



/* -------------------------------------------------------- water -------- */




#water{
	float:left;
	margin:0px 50px 0px 50px;
	width: 800px; 
	height: 600px;
	background: #fff url('images/bg/waterFrame.gif') no-repeat center center;

}

#watercollectionpos {
	text-align:left;
	clear:both;
	display:block;
	margin:90px 0 0 106px;
}



.zitem_water {
	font-family:arial;	
	width:145px;
	height:145px;	
	border:0px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem_water .caption_water {
	width:145px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem_water .caption_water a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem_water img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


.wateroverview {

display:block;
float:left;
width:62px;
	
}

.clear {
	clear:both;	
}



/* -------------------------------------------------------- littly nutty -------- */

#lilnutty{
	width: 660px; 
	height: 640px;
	background: #fff url('images/bg/lilNuttyFrame.jpg') no-repeat ;
padding: 50px 70px 70px 70px;

}


/* -------------------------------------------------------- Sizecharts -------- */


#fitContainer{
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 472px;
	text-align: center;
	padding: 128px 0 0 0;
	margin: 0;
}

#fitTable{
	width: 635px;
	text-align: center;
	border-collapse: collapse; 
	border: solid 1px #fff;
	padding: 0;
	margin: 0 auto 0 auto; 
}

#fitTable th.refCol{
	width: 132px;
}

#fitTable th.helmetCol{
	width: 233px;
}

#fitTable th{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #fff;
	text-align: center;
	padding: 6px 0;
	vertical-align: middle;
}

#fitTable td{
	color: #fff;
	font-size: 12px;
	border: solid 1px #fff;
	text-align: center;
	padding: 6px 0;
	vertical-align: middle;
}

#fitTable th span{
	font-size: 10px;
	font-weight: normal;
}

#fitTable .leftText{
	text-align: left;
	padding-left: 12px;
}

#fitTable p{
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: center;

}

#fitTable p.bigBold{
	font-size: 16px;
	font-weight: bold;


}

.footnote{
	width: 635px;
	color: #fff;
	font-size: 11px;
	text-align: left;
	padding: 0 0 0 4px;
	margin: 8px auto 0 auto;
}

#fitContainer a#getFitDownload, 
#fitContainer a#getFitDownload:hover, 
#fitContainer a#getFitDownloadt:visited, 
#fitContainer a#getFitDownload:active {
	position: absolute;
	top: 107px;
	left: 608px;
	width: 110px;
	height: 15px;
	font-size: 11px;
	color: #51A5AC;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#fitContainer a#getFitDownload:hover {
	color: #e17125;
}


img,
a img
{
	border: none;
}
.centerText { text-align: center; }
.centerText * { margin-right: auto; margin-left: auto; }

/* -------------------------------------------------------- Downlaod Section -------- */

#download_section{
	width: 800px;
	height: 100%;
	margin-top:-4px;	
}
#click_area {
	margin-top:-5px;
}

#click_area a{
	outline:0px;
}

/* -------------------------------------------------------- Gallery Frame Rahmen -------- */


.picframe {border: 2px solid #88c439; text-align:center;height:40px; width:60px;}

#gallery{
	float:left;
	background-image: url(images/gallery_bg.png);
	height:487px; width:526px;
	text-align:left;
}

#gallery p{
	padding-left:31px;
	font-size:12px;
}

#gallery h1{
	padding-left:31px;
}

#gallerygroup{
	float:left;
	background-image: url(images/gallerygroup_bg.png);
	height:467px; width:264px;
	text-align:left;
	padding-top:20px;
	padding-left:10px;
}

#galleryfooter{
	float:right;
}
#bildcontainer{
	position:relative;
	top:215px;
	left:0px;
}

/* -------------------------------------------------------- Walk and Bike -------- */
#walkandbike {
	background-color: #FFDF01;
	padding-bottom:50px;
	margin-left:50px;
	width:800px;
}
#walkandbikeheader{
	background: #c5c6c8 url('images/bridgepedalheader06.gif') no-repeat ;
	width:800px;
	height:81px;
}
#walkandbikehelm {
	float:left;
	width:436px;
	height:477px;
}
#walkandbikeinfo{
	float:left;
	text-align:left;
}
#walkandbikeheaderlogos{
	position:relative;	
	top:11px;
	left:230px;
}



p.large{
	font-size: 11px;
	padding: 0;
	margin: 8px 0 12px 0;
}

a:link, a:visited, a:active{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #e17125;
	text-decoration: none;
}

p.quotes{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0 10px 0 0;
	margin: 10px 10px 0 10px;
}

p.quotes2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	padding: 0 10px 0 0;
	margin: 10px 10px 0 10px;
}