/* Lille-web webdesign - Godt webdesign */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}

div#wrap {
	width:800px;
	margin:0 auto;
	background-image:url(../images/body.png); background-repeat:repeat-y;
	padding:0 75px;
	}
	
div#top {
	margin:0;
	padding:75px 0 0 0;
	width:800px;
	height:270px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	}
	
div#content {

	margin:0 0 0 54px;
	width:692px;
	font-size:90%;
	line-height:170%;
	background-image:url(../images/bag.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	}
	
div#fod {
	width:800px;
	margin:30px 0 0 0;
	background-image:url(../images/fod.jpg);
	background-repeat:no-repeat;
	padding:135px 0 20px 0;
	text-align:center;
	font-size:80%;
	clear:both;
	}

div#fodnav {
	width:800px;
	height:auto;
	margin:0 auto;
	color:#CCCCCC;
	font-size:80%;
	}
div#news, div#newsbox {
	width:692px;
	font-size:80%;
	padding:20px 0;
	border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;
	margin-bottom:20px;
	}

	
div#footer{
	width:800px;
	font-size:80%;
	padding:0 0 20px 0;
	text-align:right;
	}
	
div#footer a{
	color:#999999;
	text-decoration:none;
	}
	
div#footer a:hover{
	color:#E50F0F;
	}
	
/* DESIGN */
/* TOP */

div#top ul {
float:right;
	list-style-type:none;
	margin:0;
	padding:20px 0 0 20px;
	font-size:90%;
	line-height:110%;
	border-left:0px solid #CCCCCC;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:295px;
	height:200px;
	}

div#top a{
	color:#000000;
	text-decoration:none;
	}
div#top a:hover, div#top a.active{
		color:#E50F0F;
	}

div#top strong {font-size:10px; color:#CCCCCC; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:0 5px;}
div#top a:hover strong, div#top a.active strong {color: #000000;}

/* CONTENT */

div#content p, div#content ul, div#content ol{
	font-family: Arial,Helvetica,Verdana,sans-serif;
font-style: normal;

font-variant: normal;

font-weight: normal;

font-size: 13px;

line-height: 20px;

color: #444444;

text-align: left;

margin-bottom: 30px;
	}
div#content ul {padding-left:30px; margin-left:30px;}
div#content ul#portfolio {padding:20px 0; margin:0 0 25px 0; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}

div#content ol li {margin-bottom:20px;}
div#content ul li {
	list-style-type:circle;
}

div#content h1, div#news h1 {
	font-size:130%;
	margin:0 0 0 0;
	}
div#content h2 {
	font-size:100%;
	margin:0 0 0 0;
	text-transform:uppercase;
	}
div#content h3 {
	font-size:77%;
	margin:0;
	text-transform:uppercase;;
	letter-spacing: 1px;
	color: #666666;
	}
div#content a {
	color:#E50F0F;
	font-weight:bold;
	text-decoration:none;
	}
div#content a:hover {
	text-decoration:underline;
	}
	

	
div#content hr {
	margin:0 0 30px 0;
	border: 0;
	 color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
	clear:both;
	}
	
/* KONTAKT */

.knap {
	color: #666666;
	background-color: #ffffff;

	font-weight:bold;
	padding: 5px 25px 5px 25px;;
	margin:0 180px 20px 0;
	float:right;
	border: 1px solid #666666;
	}
.besked {
	width:382px; height:380px; padding:15px; background-color: #FFFFFF; color: #AE0C0D; display:block; border:10px dashed #666666; margin-bottom:20px; font-size:20px; font-weight:bold;	}
.input {background-color:#FFFFFF; color:#666666; width:400px; padding:15px; display:block;border:1px dotted #666666;}
div#kontakt {padding:50px 0 50px 120px; border: 1px dotted #cccccc; }

/* FAKTA */

div#fakta {float:right;padding:10px; border:1px solid #cccccc;margin:0 0 0 30px;width:220px;}

div#fakta p {font-size:80%; line-height:120%; margin:10px 0 10px 0;}

div#fakta h1, div#fakta h3 {font-size:14px;background-color:#C60F0E;color:#ffffff;padding:0 0 0 5px;}

/* FOD */
div#fod a{
	color:#000000;
	text-decoration:none;
	}
	
div#fod a:hover{
	color:#E50F0F;
	}
	
/* FODNAV */
div#fodnav a{
	color:#999999;
	}
div#fodnav a:hover{
	color:#E50F0F;
	}
	
/* NEWS */

div#news a{
	color:#E50F0F;
	font-weight:bold;
	text-decoration:none;
	}
	
div#news a:hover{
	text-decoration:underline;
	}
.date {
	font-size:90%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	}
div#webdesignstreg h3{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:30px;
	font-size:12px;
	margin-top:-30px;

	}

div#link p {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:20px;
	}
	
.streg {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:30px;

	}
	
/* HTML */
.style1 {color: #FF0000}

div#content code{
	color: #00CC00;
	}
	
/* BANNER */

div#banner img {
	border:1px solid #CCCCCC;
	margin:0 0 20px 0;
	float:none;
	}	

ul#portfolio {margin:0; padding:0;}
div#content ul#portfolio li {margin:0; padding:0; list-style-type:none;}
ul#portfolio li img {margin:0; padding:0;}

/* TESTS */
.blaa {background-color:#000099; color:#FFFFFF;}
.red {background-color:#FF0000;color:#FFFFFF;}
.ko {color:#66FF33; font-weight:bold; }
.head {background-color:#FF99FF;}

div#rightbox {float:right;}
div#rightbox img {float:none; margin:0;}
div#rightbox p {font-size:11px; text-align:center; color:#999999; line-height:11px;}

/* Kontakt kanp */
div#kontakt-knap {margin:20px 0 35px 0; padding:0; font-size:13px; letter-spacing:1px;}
div#kontakt-knap a{background-image:url(../images/kontakt.gif); background-position:top; width:413px; height:23px; line-height:23px; display:block; color:#FFFFFF; text-align:center;}
div#kontakt-knap a:hover { background-position:bottom; text-decoration:none;}

/* Fakta */
p.fakta {padding:20px 30px; border:2px dashed #CCCCCC; background-color:#F2F2F2; margin-top: 30px;}
p.fakta b {color:#999999; font-size:16px; text-transform:uppercase; letter-spacing:1px;}

/* Podcast */
div.podcast {padding:10px; height:26px; border:1px dotted #C70E0E; background-color:#F2F2F2; background-image:url(../images/podcast.gif); background-repeat:no-repeat; background-position:625px 4px;}
div.podcast p {float:left; margin:0; padding:0 15px 0 0;}
div#podcast, div#joomla {float:left; margin:0 15px 0 0;}

/* Sandkassen */
div#sandkassen {
	border: 1px solid #cccccc;
	padding: 50px;
}
div#sandkassen p {
	font-size: 12px;
}

/* Kunde case */
div #content .kunde_case {
	width: 638px;
	border: 1px dotted #cccccc;
	padding: 30px;
	overflow:hidden;
	margin-bottom: 30px;
}
div #content .kunde_case img {
	float:left;
	margin: 0 30px 20px 0;
}
div #content .kunde_case p {
	line-height: 15px;
	font-size: 11px;
	margin: 0 0 15px 0;
	color:#666666;
}
div #content .kunde_case h4 {
	font-size: 40px;
	line-height: 42px;
	margin: 0 0 15px 0;
}
div #content .kunde_case p.opgave {
	clear:both;
	color:#999999;
	margin-bottom: 0;
}
div#content p.priser {
	font-size:50px; line-height: 50px; padding: 0; color:#000000; font-weight:bold;; margin:110px 0 50px 0;
}

div#content ul.priser li {
	list-style-type:none;
}
div#content ul.priser {
	margin: 0;
}

div#tabs {
	margin-top: 20px;
}
div#tabs ul {
	margin-left: 0;

}
div#tabs ul li {
	list-style-type:none;
}
div#tabs ul li a:hover {
	text-decoration:none;
}
input:hover, textarea:hover {
	background-color: #f0f0f0;
}

.set{ margin: 0; padding: 0;}
.set1{
	border: 1px solid #666666;
}
.set2 {
	 border: 1px solid #cccccc;
}
div#accordion4 {
	margin:0 0 30px 0;
}
div#accordion4  img {margin-bottom: 20px;}
div#accordion4 .set h3 {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 30px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-left: 14px solid #C60F0E;
	width: 636px;
}
.content {
	padding: 60px 100px; font-size: 11px;}

.accordionWrapper{display:inline-block; overflow:hidden; margin-bottom: 30px;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
/* ************************** forside billeder  *************************** */
img.front {
	float:left; padding: 10px; border: 1px solid #cccccc; margin: 0 25px 25px 0; background-color: #fff;
}

ul#big li {
	line-height:46px; font-size:16px;
}
ul#big li:hover {
	background-color: #C60F0E; color: #fff;
}
/* *************************** I N F O M A T I O N ********************************** */
div#info {
	background-image:url(../images/information.png);
	background-repeat:no-repeat;
	background-position:left 15px;
	padding:15px 0 0 100px;
	min-height:150px; height:auto !important; height:150px;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	}
div#info:hover {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}
div#info p {


	line-height:18px;

	}
div#info p strong {
	font-size:18px;
	color:#2cb90b;
	letter-spacing:1px;
	}
div#info p em {
	font-weight:bold;
	background-color:#fcf921;
	}
div#info ul {
	margin:0;
	}
	
div#info ul li {
	list-style-type:none;
	background-image:url(../images/yes.png);
	background-repeat:no-repeat;
	padding:0 5px 3px 30px;
	margin:0 20px 0 0;
	line-height:20px;
	float:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	border-bottom:1px dotted #cccccc;
	}
	
/* ************************ TEST *************************** */
div#top {
	margin:0;
	padding:75px 0 0 0;
	width:800px;
	height:270px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	}
	
div#content {

	margin:0 0 0 54px;
	width:692px;
	font-size:90%;
	line-height:170%;
	background-image:url(../images/bag.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-top:345px;
	}
div#submenu {
	height:30px;
	border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;
	margin:20px 0;
	}
div#submenu ul {
	margin:0;
	padding:0;
}

div#submenu ul li {
	float:left;
	margin:0 15px 0 0;
	list-style-type:none;
	padding:0;
	line-height:30px;
}
div#newsbox p.version{
	float:right;
	height:50px;
	line-height:50px;
	text-align:center;
	width:250px;
	margin:0 0 0 20px;
	background-color:#C10D0F;
	color:#ffffff;
	font-size:20px;
	border:1px solid #cccccc;
	}
div#newsbox h2 {
	font-size:50px;
	line-height:55px;
	color:#cccccc;
	padding-bottom:20px;
	}
	
.spalte {
	width:217px;
	float:left;
	padding-right:20px;
	}
.spalte_stor {
	width:454px;
	float:left;
	padding-right:20px;
	}
.spalte_last {
	width:217px;
	float:left;
	padding:0;
	}
.spalte_bred {
	clear:both;
	overflow:hidden;
	}
div#content .spalte p, div#content .spalte_stor p, div#content .spalte_last p, div#content .spalte_bred p {
	line-height:15px;
	margin:0 0 15px 0;
	}
div#content .spalte h3, div#content .spalte_stor h3, div#content .spalte_last h3, div#content .spalte_bred h3{
	color:#2D3A4B;
	border-bottom:1px solid #eeeeee;
	margin-bottom:10px;
		padding:0 0 0 5px;
	}
 div#content .spalte_bred img.left, div#content .spalte_stor img.left{
	float:left;
	margin:0 15px 0 0;
	}
 div#content .spalte_bred img.right, div#content .spalte_stor img.right{
	float:right;
	margin:0 0 0 15px;	}
	
div#content p.overskrift {
	font-size:30px;
	line-height:60px;
	font-weight:bold;
	color:#2D3A4B;
	padding:0 0 0 5px;
	margin:30px 0;
	border-bottom:10px solid #eeeeee;
	border-top:5px solid #eeeeee;
	}
div#content  p.spot {
	padding:10px;
	border:1px solid #eeeeee;
	}