html,body {
	margin:0px;
	padding:0px;
	height:100%; /* needed for container min-height */
	background:#336699 url("../images/bg3.jpg") 98% 0px repeat;
	}

h1, h2, h3, h4, h5, h6, a, p, ul {
	font-family:'Trebuchet MS',Tahoma,verdana,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px; 
	position: relative;
	}

p { 
	font-size: 12px;
	}

/** overskrift **/
h1 {
	font-size: 36px;
	color:#336699;
	position: relative;
	}

h1 span {
  background: url(../images/gradient-F0F0F0.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

/** under-overskrift **/
h2 {
	font-size: 16px;
	color:#FF3300;
	}

/** Brødtekst **/
h3 {
	font-size: 12px;
	color:#000000;
	}

/** Hvid tekst, small **/
h6 {
	font-size: 11px;
	color:#FFFFFF;
	}

ul{
	color:#336699;
	font-size: 13px;
	margin-left:50px;
	margin-top:0px;
	margin-bottom:10px;
    list-style-type:square;
}

.reference ul{
	color:#336699;
	font-size: 11px;
	margin-left:80px;
    list-style-type:square;
}


table{
	width:100%;
	padding: 0px;
	text-align: left;
	}

td{
	vertical-align: top;
	text-align: left;
	}

.tdInfo{
	background:#EEEFFF;
	border-left: 1px dotted #336699;
	border-top: 1px dotted #336699;
	border-bottom: 1px dotted #336699;
	padding: 15px 40px 10px 15px;
	line-height:16px; 
	font-size:13px; 
	text-align:left;
	}
.kompetence{
	background:url('../images/postit.png') 100% no-repeat;
	border-bottom: 0px;
	padding: 15px 40px 10px 15px;
	line-height:16px; 
	font-size:13px; 
	text-align:left;
	}

th{
	background: url("../images/top-bar-bg.gif") 98% 0px repeat-x;
	background: #FF3300;
	padding:5px;
	color:#FFFFFF;
	}


form{
	font-size: 7 px;
	color: #ff8866;
	border: 0px;
	} 
	input, textarea {
		font-family:'Comic Sans MS', 'Trebuchet MS',Tahoma,verdana,sans-serif; 
		color: #336699;
		background:#FFFEEE;
		border: 1px dotted #336699;
		}
	.button{
		font-family:'Trebuchet MS',Tahoma,verdana,sans-serif; 
		color: #FFFFFF;
		background:#FF6600;
		margin-top: 6px;
		border: 1px solid #336699;
		}

div#menu {
	float: right;
	margin-right:130px;
	padding:0px;
	}

	.h6{
		font-weight:bold;
		margin:0px;
		padding:0px;
		line-height: 5px;
		}

	a.menu{
		color:#000000;
		font-size:12px;
		}

	a.menu:link, a.menu:visited {
		text-decoration:none;
		color:#FF3300;
		}

	a.menu:hover {
		text-decoration:none;
		color:#336699;
		}

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

/************* Containers *************/
/*************** Start **************/
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0px;
	width:935px;
	background:#f0f0f0;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#divider {
	padding:0em;
	background:#ddd url("../images/top-bar-bg.gif") 98% 0px repeat-x;
	height:3px;
}

div#content {
	width:100%;
	/*  top right bund left */
	padding: 8px 0px 10px 0px;
}

div#main {
	width:350px;
	margin-left:290px;
}

div#footer {
	background:#ddd url("../images/top-bar-bg.gif") 98% 0px repeat-x;
	position:absolute;
	width:100%;
	height:25px;
	bottom:0px; /* stick to bottom */
}
	div#footer p {
		font-size: 10px;
		color:#777777;
		text-align:center;
		margin-top:5px;
		}
	
/************* Containers *************/
/*************** Slut **************/

div#postit2 {
	background:url('../images/postit.png') no-repeat;
	float: left;
	position: absolute;
	top: 150px;
	left:300px;
	width:235px;
	height:263px;
	padding:0px;
}
	}
	div#postit2 h1{
		color:#336699;
		font-size:18px;
		margin-top:90px;
	}

	div#postit2 h3{
		font-family:'Comic Sans MS', 'Trebuchet MS',Tahoma,verdana,sans-serif; 
		font-size:18px;
	}

/************* POST-IT *************/
/*************** start **************/
div#postit {
	background:url('../images/postit.png') no-repeat;
	float: right;
	position: absolute;
	top: 390px;
	right:30px;
	width:235px;
	height:263px;
	padding:0px;
}

	div#postit h1, h2, h3, h4, h5, h6, p{
		color:#000000;
		margin-left:18px;
	}
	div#postit h1{
		color:#336699;
		font-size:18px;
		margin-top:90px;
	}
	div#postit h2{
		font-size:18px;
	}
	div#postit h3{
		font-family:'Comic Sans MS', 'Trebuchet MS',Tahoma,verdana,sans-serif; 
		font-size:18px;
	}
	div#postit p{
		font-family:'Comic Sans MS', 'Trebuchet MS',Tahoma,verdana,sans-serif; 
		font-size:12px;
		margin-right:23px;
	}
/************* POST-IT *************/
/*************** Slut **************/

	
/*************** Header *************/
/*************** Start **************/
div#header1 {
	padding:0px;
	background:#ddd url("../images/logo_01.jpg") 100% 0px no-repeat;
	height:297px;
	width:935px;
}
div#header2 {
	padding:0px;
	background:#ddd url("../images/logo_02.jpg") 100% 0px no-repeat;
	height:100px;
	width:935px;
}
	div#header2 p, h1, h2{
		margin:10px;
		margin:10px;
	}
div#header3 {
	padding:0px;
	background:#ddd url("../images/logo_03.jpg") 100% 0px no-repeat;
	height:113px;
	width:935px;
}
/*************** Header *************/
/**************** slut **************/


/*************** Kontakt *************/
/*************** Start **************/
div#kontakt {
	background:url('../images/kontakt.png') no-repeat;
	background-position:bottom left;
}

div#kontaktformular {
	width:350px;
	margin-left:290px;
}
/*************** Kontakt *************/
/**************** Slut **************/



/*************** Reference *************/
/*************** Start **************/
div#Reference {
	background:url('../images/reference.png') no-repeat;
	background-position:top left;
}


/************* Kompetence *************/
/*************** Start **************/
div#kompetence {
	background:url('../images/kompetence.png') no-repeat;
	background-position:top left;
	width:250px;
	height:1000px;
}

div#infobox {
	float: right;
	position: absolute;
	top: 700px;
	left:0px;
	width:250px;
	height:520px;
	margin-right:10px;
	margin-left:5px;
	border-right: 1px dotted #336699;
	border-top: 0px dotted #336699;
	border-bottom: 0px dotted #336699;
	padding: 15px 15px 10px 15px;
	line-height:16px; 
	font-size:13px; 
	text-align:left;
}
/************* Kompetence *************/
/*************** slut **************/



/************* Statistic *************/
/*************** Start **************/
div#statistic {
	background:url('../images/statistic.png') no-repeat;
	background-position:top left;
}
div#statistic_main{
	width:500px;
	margin-left:350px;
}
div#statistic_main h1{
		margin-top:90px;
	}
div#statistic_main h6{
		color:#FFFFFF;
		margin-bottom:10px;
	}
div#statistic_main h3{
		font-size:14px;
		margin-bottom:10px;
	}
div#statistic_main ul{
	color:#000000;
	font-size: 13px;
	margin-left:50px;
	margin-top:0px;
	margin-bottom:10px;
    list-style-type:square;
}

/************* Kompetence *************/
/*************** slut **************/



#memoryticker{
	float:left;
	margin-left:10px;
	width:600px;
	font: 20px verdana;
	/*Tip: add in height attribute here for multiple line scroller*/
	border: 0px;
	padding: 3px;
	/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
	/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.5 Duration=0.7)
	}