/* Webdesign by http://www.webtildig.dk */

/* Body */
body {background-color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* Wrap */
div#wrap {width:100%; background-color: #FFFFFF; clear:both;}

/* TOP */
div#top {width:100%; height:32px; background-color:#000000;}

/* Top navigation */
div#top_navigation { width:960px; height:32px; margin:0 auto; line-height:32px;}
div#top_navigation ul {float:right; background-color:#AE3742; padding:0 120px 0 22px;}
div#top_navigation ul li {float:left; line-height:32px; margin:0 10px;}
div#top_navigation ul li a {color:#FFFFFF; text-decoration:none;}
div#top_navigation ul li a:hover { text-decoration: underline;}
div#top_navigation img {float:left; padding:7px 10px 0 30px;}
div#top_navigation p a{color:#FCF7D3; text-decoration:none; font-weight:bold; float:left;}

/* Flash */
div#flash {width:960px; height:116px; margin:0 auto; background-color:#f6f6f6;}

/* advert */
div#advert {width:960px; height:135px; margin:0 auto; background-color:#ae3742; color:#fcf7d3;}
div#logo {width:920px; height:50px; padding:13px 0 0 40px; font-size:60px; font-weight:bold; text-transform:uppercase; font-family:"Times New Roman", Times, serif; letter-spacing:-4px;}
div#logo a {text-decoration:none; color:#fcf7d3;}
div#advert p {font-size:20px;}
div#advert p.slogan { margin:15px 0 0 40px; padding:0 0 0 4px;}
div#advert p.slogan2 {float:right; margin:-10px 110px 0 0; display:inline; line-height:26px;}
div#advert a {clear:both;}


/* Main menu */
div#main_menu {width:960px; height:53px; margin:0 auto; background-image:url(../images/main_menu.gif); background-repeat:repeat-x;}
div#main_menu ul {}
div#main_menu ul li {float:left; }
div#main_menu ul li a { color:#FFFFFF; text-decoration:none; padding:0 25px;line-height:44px; height:44px;}
div#main_menu ul li a:hover, div#main_menu ul li.active a { background-color:#ae3742; line-height:44px; height:44px; color:#fcf7d3; float:left;}

/* Safari og Chrome hack til hover */
@media screen and (-webkit-min-device-pixel-ratio:0){ div#main_menu ul li a:hover{ float:none;padding:15px 25px;} } 

/* content_top */


/* Content frontpage */
div#content_frontpage_top {width:960px; background-image:url(../images/forside_top.gif); background-repeat:no-repeat; height:29px; margin:0 auto; background-position:bottom;}
div#content_frontpage {width:858px; padding:30px 50px; border: 1px solid #cccccc; margin:0 auto 50px auto;}
div#content_frontpage_bottom {width:960px; background-image: url(../images/frontpage_content_bottom.gif); background-repeat:no-repeat; height:29px; margin:0 auto 57px auto; background-position:top;}

/* Content left frontpage */
div#left_frontpage {background-color:#FFFFFF; width:500px; padding:20px 25px 0 25px; float:left;}
div#left_frontpage h1 { font-size:30px; margin:0 0 5px 0; text-transform:uppercase;}
div#left_frontpage h2 { font-size:20px; line-height:25px; margin:0 0 5px 0;}
div#left_frontpage p { font-size:14px; line-height:18px; margin:0 0 15px 0;}
div#left_frontpage ul {margin:0 0 20px 20px;font-size:14px; line-height:18px;}
div#left_frontpage ul li {margin:0 0 0 20px; list-style-type:square;}
div#left_frontpage a {color:#5C7E99;}
div#left_frontpage a:hover {text-decoration:none;}

div#frontpage_content_bottom {width:550px; height:21px; background-image:url(../images/frontpage_content_bottom.gif); background-repeat:no-repeat; float:left; background-position:top;}

/* Footer menu */
div#footer_menu {width:960px; height:370px; margin:0 auto; background-color:#AE3742;}
div#footer_menu ul { padding:10px 0 0 0; margin:0 0 0 50px; float:left; font-weight:bold; font-size:14px;}
div#footer_menu ul li {float:left; line-height:14px; width:210px; padding-bottom:4px;}
div#footer_menu ul li ul, div#footer_menu ul li ul li {margin:0; font-weight:normal; font-size:12px;}
div#footer_menu ul li ul li.active { font-weight:bold;}
div#footer_menu ul li a { color:#FFFFFF; text-decoration:none;}
div#footer_menu ul li a:hover, div#footer_menu ul li.active a{ border-bottom:1px dotted #ffffff;}
/* Footer */
div#footer {width:960px; line-height:50px; margin:0 auto; color:#5c7e99; text-align:center; letter-spacing:1px; background-image:url(../images/footer_icon.gif); background-repeat:no-repeat; background-position:30px 10px;}
div#footer p {color:#FCF7D3;}
div#footer a { color:#FCF7D3; text-decoration:none;}
div#footer a:hover { color:#d5d4d3;}

/* Frontpage knapper */
a.knap1 {width:195px; height:242px; display:block; background-image:url(../images/forside_knapper.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-99999px}
a.knap1:hover {background-position:0px -242px;}

a.knap2 {width:195px; height:242px; display:block; background-image:url(../images/forside_knapper.gif); background-repeat:no-repeat; background-position:-195px 0; text-indent:-99999px}
a.knap2:hover {background-position:-195px -242px;}

a.knap3 {width:195px; height:242px; display:block; background-image:url(../images/forside_knapper.gif); background-repeat:no-repeat; background-position:-390px 0; text-indent:-99999px}

a.knap3:hover {background-position:-390px -242px;}
ul.knapper {margin:0 0 0 120px;}
ul.knapper li {float:left; margin-right:50px;}

/* Frontpage stor knap */
div#simple_skabeloner {width:960px; height:167px; background-image:url(../images/forside_txt.gif); background-position:center; background-repeat:no-repeat; color:#fcf7d3; margin:20px 0 0 0; float:left; }
div#simple_skabeloner p.one {font-size:37px; text-align:center; padding:30px 0 0 0;}
div#simple_skabeloner p.two {font-size:22px; padding:13px 0 0 150px;}
div#simple_skabeloner p.tree {font-size:16px; text-align:right; padding:30px 100px 0 0;}

a:focus {
	outline: none;
}

 #panel {
	background: #FFFFFF;
	height: auto;
	display: none;
	padding:10px;
	border:1px solid #CCCCCC;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(../images/btn-slide.gifX) no-repeat center top;
}
.btn-slide {
	background: url(../images/white-arrow.gifX) no-repeat right -50px;
	

	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/* UNDERSIDER opbygning */

/* Content */
div#content {width:960px; padding:25px 0; background-color:#FFFFFF; margin:0 auto;}


/* Left */
div#left {width:210px; float:left; min-height:300px; height:auto !important; height:300px; margin:0 30px 0 0; display:inline;}

/* Top undersider */
div#content_top {width:720px; min-height:250px; height:auto !important; height:250px; background-image:url(../images/content_top_undersider.gif); background-repeat:repeat-y; float:left;}

div#content_top_hvid {width:718px; min-height:250px; height:auto !important; height:250px; float:left; border: 1px solid #cccccc;}

/* Content wrap - center og right */
div#content_wrap {width:720px; float:left; margin-top:30px;}
div#content_wrap_txt {width:720px; float:left; margin-top:0;}

/* Center */
div#center {width:540px; float:left; margin:0 20px 0 0; display:inline; min-height:50px; height:auto !important; height:50px;}

div#center_txt {width:480px; float:left; margin:0 20px 0 0; display:inline; min-height:50px; height:auto !important; height:50px; padding:0 30px; line-height:16px;}

div#center_stor {width:540px; float:left; margin:0 20px 0 0; display:inline; min-height:50px; height:auto !important; height:50px;}

div#center h1, div#center_txt h1, div#center_stor h1, div#center_small h1 {font-size:20px; line-height:22px; margin:0 0 10px 0;}
div#center h2, div#center_txt h2, div#center_stor h2, div#center_small h2 {font-size:16px; margin:10px 0;}
div#center h3, div#center_stor h3, div#center_small h3 {font-size:13px; margin:0 0 10px 0;}
div#center h4, div#center_stor h4, div#center_small h4 {font-size:12px; margin:0 0 10px 0;}
div#center_txt h2 b, div#center_txt h2 strong, div#center_stor h2 b, div#center_stor h2 strong {font-size:12px; font-weight:normal; letter-spacing:2px;}
div#center p, div#center_txt p, div#center_stor p, div#center_small p {margin:0 0 20px 0; line-height:16px;}
div#center a, div#center_txt a, div#center_stor a, div#center_small a{ color:#676B84; font-weight:bold;}
div#center a:hover, div#center_txt a:hover, div#center_stor a:hover, div#center_small a:hover {text-decoration:none;}
div#center_txt ul, div#center_txt ol, div#center_stor ol, div#content_top ul, div#content_top ol, div#center_small ul, div#center_small ol {margin:10px 0 20px 20px; line-height:14px;}
div#center_txt ul li, div#content_top ul li, div#center_small ul li {margin:0 0 0 20px; list-style-type:square;line-height:16px;}
div#center_txt ol li, div#center_stor ol li, div#content_top ol li, div#center_small ol li {margin:0 0 0 20px; list-style-type: decimal;line-height:16px;}
div#content_top ol {margin:20px 0 20px 20px; line-height:14px;}
/* Right */
div#right { width:160px; float:right;}
div#right p, div#right_big p {margin:10px 0; font-size:10px;}
div#right a:hover, div#right_big a:hover {text-decoration:none;}

/* UNDERSIDER styling */

/* Left */
div#left_menu {float:left; height:740px; width:210px;}
div#left ul {margin:0 0 0 0; background-color:#AE3742; width:210px;}
div#left ul li {line-height:40px;border-bottom:2px solid #fcf7d3; font-size:14px;}
div#left ul li a {text-decoration:none; color:#fcf7d3; padding:0 0 0 25px;  height:40px; display:block; width:185px;background-image:url(../images/left_menu.gif); background-repeat:no-repeat; background-position:-9999px 0;}
div#left ul li a:hover, div#left ul li.active a {background-color:#ae3742; background-image:url(../images/left_menu.gifg); background-repeat:no-repeat; background-position:0 0;}

/* Top undersider - spalte 1 og spalte 2*/
div#content_top div#spalte1 { width:348px; padding:20px 30px;float:left; color:#fcf7d3; font-size:14px;}
div#content_top div#spalte1 h1 {font-size:30px; line-height:36px; margin:-4px 0 0 0;}
div#content_top div#spalte1 h2 {font-size:20px; padding:10px 0 30px 0; }
div#content_top div#spalte1 h3 {font-size:14px; padding:0 0 5px 0; }
div#content_top div#spalte1 p {font-size:14px; margin:6px 0 10px 0; line-height:18px;}
div#content_top div#spalte1 a {color:#fcf7d3;}
div#content_top div#spalte1 a:hover {text-decoration:none;}
div#spalte1 ul {margin-bottom:20px;}
/* Agiv pris */
div#content_top div#spalte1 p.pris {font-size:16px; margin:10px 0 10px 30px; font-weight:bold;}
div#content_top div#spalte1 p.pris b {font-size:10px;}

div#content_top div#spalte1 p.download { text-align:right; font-size:10px; font-style:italic;}
div#content_top div#spalte1 p.download a {text-decoration:none;}
div#content_top div#spalte1 p.download a:hover {text-decoration: underline;}

div#content_top div#spalte2 { width:252px; padding:20px 30px;float:left;color:#fcf7d3; font-size:14px;}
div#content_top div#spalte2 h3 {font-size:20px; margin:40px 0 30px 0; line-height:24px;}
div#content_top div#spalte2 h4 {font-size:14px; padding:0 0 5px 0; }
div#content_top div#spalte2 p { margin:0 0 20px 0; font-size:12px; line-height:17px;}
div#content_top div#spalte2 a {color:#fcf7d3;}
div#content_top div#spalte2 a:hover {text-decoration:none;}

/* Undersider (visitkort) */

div#center_small {width:350px; float:left; margin:0 20px 0 0; display:inline; min-height:50px; height:auto !important; height:50px; padding:30px; line-height:16px;}

div#right_big { width:290px; float:left;}
div#right_big img {width:290px; margin:-10px 0 20px 0;}

/* Præsentation af skabeloner */

img.templateshow {padding:40px; border:1px solid #CCCCCC;}
div#center h2 {margin:0 0 5px 0;}


.template {width:245px; padding:10px; float:left; min-height:380px; height:auto !important; height:380px; background-color:#e6edf2; margin-bottom:20px;}
.template2 {width:245px; padding:10px; float:right; min-height:380px; height:auto !important; height:380px; background-color:#e6edf2; margin-bottom:20px;}

.template .temp_content, .template2 .temp_content {width:243px; min-height:378px; height:auto !important; height:378px; background-color:#FFFFFF; border:1px solid #a1a5a9;}

.template h6, .template2 h6 {font-size:12px; margin:10px 0 0 0; padding:0 0 10px 10px; border-bottom:1px solid #999999}
.template p, .template2 p { padding:0 10px; margin:0 0 20px 0; line-height:16px;}
.template p.pris, .template2 p.pris {}
.template a, .template2 a {color:#000000;}
.template a:hover, .template2 a:hover {text-decoration:none;}
.template img, .template2 img {margin:0 0 20px 0; width:243px;}
 a.bestil {background-image:url(../images/bestil.gif); background-position:0 0; width:105px; height:26px; display:block; text-indent:-9999px; margin:20px 0 0 0;}
 a.bestil:hover {background-position:0 -27px;}

/* Præsentation af en skabelon - stort billede */
div#skabelon_title {font-size:14px; font-weight:bold; padding:4px 0 1px 10px; line-height:25px; color:#FCF7D3; background-color:#AE3742; margin:0 0 15px 0;}

div#template_img_stor {margin:0 0 10px 0;}

div#padding {padding:20px;background-color:#e6edf2;}
div#footer_add {margin:25px 0 0 0;}

/* Køb */
div#buy { width:410px; padding:50px 275px; height:750px; background-color:#FFFFFF; margin:0 auto;}
div#buy ul {float:left; line-height:30px;}
div#buy ul li {line-height:30px; height:30px;}
div#buy ul input {border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-top:1px solid #acacac; height:20px; line-height:20px; width:200px;font-size:10px; padding-left:10px; color: #666666;}
div#buy ul.buyname {width:140px; text-align:right; margin:0 30px 0 0;}
div#buy p {margin:0; clear:both; height:12px; padding:30px 30px 0 0; text-align:right;}
div#buy form {margin:0 0 30px 0;}
p.trin {font-size:150px; color:#CCCCCC; float:none; width:410px; height:150px;}
div#buy a {color:#000000;}
div#buy a:hover {text-decoration:none;}
div#bestilling {width:410px; height:150px; background-image:url(../images/illustration_bestil.gif); background-repeat:no-repeat; background-position:0 25px;}
div#bestilling img {float:right; margin:10px 0 0 0; padding:5px; border:1px solid #CCCCCC;}
p.error {color:#FF0000;}

/* Kontakt */
div#kontakt {padding:10px 50px; border:1px solid #FFFFFF;}
div#kontakt ul {float:left; margin:0 0 10px 0; padding:0; width:150px;}
div#kontakt ul li {list-style-type:none; line-height:30px; height:30px; margin:0; padding:0;}
div#kontakt p {clear:both; float:none; margin:10px 0 0 0;}
div#kontakt textarea {width:280px; border:1px solid #CCCCCC; padding:10px; font-size:11px; color: #666666}
div#kontakt input {width:140px;border:1px solid #CCCCCC; padding:0 0 0 10px;font-size:11px; color:#666666;}

/* Video */
a.video {width:480px; height:416px; background-image:url(../images/video-knap.jpg); background-position:top; background-repeat:no-repeat; display:block; text-indent:-9999px;}
a.video:hover {background-position:bottom;}

/* Spørgsmål */
p.spoerg {font-size:30px;line-height:30px; color: #FFFFFF; background-color:#01223D; padding:10px; font-weight:bold;}
div.reklame {background-color:#FFFF00; padding:20px; font-size:16px; font-weight:bold; line-height:22px; border:1px solid #01223D;}

/* 1 2 3 */
a#gif123 {width:960px; height:196px; background-image:url(../images/1-2-3.gif); background-repeat:no-repeat; background-position:top; display:block; text-indent:-9999px; margin:50px auto;}
a#gif123:hover {background-position:bottom;}

/* Billedegalleri */
ul.thumbs li {
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #F8F8F8;
	height: 100px;
}
ul.thumbs li img {
		height: 100px;
		width: 130px;
	overflow:hidden;
}
/* ALLE SKABELONER */
.alle_skabeloner {
	margin: 0 0 30px 0;
	padding: 38px;
	border: 1px solid #999999;
	background-color: #E6EDF2;
	background-image:url('../images/logo_alle_skabeloner.gif');
	background-repeat:no-repeat;
	background-position:490px 12px;
}
div#alle_skabeloner {
	width: 620px;
	margin: 20px auto;
	overflow:hidden;
}
div#alle_skabeloner img {
	margin: 0 0 10px 0;
}

div#alle_skabeloner h2 {
	color: #999999;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 15px 0;
	padding:0 0 10px 10px;
	border-bottom: 2px solid #ffffff;
}
div#alle_skabeloner ul li {
	float:left;
	padding: 0 10px;
}
div#alle_skabeloner ul li a {
	text-decoration:none;
	color: #999999;
	font-weight:bold;;
}
div#alle_skabeloner ul li.buy a {
	color: #AE3742;
}
div#alle_skabeloner ul li a:hover {
	color: #AE3742;
}
div#alle_skabeloner ul li.buy a:hover {
	text-decoration:underline;
}

/* HTML og TILBAGE */

ul.html_tilbage {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}
ul.html_tilbage li {
	float:left;
	font-size: 12px;
	line-height: 14px;
	padding:5px 2px 4px 2px;
}
ul.html_tilbage li a {
	background-color: #ffffff;
	padding: 2px 10px;
	border: 1px solid #cccccc;
	text-decoration:none;
}
ul.html_tilbage li:hover {
	background-color: #cccccc;
}
div#center_stor p.pris {
	line-height: 16px;
	font-size: 14px;
	font-weight:bold;
	padding: 10px;
	background-color: #ffffff;
}
div#center_stor h3 {
	border-bottom: 2px solid #ffffff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* ***** JUL ***** */
div#jul {
	background-color: #990000;
	color: #ffffff;
	padding: 30px;
	margin-bottom: 30px;
}
div#jul h1 {
	font-size: 30px;
	line-height: 32px;
}
div#jul p em {
	font-size: 9px;
}
div#jul p a {
	color: #ffffff;
}
div#frontpage_right {
	float:left; width: 250px; display:inline; padding: 20px 0 0 0;
}
div#frontpage_right h5 {
	font-size: 24px; line-height: 24px; border-bottom: 1px dotted #cccccc; padding-bottom: 5px; margin: 0 0 5px 0;
}
div#frontpage_right a {
	color: #000000;
}
div#frontpage_right a:hover {
	text-decoration:none;
}
div#frontpage_right p {
	border-bottom: 1px dotted #cccccc; padding-bottom: 10px;
}
/* ******************************************* FLERE DESIGN ***************************************** */
p.flere {
	font-size:30px;
	line-height:50px;
	text-transform:uppercase;
	}
p.flere a {
	background-color:#AE3742;
	color:#ffffff;
	padding:2px 20px;
	text-decoration:none;
	border:1px solid #000000;
	}
p.flere a:hover {
	background-color:#000000;
	border:1px solid #AE3742;
	}