@charset "UTF-8";
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
  
   Posities
   
-------------------------------------------------------------- */

body {
	background-color: #000;
	font-size: small;
	margin: 0;
}

#header-wrapper {
	background-color:#FFFFFF;
	width:100%;
	height:160px;
}

#header {
	margin:0 auto;
	padding:0;
	width:960px;
}

#header-logo {
	background-image:url(../images/logo);
	background-position:0;
	background-repeat:no-repeat;
	width: 500px;
	height: 102px;
	display:block;
	float:left;
	margin-top:40px;
}

#header-logo span {
	display:none;
}

#nav-wrapper {
	background-image:url(../images/nav_bg.gif);
	background-repeat:repeat-x;
	width: 100%;
	height:43px;
}

#nav-menu {
	margin: 0 auto;
	width:960px;
	height:43px;
	padding-top: 10px;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:960px;
}

#colum-left {
	border-right: 1px solid #666;
	float: left;
	margin-top:30px;
	margin-right:30px;
	padding-right:30px;
}

#colum-right {
	float:left;
	margin-top: 30px;
	width: 430px;
}

#colum-middle {
	width: 100%;
}

#colum-print {
	float: left;
	background-image: url(../images/h3Print.png);
	background-repeat:no-repeat;
	padding-top:36px;
	margin-right:30px;
	width: 220px;
}

#colum-webdesign {
	float: left;
	background-image: url(../images/h3Webdesign.png);
	background-repeat:no-repeat;
	padding-top:36px;
	margin-right:30px;
	width: 220px;
}

#colum-company {
	float: left;
	background-image: url(../images/h3Company.png);
	background-repeat:no-repeat;
	padding-top:36px;
	margin-right:15px;
	width: 220px;
}

#colum-company-logo {
	float: left;
	padding-top:65px;
	width: 220px;
}

#gotoPrint {
	background-image: url(../images/gotoPrint.png);
	background-position:0;
	background-repeat:no-repeat;
	width: 94px;
	height: 26px;
	display:block;
	float:left;
	margin-top: 20px;
}

#gotoWebdesign {
	background-image: url(../images/gotoWebdesign.png);
	background-position:0;
	background-repeat:no-repeat;
	width: 132px;
	height: 26px;
	display:block;
	float:left;
	margin-top: 20px;
}

#footer {
	width: 100%;
	height:53px;
	margin-bottom: 10px;
}

#footer-info {
	float:left;
	font-size:10px;
	color:#666666;
}

#footer-logo {
	float:right;
}

#logoHu {
	background-image:url(../images/logo_hu.png);
	background-position:0;
	background-repeat:no-repeat;
	width:139px;
	height:33px;
	display:block;
}

#Interlude {
	margin-top:30px;
	width: 100%;
}

#about-left {
	background-image: url(../images/h3Skillpoints.png);
	background-repeat:no-repeat;
	width:251px;
	float:left;
	padding-top: 38px;
	margin-right:40px;
}

#about-right {
	background-image: url(../images/h3Historie.png);
	background-repeat:no-repeat;
	float:left;
	width:669px;;
	padding-top:38px;
}

#contact-left {
	background-image:url(../images/h3Adres.png);
	background-repeat:no-repeat;
	float:left;
	width:218px;
	padding-top:38px;
	margin-right:40px;
}
#contact-right {
	background-image: url(../images/h3Form.png);
	background-repeat:no-repeat;
	float:left;
	padding-top:38px;
	width:702px;
	padding-top:38px;
}

#projects-left {
	background-image: url(../images/h3Work.png);
	background-repeat:no-repeat;
	float:left;
	width: 279px;
	height:44px;
	padding-top: 38px;
	margin-right: 40px;
}

#projects-right {
	background-image: url(../images/h3Projects.png);
	background-repeat:no-repeat;
	padding-top: 38px;
	float:left;
	width:641px;
	padding-top:38px;
}
/* -------------------------------------------------------------- 
  
   Typografie
   
-------------------------------------------------------------- */

body, p, a, input, textarea, select {
	color:#ffffff;
	font-family: Verdana,Tahoma,Geneva,Helvetica,sans-serif;
	font-size:11px;
}

p {
	color:#ccc;
	line-height:200%;
}

br.clear {
	clear:both;
}

#nav-menu ul {
	float:left;
	width: 500px;
}

#nav-menu ul li {
	display:inline;
}

#nav-menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-weight: bold;
	font-family: "Lucida Sans",Tahoma,Verdana,Geneva,Helvetica,sans-serif;
}

.nav-links {
	margin-left: 30px;
}

#btnPrint {
	margin-left:0px;
}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

hr {
	background-color:#666666;
	border:0 none;
	color:#666666;
	height:1px;
	margin:30px 0;
}

h3 {
	text-align:left;
	color:#0099FF;
	font-size:16px;
	margin-bottom: 10px;
}

#txtWelcome {
	background-image: url(../images/txtWelcome.gif);
	background-position:0;
	background-repeat:no-repeat;
	width: 417px;
	height: 171px;
	display:block;
	float:left;
	margin-bottom: 15px;
}

.txtWelcome {
	display:none;
}

#txtWelcome2 {
	color: #808080;
	font-family: "Lucida Sans",Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size:16px;
	text-align:left;
	line-height: 250%;
	width:420px;
	clear:both;
}

#h3Featured {
	background-image: url(../images/h3Featured.png);
	background-position:0;
	background-repeat:no-repeat;
	width:185px;
	height:18px;
	display:block;
	float:left;
	margin-bottom: 20px;
}

.h3Featured {
	display:none;
}

#imgFeatured {
	background-image: url(../images/treetz_thumb.jpg);
	background-position:0;
	background-repeat:no-repeat;
	width:154px;
	height:295px;
	display:block;
	float:left;
	margin-right: 20px;
}

#featured {
	clear:both;
}

#h1Print {
	background-image: url(../images/h1Print.png);
	background-position:0;
	background-repeat:no-repeat;
	width:133px;
	height:42px;
	display:block;
	float:left;
}

.h1Print {
	display:none;
}

#txtPrint {
	background-image: url(../images/txtPrint.gif);
	background-position:0;
	background-repeat:no-repeat;
	width: 709px;
	height: 123px;
	display:block;
	float:left;
	clear: right;
	margin-left: 40px;
}

.txtPrint {
	display:none;
}

#h1Webdesign {
	background-image: url(../images/h1Webdesign.png);
	background-position:0;
	background-repeat:no-repeat;
	width:279px;
	height:44px;
	display:block;
	float:left;
}

.h1Webdesign {
	display:none;
}

#txtWebdesign {
	background-image: url(../images/txtWebdesign.gif);
	background-position:0;
	background-repeat:no-repeat;
	width: 553px;
	height: 122px;
	display:block;
	float:left;
	clear: right;
	margin-left: 40px;
}

.txtWebdesign {
	display:none;
}

#h1About {
	background-image: url(../images/h1Aboutme.png);
	background-position:0;
	background-repeat:no-repeat;
	width: 251px;
	height:44px;
	display:block;
	float:left;
}

.h1About {
	display:none;
}

#txtAbout {
	background-image:url(../images/txtAboutme.gif);
	background-position:0;
	background-repeat:no-repeat;
	width:566px;
	height:122px;
	display:block;
	float:left;
	clear:right;
	margin-left:40px;
}

.txtAbout {
	display:none;
}

#h1Contact {
	background-image:url(../images/h1Contact.png);
	background-position:0;
	background-repeat:no-repeat;
	width:218px;
	height:44px;
	display:block;
	float:left;
}

.h1Contact {
	display:none;
}

#txtContact {
	background-image:url(../images/txtContact.gif);
	background-position:0;
	background-repeat:no-repeat;
	width:596px;
	height:123px;
	display:block;
	float:left;
	clear:right;
	margin-left:40px;
}

.txtContact {
	display:none;
}

.skillpoint2 {
	background-image: url(../images/skillpoint2.png);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width: 200px;
	color:#FFFFFF;
}

.skillpoint3 {
	background-image: url(../images/skillpoint3.png);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width: 200px;
	color:#FFFFFF;
}

.skillpoint4 {
	background-image: url(../images/skillpoint4.png);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width: 200px;
	color:#FFFFFF;
}

/* FORMS */

#contact-form label{
	display:block;
}

#contact-form input.text {
	margin:3px 0 0;
	padding:5px;
	width:400px;
	color:#000000;
}

#contact-form textarea {
	height:200px;
	margin:3px 0 0;
	padding:5px;
	width:400px;
	color:#000000;
}

input.submit {
	background:#000000 none repeat scroll 0 0;
	border: #333333 1px solid;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.03em;
	padding:5px;
	width:412px;
}

#contact-right p {
	line-height:180%;
	margin-bottom:20px;
}

#project {
	display:inline;
	margin-right:20px;
}