/****
	
	For: norupdesign.dk
	By: Johan Jessen // johanjessen.com
	
*****/

html {overflow-y: scroll;}

* {margin: 0; padding: 0; outline: none;}	

body {
	font: 15px/1.4em Georgia, "Times New Roman", Times, serif;
	color: #333;
	background: #7e7e75 url(../graphics/wood_texture.jpg) repeat;
}
h1 {display: none;}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 1.5em;
	font-weight: 400;
	margin-left: -9999px;
	margin-top: -30px;
	clear: both;
}

h3 { 
	font-size: 1.4em;
	font-weight: 400;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #445b7c;
	padding: 20px 10px 5px 0;
}

p{margin: 5px 0 10px 0;}
img{border: none;}

/* --- Links --- */

a:link, a:visited {	
	color: #445b7c;
	text-decoration: none;
}
a:hover, a:active {
	color: #445b7c;
	text-decoration: underline;
}

/* --- Layout --- */

#forside {
	margin: 10px auto;
	width: 800px;
}
	#forside-bg {background: url(../graphics/wood_texture.jpg) repeat;}

#container {
	margin: 10px auto;
	width: 700px;
	background: url(../graphics/bg_maincontent.png) repeat;
}
#header {
	background-image: url(../graphics/ND_header_summer.jpg);
	height: 179px;
}
#logo img, #logo a {
	padding: 80px 5px 20px 10px;
	border: none;
	text-decoration: none;
}
#maincontent {margin: 10px 90px 10px 90px;}

.rightimage{float: right; margin: 10px -40px 5px 10px;}
.leftimage{float: left; margin: 10px 10px 5px -40px;}
.imagecenter{padding-left: 15px;} 	/* Til billed-thumbnails på billedsiden */
.rightimage-contact {float: right;}

/* --- H2 images --- */

.classicimg {
	display: block;
	height: 47px;
	margin-left: -50px;
	margin-bottom: -8px;
	margin-top: 20px;
}
	#billeder #velkommen {background: url(../graphics/velkommen_header_01.png) no-repeat;}

	#design #rustikt {background: url(../graphics/design_header_01.png) no-repeat;}
	#design #materialer {background: url(../graphics/design_header_02.png) no-repeat}
	#design #fremstilling {background: url(../graphics/design_header_03.png) no-repeat}
	#design #fuldend {background: url(../graphics/design_header_04.png) no-repeat}
	
	#historie #droem {background: url(../graphics/historie_header_01.png) no-repeat;}
	#historie #rustikt {background: url(../graphics/historie_header_02.png) no-repeat;}
	#historie #baeredygtighed {background: url(../graphics/historie_header_03.png) no-repeat;}
	#historie #kvalitet {background: url(../graphics/historie_header_04.png) no-repeat;}
	#historie #oplevelse {background: url(../graphics/historie_header_05.png) no-repeat;}
	
	#kontakt #kontaktos {background: url(../graphics/kontakt_header_01.png) no-repeat;}

/* --- Main Navigation --- */

#nav-main {
	background-color: transparent;
	height: 30px;
}

	#nav-main li {
		list-style: none;
		display: inline;
		float: left;
	}

		#nav-main li a {
			display: block;
			height:30px; 
			width: 105px;
			font: 16px Verdana, "Lucida Grande", Arial, sans-serif ;
			line-height: 30px;
			text-align: center;
			vertical-align: middle;
			color: #fff;
			text-decoration: none;
			background-color: #000;
		}
	
		#nav-main li a:hover {
			background: transparent url(../graphics/nav_transparent.png) repeat;
			color: #445b7c;
		}
	
		#nav-main li a:active {
		text-decoration: none;
		color: #445b7c;
		}

			#nav-main #n-billeder {
				margin-left: 88px;
			}

/* --- Displays current page  --- */

#billeder #n-billeder a:link,
#design #n-design a:link,
#historie #n-historie a:link,
#koeb #n-koeb a:link,
#kontakt #n-kontakt a:link { 
	color: #445b7c;
	background: transparent url(../graphics/nav_transparent.png) repeat;
}
#billeder #n-billeder a:visited,
#design #n-design a:visited,
#historie #n-historie a:visited,
#koeb #n-koeb a:visited,
#kontakt #n-kontakt a:visited { 
	color: #445b7c;
	background: transparent url(../graphics/nav_transparent.png) repeat;
}
#billeder #n-billeder a:hover,
#design #n-design a:hover,
#historie #n-historie a:hover,
#koeb #n-koeb a:hover,
#kontakt #n-kontakt a:hover { 
	color: #445b7c;
	background: transparent url(../graphics/nav_transparent.png) repeat;
}
#billeder #n-billeder a:active,
#design #n-design a:active,
#historie #n-historie a:active,
#koeb #n-koeb a:active,
#kontakt #n-kontakt a:active { 
	color: #445b7c;
	background: transparent url(../graphics/nav_transparent.png) repeat;
}
/* --- Link til Johan --- */

#johan {float: left;}
	#johan p {font: 10px Verdana, Helvetica, sans-serif; color: #333;}
	#johan a:link, #johan a:visited {color: #333; text-decoration: none;}
	#johan a:hover, #johan a:active {color: #fff; background-color: #445b7c; padding: 3px;}

/* --- Footer --- */

#footer {
	background: url(../graphics/footer.png) no-repeat;
	display: block;
	height: 50px;
	padding-bottom: 10px; 
 	clear: both;
}

/* --- Bestillingsside --- */

#order_container {
	margin: 0px auto;
	width: 700px;
	*/background: url(../graphics/bg_maincontent.png) repeat;*/
}

#order_table {font-size:14px; border-collapse: collapse;}

#order_table th{
	text-align: left;
	font: 1em/1.2em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	border-bottom: 1px solid #445b7c;
	padding: 2px 0 2px 0;
}
	#order_table th#table_price{text-align: right;}

#order_table td.item{
	padding-top: 10px;
	width: 350px;
}

#order_table td.number{
	padding-top: 10px;
	width: 50px;
	text-align: left;
}

#order_table td.price{
	padding-top: 10px;
	width: 100px;
	text-align: right;
}

#order_table tr#total{
	font-weight: bold;
	border-top: 1px solid #000;
}


#order_form {
	color: #333;
}
		#order_form p {
			margin-bottom: 5px;
			font-size: 14px;
		}

		#order_form label {
			float: left;
			width: 70px;
			color: #445b7c;
		}
		
		#order_form input, #order_form textarea, #order_form select {
			border: 1px solid #718db5;
			background-color: #fff;
			padding: 2px 0 2px 2px;
			width: 220px;
		}
		
		#order_form input#qty {width: 30px;}
		#order_form input#mailinglist {width:auto;}
		#order_form input#dropoff {width:auto;}
		#order_form input#handelsbetingelser {width:auto;}
		
		#order_form p.subinfo {margin-top: -2px; margin-bottom: 15px;}
		
		#order_form input#zip {width: 60px;}
		#order_form input#phone {width: 100px;}
		#order_form input#deliverydate {width: 100px;}
		#order_form input#zip-deliv {width: 60px;}
		
		#order_form label#deliverydate {width: 100px;}
		
		#order_form p#mailinglist {
			display:block; 
			width: 300px; 
			margin: 15px 5px 5px 5px;
			}

		#order_form #submit-order {
			font: 1.3em/1.2em Georgia, "Times New Roman", Times, serif;
			margin: 20px 0 10px 0;
			width: 130px;
			background-color: #718db5;
			border: 1px solid #fff;
			padding: 3px 6px;
			color: #fff;
		}