@charset "utf-8";
@import 'fancybox.css';
@import 'slider.css';
@import 'fancybox.thumbs.css';

/*******************************************************************************************/
/*									Font Face Import									   */
/*******************************************************************************************/

@font-face {
    font-family: 'amaranthregular';
    src: url('f/amaranth-regular-webfont.eot');
    src: url('f/amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('f/amaranth-regular-webfont.woff') format('woff'),
         url('f/amaranth-regular-webfont.ttf') format('truetype'),
         url('f/amaranth-regular-webfont.svg#amaranthregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BrushScriptStdMedium';
    src: url('f/brushscriptstd.eot');
    src: url('f/brushscriptstd.eot') format('embedded-opentype'),
         url('f/brushscriptstd.woff') format('woff'),
         url('f/brushscriptstd.ttf') format('truetype'),
         url('f/brushscriptstd.svg#BrushScriptStdMedium') format('svg');
}

/*******************************************************************************************/
/*										Global Styling									   */
/*******************************************************************************************/

* 	    { margin:0; padding:0; outline:none; } 			  /* Nulstiller de fleste spacings browsere har fra standard 		    */
.fright { float:right; } 								  /* Sørger for at floate elementer right 							    */
.fleft  { float:left; } 					    		  /* Sørger for at floate elementer left 								*/
.clear  { clear:both; }  					    		  /* Clear både left og rigth float									    */
.center { width:1064px; margin:auto; position:relative; } /* Sørger altid for at centrere det indhold der er inden for 		    */
														  /* (Bruges istedet for wrapper, da kun nogle af sitet er fuld bredte) */
														  
/*******************************************************************************************/
/*								     Bogmærke Overskrifter 								   */
/*******************************************************************************************/
																	
#bund h1, #bund h2, #bund h3 { /* Styler de forskellige h tags i den nederste del */
	font-family:'BrushScriptStdMedium';
	color:#FFFFFF;
}

	#bund h1 span, #bund h2 span, #bund h3 span { /* Bruges til at gøre noget af teksten gul i h tags */
		color:#f9d901; 
	}

#bund h1 { /* Stort bogmærke */
	padding:17px 0 0 19px;
	font-size:1.9em;
	height:45px;
	width:1010px;
}

	#bund h1.gron   { background:url("../i/overskrift_stor_gron.png") no-repeat;   } /* Grøn */
	#bund h1.rod    { background:url("../i/overskrift_stor_rod.png") no-repeat;    } /* Rød */
	#bund h1.orange { background:url("../i/overskrift_stor_orange.png") no-repeat; } /* Orange */
	
		#bund h2 { /* Mellem bogmærke */
			padding:18px 0 0 19px;
			font-size:1.9em;
			margin:20px 0 10px 0;
			height:45px;
			width:276px;
		}
		
			#bund h2.gron { background:url("../i/overskrift_mellem_gron.png") no-repeat; } /* Grøn */
		
				#bund h3 { /* Lille bogmærke (footer) */
					padding:17px 0 0 19px;
					font-size:1.4em;
					margin:20px 0 10px 0;
					height:38px;
					width:276px;
				}
				
					#bund h3.gron   { background:url("../i/overskrift_gron.png") no-repeat;   } /* Grøn */
					#bund h3.rod    { background:url("../i/overskrift_rod.png") no-repeat;    } /* Rød */
					#bund h3.orange { background:url("../i/overskrift_orange.png") no-repeat; } /* Orange */
					#bund h3.brun   { background:url("../i/overskrift_brun.png") no-repeat;   } /* Brun */

/*******************************************************************************************/
/*								  		    Knapper 									   */
/*******************************************************************************************/
 
.knap { /* Opretter knap */
	color:#FFFFFF;
	padding:7px 0;
	margin:5px;
	cursor:pointer;
	font-size:0.78em;
	border:1px #d56005 solid;
	background-color:#f97e01;
}
	
	.knap span { /* Sørger for en gul inder streg i knappen */
		padding:6px 7px;
		border:1px #fba738 solid;
	}
	
		.knap:hover 		 { color:#af340d; }
		.knap span.icon 	 { padding:6px 16px; }
		.knap span.sog  	 { background:url("../i/sog_icon.png") 6px 3px no-repeat; }
		.knap span.sog:hover { border-color:#f97e01; background:url("../i/sog_icon_hover.png") 6px 3px no-repeat; }

/*******************************************************************************************/
/*							    Effekter + Border-radius + Links 						   */
/*******************************************************************************************/
 
.effekt, a, button { /* Skaber effekt på :hover state på alle a links, buttons og dem med classen .effekt */
	transition:all ease-in-out 0.4s;
	-o-transition:all ease-in-out 0.4s;
	-moz-transition:all ease-in-out 0.4s;
	-webkit-transition:all ease-in-out 0.4s;
}

	.border-radius-10 { /* Sørger for en border-radius på 10 */
		border-radius:10px;
		-o-border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
		.border-radius-4 { /* Sørger for en border-radius på 4 */
			border-radius:4px;
			-o-border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}


a {
	color:#000000;
	text-decoration:none;
}

	a:hover {
		color:#f97e01;	
	}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	background-color:#FFFFFF;
}

/*******************************************************************************************/
/*									    	Header										   */
/*******************************************************************************************/

	header {
		height:222px;
		background-color:#2d1f20;
	}
	
		header img#logo { margin:36px 0 9px 0; }
		
			header nav {
				height:70px;
				background:url("../i/nav_bg.jpg") repeat-x;
			}
			
				header nav ul {
					float:left;
					list-style:none;
				}
				
					header nav ul li {
						float:left;
						margin:0 10px 0 0;
					}
					
						header nav ul li a {
							display:block;
							color:#FFFFFF;
							font-size:1.2em;
							text-transform:uppercase;
							font-family:'amaranthregular';
							padding:25px 10px;
						}
						
							header nav ul li a.aktiv { color:#f97e01 } /* Farver nuværende side link i menuen (Orange) */
						
			header #sog {
				margin:16px 0 0 0;
				float:right;	
			}
				
				header #sog input {
					padding:7px;
					border:none;
					color:#FFFFFF;
					box-shadow:2px 2px rgba(0,0,0,0.4) inset;
					background:url("../i/midt_bg.jpg");
				}
				
					/* Global Styling Af Placeholders */
					
						header #sog input::-webkit-input-placeholder { /* Chrome */
						   color:#FFFFFF;
						   opacity:0.4;
						}
						
						header #sog input:-moz-placeholder { /* Firefox 18- */
						   color:#FFFFFF;
						   opacity:0.4; 
						}
						
						header #sog input::-moz-placeholder {  /* Firefox 19+ */
						   color:#FFFFFF;
						   opacity:0.4;
						}
						
						header #sog input:-ms-input-placeholder {  /* IE */
						   color:#FFFFFF;
						   opacity:0.4;
						}

/*******************************************************************************************/
/*											Midt										   */
/*******************************************************************************************/

	#midt {
		height:615px;
		padding:40px 0;
		position:relative;
		background:url("../i/midt_bg.jpg");
	}
	
		#midt #slide_overskrift { /* Overskrift over slideren */
			position:absolute;
			top:45px;
			left:-3px;
			height:83px;
			width:291px;
			z-index:10;
			background:url("../i/slide_overskrift.png") no-repeat;	
		}
		
			#midt .slide_bg { background:url("../i/slide_bg.jpg") repeat-x #cdcdcd; } /* Slider baggrund */
	
				/* Kode til sliderne ligger i slider.css */

/*******************************************************************************************/
/*											Bund										   */
/*******************************************************************************************/

	#bund {
		position:relative;
		height:600px;
		background:url("../i/bund_bg.jpg") top repeat-x;
	}
	
		#bund section.content {
			padding:20px;
			width:1024px;
			position:absolute;
			background:url("../i/footer_bg.jpg") repeat-x bottom #FFFFFF;	
		}


		#bund section.content.forside { top:-111px; } /* Sørger for at bund sektionen ligger nederst på sitet */
		#bund section.content.normal  { top:-650px; } /* Rykker den nederste sektion op så den ligger midt på sitet*/
		
			#bund section.content #banner_stor {
				width:790px;
				height:88px;
				position:relative;
				background:url("../i/banner_stor_bg.jpg") repeat-y #bd4f22;
			}
			
				#bund section.content #banner_stor img.kok   { position:absolute; top:-36px; 			}
				#bund section #banner_stor img.tekst 		 { position:absolute; top:-5px; left:220px; }
			
			#bund section.content #banner_lille {
				width:215px;
				height:88px;
				background:url("../i/banner_lille_bg.jpg") no-repeat #99b318;
			}
			
				#bund section.content #banner_lille img.overskrift {
					margin:15px 0 0 8px;	
				}
				
					#bund section.content #banner_lille p {
						width:100%;
						font-size:1.7em;
						color:#FFFFFF;	
						text-align:center;
						font-family:'BrushScriptStdMedium';
					}

/*******************************************************************************************/
/*										 Konkurrencer									   */
/*******************************************************************************************/

		#bund #banner_holder {
			height:216px;
			padding:15px;
			margin:25px 0;
			background:url("../i/banner.jpg") no-repeat;
		}
		
			#bund #banner_holder #overlag {
				float:left;
				padding:5px;
				width:590px;
				height:206px;
				background:url("../i/brun_fade.png") no-repeat;	
			}
			
				#bund #banner_holder #teaser {
					float:right;
					width:360px;
					height:264px;
					margin:-20px 0 0 0;
					background:url("../i/teaser.png") no-repeat;	
				}

/*******************************************************************************************/
/*											Kontakt										   */
/*******************************************************************************************/

	#bund #kontakt td {
		padding:10px;
		vertical-align:top;
	}
	
		#bund #kontakt tr p {
			font-size:1.5em;
			color:#f78602;
			font-family:'BrushScriptStdMedium';
		}

			#bund #kontakt td input, #bund #kontakt td textarea {
				border:none;
				padding:10px;
				width:350px;
				font-family:Arial, Helvetica, sans-serif;
				box-shadow:2px 2px rgba(0,0,0,0.3) inset;
				background-color:#dcdcdc;	
			}
			
				#bund #kontakt td textarea { height:158px; resize:vertical; }
				
	#bund iframe { margin:13px 20px; }

/*******************************************************************************************/
/*											Footer										   */
/*******************************************************************************************/

	footer section {
		padding:8px;
		width:240px;
		float:left;
		border-bottom:1px #e6e6e6 solid;
	}
	
		footer section ul {
			margin:15px 10px;
			list-style:none;
		}
		
			footer section ul li {
				margin:10px;
				font-size:0.9em;
			}
			
				footer section ul li a {
					color:#84483a;
				}
				
					footer p {
						color:#828282;
						font-size:1.2em;
						margin:10px 0 0 0;
						font-family:'BrushScriptStdMedium';
					}
					
						footer .orange { color:#f98701; } /* Sørger for at lave teksten orange /*