/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:13px Arial, Verdana, sans-serif; color:#636B75; background:#A0824A url(img/body_background.jpg) repeat-x; min-width:1008px; }
a:link, a:visited { color:#61751e; text-decoration:underline; }
a:focus, a:hover, a:active { color:#93b817; text-decoration:underline; }
fieldset { border:none; }
img { border:none; }
form * { font:10px Verdana, Arial, sans-serif; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div#background { position:absolute;  left:0px; top:0px; width:100%; height:422px; background:url(img/background.jpg) no-repeat center top; }
div#wrapper { position:relative; left:50%; width:1008px; margin-left:-504px; }
div#header { position:relative; height:340px; background:url(img/header.jpg) no-repeat; }
div#header object { position:absolute; width:1008px; height:229px; outline:0; }
ul#navigation { position:absolute; left:32px; top:306px; height:34px; }
ul#navigation li { float:left; width:114px; margin-right:1px; height:34px; list-style:none; text-align:center; line-height:32px; background:url(img/navi.jpg); font-size:13px; }
ul#navigation li a { float:left; color:#cddcee; font-weight:bold; width:108px; height:34px; display:block; text-decoration:none; }
ul#navigation li a:hover { color:#dbebfe; text-decoration:none; }
ul#navigation li.active a { color:#61751e; text-decoration:none; }
ul#navigation li.active { background:url(img/navi_active.jpg); }
ul#navigation li.active:hover { background:url(img/navi_active.jpg);}
ul#navigation li:hover { background:url(img/navi_hover.jpg); }
div#header span#info { color:#ccc; position:absolute; top:304px; right:36px; text-align:right; white-space:nowrap; font-size:12px;}

div#equal { background:url(img/content_background.jpg) repeat-y; }
div#center { float:left; overflow:hidden; }
div#center { background:url(img/content.jpg) no-repeat; width:100%; }
div#content { padding:20px 38px; }
div#footer { position:relative; height:136px; background:url(img/footer.jpg) no-repeat left bottom; font-size:12px; }
div#footer a { text-decoration:none; }
div#footer ul.list { line-height:25px; list-style:none; position:absolute; top:31px; }
div#footer ul#quicklinks { left:42px; }
div#footer ul#network { left:184px; }
div#footer ul#contact { left:347px; }
div#footer span#copyright { position:absolute; top:88px; right:36px; color:#747f8d; }
div#footer ul#subnavigation { position:absolute; top:36px; right:31px; list-style:none; font-weight:bold; }
div#footer ul#subnavigation li { float:left; padding:0px 5px; border-left:1px solid #61751e;  }
div#footer input { border:0; position:absolute; background:transparent; }
div#footer input#searchtext { color:#93a0af; width:157px; left:755px; top:62px; }
div#footer input#searchsubmit { left:918px; top:58px; color:#61751e; font-weight:bold; width:51px; height:20px; }


/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.left { float:left; }
.right { float:right; }
.noborder { border:0 !important; }
.nomargin { margin:0 !important; }
.grey { color:#93A0B0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Spalten */
div.col_half { width:442px; }
div.col_twosmall { width:333px; }
div.col_twobig { width:551px; }
div.twocol323 { width:323px; }
/* div.twocol200 { width:204px; }*/
div.twocol229 { width:229px; }
div.twocol271 { width:271px; }
div.twocol177 { width:182px; }
div.twocol719 { width:719px; }
div.twocol705 { width:705px; }
div.spacer { margin-left:52px; }

/* Formatierungen */
div#content hr.spacerbig { border:0 ; height:52px; visibility:hidden; }
div#content hr.spacer { border:0; height:26px; visibility:hidden; }
div#content h2 { font-size:28px; font-weight:normal; font-family:impact; color:#5F5F5F; padding:0 3px 3px; border-bottom: 3px solid #93A0AF; text-transform:uppercase;}
div#content h3 { font-size:12px; font-weight:normal; color:#93a0af; font-family:Tahoma; padding:0 3px; margin:3px 0 13px 0; }
div#content h4 { font-size:15px; font-weight:bold; padding:0 3px 3px; margin:3px 0 13px 0; border-bottom:1px solid #ccc; white-space:nowrap; }
div#content p { margin:0 2px 26px; line-height:150%; }
div#content p.pfeil { background:url(img/pfeil.jpg) no-repeat left center; padding-left:15px; }
div#content ul.smalllist { margin-top:-10px; font-size:12px;}
div#content ul.smalllist li { line-height:150%; padding:2px 0 2px 3px; border-bottom:1px dotted #888; list-style:none; }
div#content ul.smalllist.small li { display:inline-block; width:200px; }
div#content ul.list { margin-top:-10px; }
div#content ul.list li { line-height:150%; padding:6px 0 6px 19px; border-bottom:1px solid #ccc; list-style:none; background:url(img/pfeil.jpg) no-repeat 3px center; }
div#content img.portrait { border:4px solid #ccc; margin-bottom:26px; }
div#content dl { font-size:12px; white-space:nowrap; }
div#content dl dt, div#content dl dd{ border-bottom:1px dotted #888; min-height:20px; line-height:20px; }
div#content dl dt{ padding-left:3px; width:61px; font-weight:bold;}
div#content dl dd { margin-top:-21px; padding-left:62px; }
div#content address { margin:0 2px 26px; line-height:150%; font-style:normal; }
div#content label { width:225px; display:block; margin:0 0 4px; cursor:pointer;}
div#content input { border:1px solid #A9A9A9; background:transparent; padding:3px 5px; margin:0 0 8px; width:215px; }
div#content textarea { border:1px solid #A9A9A9; background:transparent; padding:3px 5px; margin:0 0 8px; width:215px; }
input#contactsubmit { width:227px !important; height:29px !important; background:url(img/sendbutton.png) no-repeat left bottom!important; text-align:center; border:0 !important; color:#FFF; padding:0 !important; font-weight:bold; font-size:12px; line-height:22px !important;}

ul.logo { list-style:none; }
ul.logo li { float:left; margin:4px; border:4px solid #CCC; }
ul.logo li img{ border:1px solid #A5A5A5; }
ul.webreferenzen { list-style:none; }
ul.webreferenzen li { float:left; margin:6px; }
ul.webreferenzen li img { width:337px; height:145px; }
ul.webreferenzen li h5 { color:#617520; font-size:12px; padding:5px 8px; border-bottom:1px dotted #888; }
ul.webreferenzen li a.more { color:#617520; font-size:12px; padding:5px 8px; border-bottom:1px dotted #888; display:block; }
a.border { border:4px solid #CCC; display:inline-block; }
a.left.margin { margin-right:13px; }

a.screenshot2, a.details { border-bottom:1px dotted #878787; display:inline-block; padding:2px 0 3px 0; text-indent:25px; width:251px; }
a.screenshot2 { margin-top:5px; background:url(img/screenshot.jpg) no-repeat left 5px; }
a.details { background:url(img/details.jpg) no-repeat left 5px; }

div#startseite { width:984px; height:512px; background:url(img/box.jpg) no-repeat; position:relative; left:-26px; top:-20px; }

div#referenzen { position:absolute; left:30px; top:30px; }
div#referenzen p { margin:0; }
div#referenzen div { height:182px; }
div#referenzen img { border:1px solid #527207; border-top:0; width:440px; height:182px;}
div#referenzen a.head { position:relative; background:url(img/ref_head.jpg) no-repeat; width:442px; height:25px; line-height:25px; text-shadow:#546B1B 1px 1px 1px; font-weight:bold; cursor:pointer; display:block; color:#fff !important; text-decoration:none; }
div#referenzen a.head span.nummer { position:absolute; left:10px;  }
div#referenzen a.head span.name { position:absolute; left:38px;  }
div#referenzen a.head span.datum { position:absolute; right:12px; font-weight:normal; color:#fff; font-size:11px;  }
div#referenzen a.head.selected { background:url(img/ref_head2.jpg) no-repeat; height:24px; color:#42663F !important; text-shadow:#E1F0C4 1px 1px 1px;}
div#referenzen a.head.selected span{ color:#42663F !important; }
div#referenzen div.foot { background:url(img/ref_foot.jpg) no-repeat; width:442px; height:22px; margin-bottom:7px; line-height:22px; font-size:12px; }
div#referenzen div.foot a { padding-left:13px; display:block; height:22px; color:#eee; text-decoration:none;}
div#referenzen div.foot.active { background:url(img/ref_foot2.jpg) no-repeat; color:#42663F !important; text-shadow:#E1F0C4 1px 1px 1px; }
div#referenzen div.foot.active a { color:#42663F !important; }
a.besuchen { padding-left:25px; background:url(img/smallicons.png) no-repeat -2px 0px; height:20px; margin:0 0 14px; display:block; }
a.screenshot { padding-left:25px; background:url(img/smallicons.png) no-repeat 0px -25px; height:20px; margin:5px 0 26px; display:block; }
dl.info { margin-top:-7px; }
ul#leistungen { margin-top:0px; }
ul#leistungen li { border-bottom:1px dotted #888; list-style:none; padding:2px 0 2px 40px; height:36px; line-height:36px; background-repeat:no-repeat; background-image:url(img/leistungen.png); font-weight:bold; }
li.beratung { background-position:0px 5px; }
li.corporate { background-position:0px -30px; }
li.logodesign { background-position:0px -65px; }
li.webdesign { background-position:0px -102px; }
li.print { background-position:0px -138px; }
li.xhtml { background-position:0px -176px; }
li.seo { background-position:0px -212px; }
li.programmierung { background-position:0px -252px; }
img.screenshot { width:711px; }
div#webdesign { position:absolute; width:481px; height:206px; left:503px; top:0px; cursor:pointer; display:block; }
div#logodesign { position:absolute; width:481px; height:139px; left:503px; top:208px; cursor:pointer; display:block;}
div#illustrationen { position:absolute; width:481px; height:162px; left:503px; top:348px; cursor:pointer; display:block; }
div#webdesign h2 { position:absolute; left:21px; top:38px; text-indent:69px; font-family:Arial; font-size:24px; color:#707378; border:0; padding:0; font-weight:bold; }
div#logodesign h2, div#illustrationen h2 { position:absolute; left:21px; top:25px; text-indent:69px; font-family:Arial; font-size:24px; color:#707378; border:0; padding:0; font-weight:bold; }
div#webdesign strong{ position:absolute; top:62px; left:90px; font-family:Arial; font-size:14px; color:#707378; border:0; padding:0; font-weight:normal; }
div#logodesign strong, div#illustrationen strong { position:absolute; top:49px; left:90px; font-family:Arial; font-size:14px; color:#707378; border:0; padding:0; font-weight:normal; }
div#webdesign p,div#illustrationen p { position:absolute; top:101px; left:21px; width:430px; color:#93a0af; }
div#logodesign p{ position:absolute; top:91px; left:21px; width:430px; color:#93a0af; }
div#webdesign ul{ position:absolute; top:177px; left:37px; list-style:none; width:440px;  }
div#webdesign li { float:left; font-weight:bold; color:#93a0af; padding-right:41px; font-size:14px; }

.projekt { margin-top:5px; display:inline-block; height:46px; padding:3px 68px 0 46px; float:left; background:url(img/projekt.jpg) no-repeat; }
.projekte { margin-top:5px; display:inline-block; height:46px; padding:3px 0px 0 56px; float:left; background:url(img/projekte.jpg) no-repeat; }


ul#service { list-style:none; clear:both; margin:11px 0px 11px 3px; }
ul#service li{ float:left; margin-right:10px; width:177px; }
ul#service li a{ padding:5px; border:1px solid #60731A; display:inline-block; }
ul#service li p{ padding:5px; }

/* Sitemap */
ul#sitemap li { line-height:200%; list-style-position:inside; padding-left:20px; }
ul#sitemap li ul {  margin-bottom:0px; }