@import url("navigation.css");
@import url("modules.css");

/* Vestjysk Marketing HTML/CSS Responsive Framework v. 0.3 */
/* Vestjysk Marketing HTML/CSS Responsive Framework is based upon:
	Jonathan Longnecker - Making Your Footer Stay Put With CSS (http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/)
	The Eric Meyer CSS Reset (http://meyerweb.com/eric/tools/css/reset/)
	The 960 Grid System (http://www.960.gs/)
*/
/* USAGE: NO CONTENT OUTSIDE THE CONTAINER ELEMENT AND FOOTER ELEMENT! */

/* CSS RESET */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, img, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin:0; padding:0; border:0; }
	table { border-collapse:collapse; border-spacing:0; } /* <table> tags must still have 'cellspacing="0"' in the HTML markup */
	
/* WEBSITE STRUCTURE */
	
	html, body { text-align:left; height:100%; }
	#container { width:100%; min-height:100%; margin: 0 auto -540px auto; }
	#footer { width:100%;}
	#footercontainer { width:960px; margin:0 auto; }
	#push, #footer { height:540px; clear:both; }

/* TAGS */

	body { line-height:140%; word-spacing:0.11em; }
	h1 { font-size:2em; margin:0 0 34px 0; }
	h2, h3 { font-size:1.5em; margin:0 0 25px 0; }
	h4, h5, h6 { font-size:1em; margin:0 0 16px 0; }
	p { margin:0 0 25px 0; }
	img { max-width:100%; display:block; }
		img a { border:none; }
		img.left { float:left; }
		img.right { float:right; }
		img.center { margin:0 auto; }
	abbr { font-size:0.8em; letter-spacing:2px; text-transform:uppercase; cursor:help; border-bottom:1px dotted #000000; }
	code { color:#a8c75e; font-family:monospace; background:#333; padding:0.2em 1%; }
	del { color:#FF0000; text-decoration:line-through; }
	ol, ul { list-style-position:inside; margin:0px 0px 29px 29px; }
		ol ol, ol ul, ul ul, ul ol { margin:0px 0px 0px 23px; }
		li { margin:4px 0px; }
	table { width:96%; margin:0 2% 34px 2%; border-left:1px solid #F1F1F1; }	
		caption { line-height:145%; font-style:italic; }
		thead { text-align:center; background:#F1F1F1; }
		th { padding:8px 4px; }	 
		td { padding:8px; border-bottom:1px solid #E5E5E5; border-right:1px solid #F1F1F1; }
	hr {  display:block; height:1px; margin:1.5em 0; border:none; border-top:1px solid #F1F1F1; }
	blockquote { width:96%; font-weight:bold; font-style:italic; margin:0 2% 34px 2%; }
		blockquote p { margin:0; }
		blockquote cite { width:100%; font-weight:normal; text-align:right; display:inline-block; }
	pre { color:#a8c75e; overflow:auto; font-family:monospace; background-color:#333; width:90%; margin:34px 2%; padding:1em 3%; }
	
/* MISC. CLASSES */

	.right { float:right; }
	.left { float:left; }
	.center { display:block; margin:0 auto; }
	span.b { font-weight:bold; }
	span.i { font-style:italic; }
	
/* SITE SPECIFIC CSS RULES */
	
	
	/* GLOBALS */
	body { background:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; }
	
	/* HEADER */


	/* SIDEBAR */

	
	/* FOOTER */
	div#footer { background:url(/web/grafik/backgrounds/footer-bg.jpg) center top no-repeat #000; }

	  
	/* FRONTPAGE */
	
	
	/* DESKTOPS -> LAPTOPS -> IPAD LANDSCAPE */
	/*@media screen and (min-width: 960px) { */
		
		/* GLOBALS */
		body { }
		h1,h2 { color:#9e1f28; font-size:16px; text-transform:uppercase; margin:0 0 20px 0; }
		h1 { font-size:18px; }
		h3,h4,h5,h6 { color:#9e1f28; font-size:14px; text-transform:uppercase; margin:0 0 20px 0; }
		a,a:active,a:visited { color:#000; text-decoration:underline; }
		a.btn { color:#FFF; text-transform:uppercase; text-decoration:none; background:#9e1f28; display:block; float:right; clear:both; padding:5px 8px;}
		a.btn:hover { background:#4cbc3c; }
		a.nolink { text-decoration:none; }
			div#container { }
				div#top { background:url(/web/grafik/backgrounds/top-bg.png) center top repeat-x; width:100%; height:100px; position:absolute; top:0; z-index:400000000; }
					div#top-content { width:960px; left:50%; margin:auto; }
						div#top-content img.logo { width:300px; float:left; }
						div#top-content img { float:right; }
						div#top-content div#kontakt { width:450px; float:right; position:relative; padding:22px 0 0 0; z-index:500000000; }
							div#top-content div#kontakt div#kontakt-panel { position:relative; background:#FFF; width:410px; height:440px; display:none; padding:0 20px 0 20px; }
								div#top-content div#kontakt div#kontakt-panel p.heading { color:#9e1f28; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 0 0 0; }
								div#top-content div#kontakt div#kontakt-panel form { margin:0; }
									div#top-content div#kontakt div#kontakt-panel form label { font-weight:bold; float:left; clear:both; }
									div#top-content div#kontakt div#kontakt-panel form input { width:250px; float:left; clear:both; margin:0 0 12px 0; }
									div#top-content div#kontakt div#kontakt-panel form input.submit { font-weight:bold; text-transform:uppercase; color:#FFF; background:#9e1f28; width:230px; height:30px; float:left; clear:both; margin:15px 0 10px 0; border:none; }
									div#top-content div#kontakt div#kontakt-panel form textarea { width:410px; float:left; clear:both; margin:0 0 10px 0; }
							div#top-content div#kontakt a#kontakt-link { float:right; }
						div.brodsti { font-size:10px; text-transform:uppercase; height:20px; width:100%; float:left; clear:both; margin:10px 0 30px 0; }
							div#krummer { float:left; }
							  div.brodsti div#krummer a { color:#9e1f28; font-weight:bold; text-decoration:none; display:inline-block; }
							  div.brodsti div#krummer img { display:inline-block; }
							div#social { float:right;}
				div#content { width:960px; left:50%; margin:30px auto 0 auto; }
			
		/* HEADER */
		div#header { width:100%; height:440px; .padding-top:80px; margin:80px 0 0 0; z-index:200000000; overflow:hidden;}
			div#header-content { width:920px; left:50%; position:absolute; padding:0 20px; margin:50px 0 0 -480px; z-index:4000; }
				div#header-content div#header-text { width:400px; float:left; margin:40px 0 0 0; }
					div#header-content div#header-text p.heading { font-size:33px; color:#FFF; text-transform:uppercase; font-weight:bold; line-height:35px; background:#9e1f28; display:inline; }
				div#header-content iframe { float:right; width:500px; height:300px; }
			div#slideshow { width:100%; height:440px; position:relative; overflow:hidden; }
				div#slideshow div { width:100%; height:440px; overflow:hidden; }
			div#seperator { background:url(/web/grafik/backgrounds/bottom-bg.png) center top repeat-x; width:100%; height:21px; position:absolute; top:500px; z-index:1000; }

		
		/* SIDEBAR */
		div#sidebar { width:275px; float:left; margin:0 45px 0 0; }
			div#sidebar ul { font-family:Arial, Helvetica, sans-serif; font-size:14px; width:215px; left:50%; list-style:none; list-style-position:outside; margin:0 auto 0 auto; }
				div#sidebar ul li { float:left; clear:both; margin:0 0 0 0; }
					div#sidebar ul li ul { float:left; clear:both; margin:10px 0 10px 0; }
						div#sidebar ul li ul li { border:none; margin:0 0 10px 22px; }
							div#sidebar ul li ul li ul li { color:#999; }
							div#sidebar ul li ul li a { font-size:12px; background:none; padding:0 0 0 0; border:none; }
							div#sidebar ul li ul li a:hover { color:#9e1f28; background:none; }
								div#sidebar ul li ul li ul { list-style:square; }
					div#sidebar ul li a { color:#8f9095; font-size:12px; text-decoration:none; text-transform:uppercase; background:url(/web/grafik/elements/menu_inactive.gif) no-repeat left center; width:193px; display:block; padding:8px 0 8px 22px; border-bottom:dotted 1px #8d9095; }
					div#sidebar ul li a:hover { background:url(/web/grafik/elements/menu_active.gif) no-repeat left center; }
						div#sidebar ul li ul li a { font-size:11px; text-transform:none; }
					a.subnav_active2, a.subnav_active2, a.subnav_active3 { color:#9e1f28; }
		/* PAGE */
		div#article { width:600px; min-height:400px; float:left; padding:0 20px 0 0; }
			div#article ul.news { margin:0; padding:0; }
				div#article ul.news li.news_wrapper { list-style:none; list-style-position:inside; padding:20px 0 20px 0; border-bottom:solid 1px #8d9095; }
					div#article span.date { color:#8d9095; font-size:10px; }
			div#article ul.paging { margin:20px auto 20px auto; text-align:center; } 
				div#article ul.paging li { float:left; margin:0 10px 0 10px; }
		div#page-header { width:100%; height:300px; .padding-top:80px; margin:80px 0 0 0; z-index:200000000; overflow:hidden;}
			div#page-header div#header-content { width:920px; left:50%; position:absolute; padding:0 20px; margin:50px 0 0 -480px; z-index:4000; }
				div#page-header div#header-content div#header-text { width:100%; float:left; margin:40px 0 0 0; }
					div#page-header div#header-content div#header-text p { font-size:33px; color:#FFF; text-transform:uppercase; font-weight:bold; line-height:35px; background:#9e1f28; float:left; clear:both; display:inline; }
						div#page-header div#header-content div#header-text p a { color:#FFF; word-spacing:0; text-decoration:none; }
						div#page-header div#header-content div#header-text p a:hover { background:#4cbc3c; }
				div#page-header div#header-content iframe { float:right; width:500px; height:300px; }
			div#page-header div#slideshow { width:100%; height:300px; position:relative; }
				div#page-header div#slideshow div { width:100%; height:300px; }
			div#page-header div#seperator { background:url(/web/grafik/backgrounds/bottom-bg.png) center top repeat-x; width:100%; height:21px; position:absolute; top:360px; z-index:1000; }

		
		/* FOOTER */
		#footer { margin:60px 0 0 0; }
			#footercontainer { font-family:Verdana, Geneva, sans-serif; color:#FFF; padding:55px 0 0 0; }
				#footercontainer p.heading { font-weight:bold; text-transform:uppercase; }
				#footercontainer div { width:240px; float:left; }
					#footercontainer div ul { list-style:none; list-style-position:outside; margin:0; padding:0; }
				#footercontainer a.vestjysk-marketing { float:right; clear:both; }
				#footercontainer a, #footercontaine a:active, #footercontaine a:visited { color:#FFF; }
	  		  
		/* FRONTPAGE */
		div#about { width:280px; float:left; padding:0 20px 0 0; }
			div#about h1 { font-size:16px; }
		div#updates { background:url(/web/grafik/elements/seperator.gif) left top no-repeat; width:300px; min-height:545px; float:left; padding:0 0 0 30px; }
			div#updates div.articles { width:100%; float:left; clear:both; margin:0 0 0 0; }
			div#updates p.heading { color:#9e1f28; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; }
		div.item { width:280px; float:left; clear:both; margin:0 0 0 0; }
			div.item div.date { width:85px; float:left; padding:0 20px 0 0; }
			div.item div.article { width:175px; float:left; }
	/*}*/

	/* IPHONE4 LANDSCAPE -> IPAD PORTRAIT -> IPHONE4 PORTRAIT  */
	/*@media screen and (min-width: 640px) and (max-width: 960px) { */
		
		/* GLOBALS 
		body { }
		h1,h2 { color:#9e1f28; font-size:16px; text-transform:uppercase; margin:0 0 20px 0; }
		h3,h4,h5,h6 { color:#9e1f28; font-size:14px; text-transform:uppercase; margin:0 0 20px 0; }
		a,a:active,a:visited { color:#000; text-decoration:underline; }
		a.btn { color:#FFF; text-transform:uppercase; text-decoration:none; background:#9e1f28; display:block; float:right; clear:both; padding:5px 8px;}
		a.btn:hover { background:#4cbc3c; }
		a.nolink { text-decoration:none; }
			div#container { width:100%; }
			div#top { }
				div#content { width:96%; left:50%; margin:auto 0 auto 0; padding:0 2% 0 2%; }
					div.brodsti { font-size:10px; text-transform:uppercase; height:20px; width:100%; float:left; clear:both; margin:20px 0 20px 0; }
							div#krummer { float:left; }
							  div.brodsti div#krummer a { color:#9e1f28; font-weight:bold; text-decoration:none; display:inline-block; }
							  div.brodsti div#krummer img { display:inline-block; }
							div#social { float:right;}*/
		
		/* HEADER 
		div#header { width:100%; }
			div#header-content { position:absolute; left:2%; z-index:4000; }
				div#header-content div#header-text { width:96%; float:left; margin:40px 0 30px 0; }
					div#header-content div#header-text p.heading { font-size:33px; color:#FFF; text-transform:uppercase; font-weight:bold; line-height:35px; background:#9e1f28; display:inline; }
				div#header-content div#video { width:400px; height:250px; margin:0 auto 0 auto; }
					div#header-content iframe { width:400px; height:250px; }
			div#slideshow { width:100%; height:440px; position:relative; overflow:hidden; }
				div#slideshow div { width:100%; height:440px; overflow:hidden; }*/


		/* SIDEBAR 
		div#sidebar { width:25%; float:left; padding:0 8% 0 0; }
			div#sidebar ul { font-family:Arial, Helvetica, sans-serif; font-size:14px; width:100%; left:50%; list-style:none; list-style-position:outside; margin:0 auto 0 auto; }
				div#sidebar ul li { width:100%; float:left; clear:both; margin:0 0 0 0; }
					div#sidebar ul li ul { float:left; clear:both; margin:10px 0 10px 0; }
						div#sidebar ul li ul li { border:none; margin:0 0 10px 22px; }
							div#sidebar ul li ul li a { font-size:12px; background:none; padding:0 0 0 0; border:none; }
							div#sidebar ul li ul li a:hover { color:#9e1f28; background:none; }
								div#sidebar ul li ul li ul { list-style:square; }
					div#sidebar ul li a { background:url(/web/grafik/elements/menu_inactive.gif) no-repeat left center; width:100%; display:block; padding:8px 0 8px 22px; border-bottom:dotted 1px #8d9095; }
					div#sidebar ul li a:hover { background:url(/web/grafik/elements/menu_active.gif) no-repeat left center; }
					a.subnav_active2, a.subnav_active2, a.subnav_active3 { color:#9e1f28; }*/
	
		
		/* FOOTER 
		div#footer { width:96%; left:50%; margin:0 auto 0 auto; padding:0 2% 0 2%; } 
			div#footercontainer { width:96%; left:50%; margin:0 auto 0 auto; padding:0 2% 0 2%; }*/
	
		  
		/* FRONTPAGE 
		div#about { width:67%; float:right; }
		div#updates { width:67%; float:right; }
			div#updates p.heading { color:#9e1f28; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0 0 20px 0; }
			div#updates div.articles { width:100%; float:left; }
		
	}*/
	
	
	
	/* IPHONE4 PORTRAIT -> IPHONE3 LANDSCAPE -> IPHONE3 PORTRAIT 
	@media screen and (min-width: 0px) and (max-width: 640px) {*/
		
		/* GLOBALS */

	
		/* HEADER */

	
		/* SIDEBAR */
	
		
		/* FOOTER */
	
		  
		/* FRONTPAGE 
		
	}*/