body { background:url(/img/bg.jpg) #d4c497; margin:0px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
ul, li { margin:0px; padding:0px; list-style-type:none; }
map { display:none; }
input { height:16px; padding:2px; border:0px; font-size:11px; font-family:Georgia; }

#container { width:836px; margin:0px auto; }
#logo { width:185px; height:171px; position:absolute; top:30px; margin-left:-40px; z-index:1000; }
#tweet { width:247px; height:141px; background:url(/img/bg_tweet.jpg) no-repeat; position:absolute; top:110px; margin-left:600px; z-index:1000; padding:35px 0 0 30px; }
#tweet h2 { font-size:14px; font-weight:700; padding:0px; margin:0 0 12px 0; }
#tweet h2 a { color:#2d2b29; }
#tweet .tweet { width:215px; font-size:11px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; color:#323232; }
#header { width:836px; height:290px; background:url(/img/bg_shade.png) repeat-y; }
#header .content { width:828px; height:290px; margin-left:4px; background:url(/img/bg_content.jpg) #282627; }
#header .claim { padding:15px 0 0 540px; }
#header .nav { margin-left:168px; height:36px; background-image:url(/img/border_nav_bottom.png); background-repeat:no-repeat; background-position:left bottom; }
#header .nav ul { margin-left:4px; }
#header .nav ul li { margin-right:45px; float:left; }
#header .nav ul li.act, #header .nav ul li a:hover { color:#c7b784; font-size:19px; }
#header .nav ul li a { color:#646464; font-size:19px; text-decoration:none; }
#header .info { width:620px; margin:20px 0 0 168px; }
#header .info h3 { margin:20px 0 0 0; padding:0px; color:#72aa9e; font-size:15px; font-weight:normal; line-height:22px; width:400px; }
#header .info h3.portfolio { margin:10px 0 0 0; }
#header .info h3 a { color:#72aa9e; }
#header-footer  { width:863px; height:20px; background:url(/img/header_saum.png) no-repeat; }
#header-nadeln { width:836px; height:113px; position:relative; margin-top:-46px; background:url(/img/header_nadeln.png) no-repeat; z-index:1000; }

#content-header { width:836px; height:21px; margin-top:-42px; background:url(/img/content_saum_top.png) no-repeat; }
#content { width:836px; background:url(/img/bg_shade.png) repeat-y; }
#content .content { width:828px; margin-left:4px; background:url(/img/bg_content.jpg) #282627; }
#content .header { height:127px; background:url(/img/content_naht.png) repeat-x bottom; }
#content .header.home { padding:10px 82px 0 77px; }
#content .header.persoenlich { padding:6px 132px 4px 24px; }
#content .header.portfolio { padding:10px 0 0 150px; }
#content .entry { width:784px; padding:40px 0 0 44px; font-size:13px; color:#646464; line-height:20px; }
#content .entry h1 { margin:0px; padding:0 0 33px 0; font-size:15px; color:#72aa9e; letter-spacing:2px; text-transform:uppercase; }
#content .entry h1 a { color:#c7b784; text-decoration:none; }

#content .btn.portfolio { position:absolute; margin:-170px 0 0 680px; }
#content .entry .cases { margin:30px 0 20px 0; clear:both; float:left; }
#content .entry .cases .case { float:left; margin:0 20px 26px 0; padding:5px; background:#fff; border:1px solid #111; }
#content .entry .cases .case img.showcase { border:1px solid #ccc; }
#content .entry.client h2 { color:#c7b784; letter-spacing:2px; text-transform:uppercase; font-size:15px; padding:0px; margin:30px 0 10px 3px; }
#content .entry.client #nfo { color:#646464; margin:20px 0 0 0; float:left; }
#content .entry.client #nfo li { width:230px; }
#content .entry.client #nfo li a { color:#c7b784; }
#content .entry.client #nfo li #controls { color:#646464; font-size:13px; position:relative; width:230px; margin-top:20px; }
#content .entry.client #stage { display:none; }
#content .entry.client #stage li { position:absolute; top:20px; left:250px; z-index:200; visibility: hidden; }
#content .entry.client #stage li img { display: block; }
#content .entry.client #stage li .caption { clear: both; color:#c7b784; text-align:right; padding:20px 20px 0 0; }
#content .entry.client #stage li .caption a { color:#c7b784; }
#content .entry.client .control { cursor: pointer; color:#c7b784; font-size:13px; }
#content .entry.client .control #stage-next { right: 8%; top: 71%; }
#content .entry.client .control #stage-previous { left: 6%; top: 71%; }
#content .entry.client p { padding:0 40px 0 0; }
#content .entry .nav { margin:0 0 10px 0; height:36px; background-image:url(/img/border_nav_bottom.png); background-repeat:no-repeat; background-position:left bottom; }
#content .entry .nav ul { margin-left:4px; }
#content .entry .nav ul li { margin-right:45px; float:left; font-size:15px; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#content .entry .nav ul li.act, #content .entry .nav ul li a:hover { color:#c7b784; }
#content .entry .nav ul li a { color:#646464; text-decoration:none; }

#content .entry .nfo { width:380px; float:left; }
#content .entry .nfo.home { width:360px; float:left; }
#content .entry .nfo .copy { width:380px; }
#content .entry .nfo .copy.home { width:350px; }
#content .entry .nfo .copy a { color:#c7b784; text-decoration:none; }
#content .entry .nfo .copy.m  { width:290px; padding:15px 20px 0 0; }
#content .entry .nfo .copy.m .break { height:80px; //height:60px; }
#content .entry .nfo .button { width:312px; height:71px; bottom:0px; line-height:55px; padding:0 0 0 62px; margin:30px 0 20px 0; background:url(/img/bg_button.png) no-repeat; }
#content .entry .nfo .button a, #content .entry .rrow .button a, #content .visual .button { font-size:16px; font-weight:bold; color:#ca6300; text-decoration:none; }
#content .entry .nfo .flag { position:absolute; background:url(/img/btn_hire.png) no-repeat; padding:12px 0 20px 96px; margin:100px 0 0 -96px; height:42px; }
#content .entry.contact .nfo { width:320px; }

#content .entry .visual { width:380px; padding:0 0 70px 0; float:left; text-align:center; }
#content .entry .visual form, #content .entry .visual .unform { width:420px; text-align:left; margin:-5px 0 0 0; }
#content .entry .visual .unform { margin:-20px 0 0 0; height:290px; }
#content .entry .visual label { width:415px; margin:0px; padding:0px; color:#fff; color:#646464; }
#content .entry .visual label span, #content .entry .visual .wt span { color:#ead8d5; }
#content .entry .visual .wt { color:#646464; float:left; line-height:50px;  }
#content .entry .visual .rt { float:right; margin:0 0 0 250px; position:absolute; z-index:200; }
#content .entry .visual .input { width:407px; margin:0 0 18px 0; padding:4px; font-size:12px; }
#content .entry .visual .textarea { width:407px; height:100px; margin:0 0 18px 0; padding:4px; border:0px; font-size:12px; font-family:Georgia; overflow:auto; }
#content .entry .visual .button { width:170px; height:58px; line-height:45px; padding:0 70px 0 0; cursor:pointer; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align:right; background:url(/img/bg_button_rgt.png) no-repeat right; //position:absolute; //right:240px; //top:125px; }

#content .entry .plain { width:590px; float:left; }
#content .entry .pict { position:relative; top:-170px; z-index:1000; float:left; }

#content .entry .lrow { width:250px; margin:0 75px 48px 0; float:left; }
#content .entry .lrow .deco { position:relative; width:464px; left:-132px; z-index:1000; }
#content .entry .lrow .deco .lft { width:88px; height:549px; background:url(/img/bg_content_dbox_lft.jpg) no-repeat; float:left; }
#content .entry .lrow .deco .rgt { width:300px; float:left; }
#content .entry .lrow .deco .rgt .top { width:300px; height:64px; background:url(/img/bg_content_dbox_top.png) no-repeat; }
#content .entry .lrow .deco .rgt .main { width:205px; height:429px; color:#323232; font-size:12px; background:url(/img/bg_content_dbox_main.png) #8a9b88; padding:0 0 0 17px; float:left; }
#content .entry .lrow .deco .rgt .main h1 { color:#323232; padding:0 0 15px 0; }
#content .entry .lrow .deco .rgt .main h2 { color:#ece2be; font-size:12px; margin:0px; padding:0px; }
#content .entry .lrow .deco .rgt .main .copy { padding:0 0 15px 0; }
#content .entry .lrow .deco .rgt .main .copy .wt { color:#ece2be; }
#content .entry .lrow .deco .rgt .rgt { width:77px; height:429px; background:url(/img/bg_content_dbox_rgt.png) no-repeat; float:left; }
#content .entry .lrow .deco .rgt .bot { width:300px; height:50px; margin-bottom:30px; background:url(/img/bg_content_dbox_bot.png) no-repeat; clear:both; }
#content .entry .lrow .ribbons { position:relative; width:343px; left:-52px; z-index:1000; }
#content .entry .lrow .ribbons li { padding:0 0 0 52px; font-size:13px; width:343px; height:35px; background:url(/img/bg_ribbon.jpg) no-repeat; }
#content .entry .lrow .ribbons li a { color:#C7B784; line-height:29px; text-decoration:none; }

#content .entry .rrow { width:420px; padding:40px 0; float:left; }
#content .entry .rrow .button { width:350px; height:58px; line-height:45px; padding:0 70px 0 0; text-align:right; background:url(/img/bg_button_rgt.png) no-repeat right; margin:10px 0 33px 0; }
#content .entry .rrow blockquote { color:#646464; margin:0px; padding:0px; font-size:12px; line-height:17px; font-family:Georgia; font-style:italic; }
#content .entry .rrow blockquote .small { color:#b37a71; font-size:11px; font-style:normal; }
#content .entry .rrow blockquote .mid { padding:75px 0 65px 130px; }

#content .entry .linklist { width:748px; }
#content .entry .linklist ul { height:327px; padding:33px 35px 0 0; float:left; }
#content .entry .linklist ul.fini { padding:33px 0; float:left; }
#content .entry .linklist li { padding:0 0 17px 0; color:#b37a71; font-size:13px; line-height:17px; }
#content .entry .linklist li h3 { margin:0px; padding:0px; color:#b37a71; font-size:13px; font-weight:normal; color:#72aa9e; line-height:17px; }
#content .entry .linklist li a { color:#c7b784; text-decoration:none; }
#content .entry .linklist .heart { position:relative; width:131px; left:615px; top:-460px; margin-bottom:-121px; }
#content .entry .linklist .flag { position:relative; width:81px; height:129px; left:-110px; top:-160px; margin-bottom:-130px; }

#content .entry.contact { max-height:350px; }
#content .entry h1.contact { width:265px; font-size:0px; height:81px; margin:-15px 0 0 -5px; background:url(/img/btn_kontakt.png) no-repeat;  }
#content .buttons { position:absolute; width:399px; height:184px; background:url(/img/bg_buttons_kontakt.png) no-repeat; margin:-110px 0 0 -55px; z-index:1000; }
#content .divider { width:826px; height:12px; margin:0 0 0 1px; background:url(/img/content_naht_mid.png) no-repeat; clear:both; }

#content-footer { width:836px; height:188px; background:url(/img/bg_cloud.jpg) no-repeat; }
#content-footer.plain { height:78px; background:url(/img/bg_cloud_plain.jpg) no-repeat; }
#content-footer .carousel-component .carousel-clip-region { overflow:hidden; margin:0px auto; }
#content-footer .carousel-component { position:relative; overflow:hidden; display:none; margin:40px 0 0 0; color:#618cbe; float:left; }
#content-footer .carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; margin:0px; padding:0px; line-height:0px; }
#content-footer .carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; margin:0 10px 0 10px; padding:5px; background:#fff; border:1px solid #ccc; }
#content-footer .carousel-component .carousel-list li img { border:1px solid #ccc; }
#content-footer .left-button-image { margin:65px 0 0 18px; float:left; cursor:pointer; }
#content-footer .right-button-image { margin:65px 0 0 0px; float:left; cursor:pointer;s }

#footer-header { width:836px; height:73px; margin-top:-20px; background:url(/img/bg_footer.jpg) no-repeat; }
#footer { width:836px; height:196px; background:url(/img/bg_shade.png) repeat-y; }
#footer .content { width:828px; height:196px; margin-left:4px; background:url(/img/bg_content.jpg) #282627; }
#footer .lft { width:485px; float:left; }
#footer .lft .contact { width:260px; height:101px; margin:15px 0 0 10px; background:url(/img/btn_kontakt.png) no-repeat; }
#footer .lft .nfo { background:url(/img/btn_hire.png) no-repeat; padding:12px 0 0 98px; margin:5px 0 0 -56px; height:42px; }
#footer .lft .nfo h3 { margin:5px 0 0 0; padding:0px; font-size:15px; font-weight:normal; }
#footer .lft .nfo h3 a { color:#646464; }
#footer .rgt { position:relative; left:485px; top:-200px; width:389px; height:161px; background:url(/img/bg_buttons.png) no-repeat right; padding:47px 0 0 0; z-index:1000; margin-bottom:-100px; float:left; }
#footer .rgt .krop { position:absolute; margin:-80px 0 0 20px; width:115px; height:109px; //margin:-75px 0 0 20px; }
#footer .rgt h3 { width:114px; margin:0px; padding:0px; font-size:15px; font-weight:normal; color:#646464; float:left; }
#footer .rgt img { margin:-50px 0 0 0; border:0px; float:left; }
#footer .rgt .details { padding:0 0 0 114px; font-size:11px; color:#646464; //margin:-50px 0 0 0; }
#footer .rgt .details a { color:#646464; }
#footer-footer { width:836px; height:18px; background:url(/img/footer_saum.png) no-repeat; }

.clr { clear:both; }
.hide { display:none; }