/*
Theme Name: Front Din-Foreening
Theme URI:
Description: web-kontoret.dk
Author: web.kontoret.dk
Version: 1.0
Tags: custom
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

a, a:hover, a:visited, a:active{color:blue;}
a:hover{color:red;}

body{}
#wrap{width:960px; margin:0 auto; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}

.header{width:100%; position:relative; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.header .left img{float:left; width:106px; height:60px; }
.header .right {float:left; width:400px; height:30px; padding:15px;}
.header h1 a{text-decoration:none; font-weight:bold; color:#222; letter-spacing:0; line-height:1;}
.header h1 a:hover{color:red;}
.header .kontakt{position:absolute; top:20px; right:0px; height:40px; text-align:center;}
.header .kontakt h2 a{text-decoration:none; font-weight:bold; color:#bbb; letter-spacing:0; }
.header .kontakt h2 a:hover{color:green; }

.content{}
#content{}

#topcontent{line-height:1.2em; margin-top:30px;}
#topcontent h2{text-transform:uppercase; font-size:1.1em; letter-spacing:0.1em;}
#topcontent p{margin-top:1em;}
#topcontent ul{list-style:none; margin:1em 0 1em 0}
#topcontent ul li{line-height:1.9em; padding-left:24px; background:url(images/tick.png) left center no-repeat;}
#topcontent_col1{float:left; width:326px;}
#topcontent_col2{float:left; width:326px; margin-left:20px;}
#topcontent_col3{float:left; width:266px; margin-left:20px;}

#home_screenshots{width:100%; margin:0 auto; margin-top:70px;}
#home_screenshots p{text-align:center;}
#home_screenshots .left{position:relative; float:left; margin-left:10px; min-height:300px; width:460px; border:1px solid #fff;}
#home_screenshots .right{position:relative; float:left; min-height:300px; width:460px; margin-left:16px;  border:1px solid #fff;}
#home_screenshots .left img,
#home_screenshots .right img{width:420px; margin-top:10px; padding:0 20px 0 20px; }
#home_screenshots .left img.btm,
#home_screenshots .right img.btm{border-top:1px solid #aaa; margin-top:0; padding:0 20px 0 20px; }
.spacer50{width:100%; height:50px;}
.spacer30{width:100%; height:30px;}


.pagewrap{}
.pagewrap .toparea{width:800px; margin:0 auto; margin-top:30px;}
.pagewrap .toparea .metaimage{float:left; width:300px; min-height:300px;}
.pagewrap .toparea #topcontent{float:left; margin-top:50px; margin-left:50px; width:400px; min-height:250px; font-size:1.5em;}
.pagewrap .the_content{width:740px; margin:0 auto; margin-top:20px;}
.pagewrap .the_content h3{margin-bottom:1em;}
.pagewrap .the_content p{line-height:1.5em;}

.kontaktInfo{margin-top:30px; width:100%; text-align:center;}

.kontaktFAQ{margin-top:50px; width:100%; }
.kontaktFAQ h3{margin-bottom:20px;}
.kontaktFAQ p{line-height:1.5em;}
.kontaktFAQ p.q{color:blue;}
.kontaktFAQ p.a{}

.wk_contact_form_area{margin-top:30px; width:100%;}
.wk_contact_form_area h3{margin-bottom:20px; }
.wk_contact_form_area form{line-height:1.6em;}
.wk_contact_form_area form input{width:97%; padding:3px; font-size:1.4em;}
.wk_contact_left{width:30%;float:left;padding-right:10px;}
.wk_contact_middle{width:45%;float:left; padding-left:10px; padding-right:10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.wk_contact_middle textarea{width:97%; padding:5px; font-size:1.4em; height:100px;}
.wk_contact_right{width:180px; margin-left:15px; float:left; }
.wk_contact_namebox,
.wk_contact_emailbox,
.wk_contact_phonebox,
.wk_contact_typebox,
.wk_contact_topicbox,
.wk_contact_messagebox {margin-bottom:10px;}
.wk_contact_label_reciever{}
.wk_contact_typebox{}
.wk_contact_radioarea{width:100%;}
.wk_contact_type_radio{}
.wk_contact_type_radio label{margin-right:10px; }
.wk_contact_type_radio input#wk_contact_type_mail1,
.wk_contact_type_radio input#wk_contact_type_mail2,
.wk_contact_type_radio input#wk_contact_type_mail3{float:left; width:20px; }
.wk_contact_submit {margin:0 auto; margin-top:70px; display:block;}
.wk_contact_submit input{}
.wk_contact_submit input:hover {}
.wk_contact_form_area form input:focus,
.wk_contact_middle textarea:focus {background:#d5facc;}

.insitelink{width:100%; margin-top:30px; border-top:1px solid #ddd; padding-top:30px;}
.insitelink img{width:100px; height:100px;}
.insitelink #left{float:left; padding:5px; width:420px;}
.insitelink #left .image{float:left; width:100px; height:100px; margin-right:20px;}
.insitelink #left .text{float:left; width:300px; margin-top:10px;}
.insitelink #right{float:right; width:450px;}
.insitelink #right .image{float:right; width:100px; height:100px; margin-left:20px;}
.insitelink #right .text{float:right; text-align:right; width:300px; margin-top:10px;}
.insitelink h4{font-weight:bold; padding-bottom:10px;}
.insitelink a{text-decoration:none; color:#222;}

.footer_share{width:240px; margin:0 auto; margin-top:30px;}
.footer_sitemap{width:530px; margin:0 auto; text-align:center; }
.footer_sitemap ul{list-style:none;}
.footer_sitemap li a{float:left; margin-right:20px; font-weight:bold; color:#999; text-decoration:none;}
.footer_sitemap li a:hover{color:green;}

a.more{padding-left:24px; background:url(images/information-balloon.png) no-repeat left top;}
a.moredemo{padding-left:24px; background:url(images/navigation.png) no-repeat left top;}

.collapse_select{height:235px;}

.video_intro_area{float:left; position:relative; width:207px; height:230px; padding:5px 10px 0px 10px; background:url(images/video_bg_grad9.jpg) center bottom no-repeat; margin-left:10px; line-height:1.2em;}
.video_intro_area2{float:left; position:relative; width:207px; height:230px; padding:5px 10px 0px 10px; background:url(images/video_bg_grad9.jpg) center bottom no-repeat; margin-left:10px; line-height:1.2em;}
.video_intro_area.left,
.video_intro_area2.left{background:url(images/video_bg_grad9_left.jpg) center bottom no-repeat;}
.video_intro_area.right,
.video_intro_area2.right{background:url(images/video_bg_grad9_right.jpg) center bottom no-repeat;}

.video_intro_area h3,
.video_intro_area2 h3{color:#f1f1f1; margin-bottom:10px; padding:5px; border-bottom:1px solid #eee; background:#222; text-shadow:0px 1px 1px #000;}
.video_intro_area p,
.video_intro_area2 p{padding:5px;}
.video_intro_area p.punchline,
.video_intro_area2 p.punchline{position:absolute; bottom:50px; right:10px; color:#987; font-size:1.2em; font-style:italic; font-family:georgia, serif; text-shadow:0px 1px 1px #fff;}

.video_area{margin-top:30px;}
.video_area2{}
.video_area h2 {margin:10px 10px 15px 10px; text-shadow:0 1px 2px #fff;}
.video_area2 h2{margin:60px 10px 15px 10px; text-shadow:0 1px 2px #fff;}
.video_area h2 span,
.video_area2 h2 span{font-size:50%; margin-left:30px;}

.video_area a,
.video_area2 a{text-decoration:none; line-height:1.3em; color:#333; text-shadow:0 1px 2px #fff;}
.video_intro_area .linkarea,
.video_intro_area2 .linkarea{position:absolute; bottom:2px; left:10px; width:207px; padding:0; margin:0; height:40px; background:#fff; border-bottom:1px solid #eee;}
.video_intro_area .linkarea a,
.video_intro_area2 .linkarea a{float:left; width:103px; text-align:center; text-shadow:0px 0px 1px #bbb; font-weight:bold; display:block; height:30px;padding-top:10px;}
.video_intro_area .linkarea a:hover,
.video_intro_area2 .linkarea a:hover{color:#fff; background:orange; text-shadow:0px 1px 1px #aaa;}
.video_intro_area .linkarea p,
.video_intro_area2 .linkarea p{margin:0; padding:0; width:207px; text-align:center; text-shadow:none; font-weight:normal; display:block; height:30px;padding-top:10px; color:#555;}

.video_sub_line{margin:0 auto; padding:0; outline:0; height:22px; width:925px; background:url(images/video_bg_sub9.jpg) no-repeat top center;}

.design_area{margin-top:30px;}
.design_area h2{text-shadow:0 1px 2px #fff;}
.feature_inside{}
.feature_inside p{margin-top:1px; width:416px; height:80px; background:#ccc; display:block;}
.feature_inside a{color:#222; font-size:2.5em; text-decoration:none; display:block; text-shadow:1px 1px 1px #fff;}
.feature_inside a:hover{color:#3c8cbf; text-shadow:1px 1px 1px #fff;}

#design_content{margin-top:20px;}
#design_content h2{}
#design_content p{margin-top:0.5em;}