/*
Theme Name: Lowpixel 2009
Theme URI: http://www.lowpixel.net
Description: "Lowpixel 2009" ist das Theme, welches 2009 für Lowpixel.net erstellt wurde.
Version: 1.0
Author: Julian Beckmann
Author URI: http://lowpixel.net
License: GPL
*/


/* ---------- CSS Document by lowpixel.net ---------- */
body {
	padding: 0px;
	margin: 0px;
	font: 13px "Trebuchet MS",Trebuchet,Arial,sans-serif;
	line-height: 26px;
	color: #333;
	height: 100%;
	cursor: default;
	background: #FFF url(images/topspace.gif);
	background-repeat:repeat-x;
}

html {
	height: 100%;}
img {border: 0px;}
div#wrapper { 
  margin: 0px auto -40px auto;
  width: 1000px;
  padding: 0px;
  background: url(images/greywhite.gif);
  background-repeat:repeat-x;
  background-position:0px 61px;
  min-height: 100%;
  position: relative;


} 

p {margin:0px;}
input, textarea{border: 2px solid #CCC; padding: 5px; margin:3px; color: #669900; font-weight: bold;}
.clear {clear:both;} 
a:focus {outline:none;}
.left {float:left;} 

.navi {height: 61px; width: 600px; margin:0px; list-style: none; padding:0px; background: url(images/navi_nohover.png);background-repeat:no-repeat; padding:0px 0px 0px 376px;}



div#footer {height: 40px; width: 100%; padding:0px; background: #FFF url(images/footerspace.png); position:relative; bottom:0px; margin: 0px auto 0px auto; text-align: center;}
div#footergrey {height: 30px; width: 1000px; list-style: none; padding:10px 0px 0px 0px ; background: #FFF url(images/footer.png); margin:auto; text-align:middle; color: #FFF;}
.clearfooter{height: 40px;clear: both;}
.navigation {height: 61px; width: 464px; margin:0px; list-style: none; padding:0px;}
.navigation li {height: 61px; width:116px; float:left;}
.navigation li a {outline: none;width:116px; height:61px; display:block;}
.navigation li a img {border: 0px;}

.start_aktiv {background: url(images/navi_hover.png);background-position:0px 0px;}
.profil_aktiv {background: url(images/navi_hover.png);background-position:-116px 0px;}
.kontakt_aktiv {background: url(images/navi_hover.png);background-position:-232px 0px;}
.impressum_aktiv {background: url(images/navi_hover.png);background-position:-348px 0px;}

#start:hover {background: url(images/navi_hover.png);background-position:0px -61px;}
#profil:hover{background: url(images/navi_hover.png);background-position:-116px -61px;}
#kontakt:hover {background: url(images/navi_hover.png);background-position:-232px -61px;}
#impressum:hover {background: url(images/navi_hover.png);background-position:-348px -61px;}

div#content {width: 856px; margin:0px; padding:25px 0 0 144px;}
.refbox {width:461px; height:132px;background: url(images/refbox.png);background-repeat:no-repeat; float:left;padding:0 0 25px 0}
.information {width:210px; height:132px; float:left;margin-left:5px;}



.refcell {width:217px; height:170px; background-color:#FFF;border:1px solid #CCC;margin:5px 1px 5px 2px; padding:3px 0px 0px 3px; float:left; line-height: 12px;}
div#box{width:716px; height:151px; background: url(images/box.png);}
div#box_topprofil{width:716px; height:71px; background: url(images/profil.png);padding:0px; margin:0px;}
div#box_topkontakt{width:716px; height:71px; background: url(images/kontakt.png);padding:0px; margin:0px;}
div#box_topimpressum{width:716px; height:71px; background: url(images/impressum.png);}
div#box_spacer{width:656px;background: url(images/spacer.png); padding:0px 30px 0px 30px; margin:0px;}
div#box_bottom{width:716px;margin: 0px; padding: 0px; height:21px; background: url(images/bottom.png);}
.reftop{width:716px;margin: 0px; padding: 0px; height:21px; background: url(images/reftop.png);}

.greenbold {
font: 13px "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none; padding:2px 0px 2px 0px;}
.greenbold a{
font: "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none;
}
.greenbold a:hover{
	text-decoration:underline;
}


h4 {
font: 16px "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none; margin:0px 0px 8px 0px;border-bottom:1px solid #c1c1c1; padding:0px 1px 2px 0px;}
h4 a{
font: "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none;
}
h4 a:hover{
	text-decoration:underline;
}


h1 {font: 24px "Lucida Grande",Arial,sans-serif; color: #7ba418; width:686px; font-weight:bold;padding:50px 0 0 30px;margin:0px;}
h2 { margin: 0px; font: 18px "Lucida Grande",Arial,sans-serif; color: #999; width:651px; font-weight:bold;padding:0px 0 0 65px;}
h2 a{ margin: 0px; font: 18px "Lucida Grande",Arial,sans-serif; color: #999; font-weight:bold;}
h2 a:hover{ margin: 0px; font: 18px "Lucida Grande",Arial,sans-serif; color: #7ba418; font-weight:bold;}

h3 {margin: 10px 0px 10px 20px; font-size: 16px; font-family:"Lucida Grande",Arial,sans-serif; color: #CCC; font-weight:bold;}

h5 {margin: -2px -1px -2px 2px; font: 9px "Lucida Grande",Arial,sans-serif; color: #999; width:100%; font-weight:normal;text-transform:uppercase;letter-spacing:0.1em;float:right;}
h6 { margin: 0px; font: 11px "Lucida Grande",Arial,sans-serif; color: #666; width:70px; font-weight:bold;display:block;float:left;padding:5px 0 0 0;}

h7 {padding: 0 1px 2px 2px; margin: 0px; font-size: 28px; font-family:GraublauWeb,Arial,Helvetica,sans-serif; color: #666; width:100%; font-weight:bold;border-bottom:2px solid #bcc7d4;letter-spacing:-2px;}
h8 { margin: 0px; font: 11px "Lucida Grande",Arial,sans-serif; color: #666; font-weight:normal;display:block;padding:2px 0 20px 0;}

.portfolio-website {
width:656px; height:151px; background: url(images/refbg.png); padding:0px 30px 0px 30px;}

.website-thumbnail {
width:656px; height:85px;
}
.website-thumbnail img {
	margin: 0;
	padding: 0;
}
.website-name {
font: 16px "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none;padding:10px 0px 2px 0px;}
.website-name a,.website-url a {
font: "Lucida Grande",Arial,sans-serif; color: #669900; font-weight:bold;text-decoration:none;
}
.website-name a:hover,.website-url a:hover {
	text-decoration:underline;
}
.website-url {
	font-size: 9pt;
	font-weight: bold;
}
.website-url a {
	color: #777;
}
.website-description {
	font: 11px "Lucida Grande",Arial,sans-serif; color: #999; font-weight:bold; padding:6px 0px 0px 0px;
}

.website-description a {
	font: 11px "Lucida Grande",Arial,sans-serif; color: #999; font-weight:bold;
}

.website-clear {
	clear: both;
}