div#line{ background: url(../images/header.jpg) no-repeat; z-index: 1; height: 50px; width: 100%; position: absolute; top: 0; left: 0; }

div.container{width: 960px; margin: 0 auto; padding: 0;}

#branding { overflow: hidden; margin: 35px 0 0; position: relative; z-index: 2; }
#branding h1 { text-indent: -9999px; background: url(../images/logo.gif) no-repeat; width: 491px; height: 19px; float: left; margin: 0 15px 0 0; }
#branding h2 { font: 11px Georgia; font-style: italic; color: #666; margin: 3px 0 0 0; }
#branding a.kontakt{ float: right; position: relative; top: 5px; }

#slideshow{	background: url(url(../images/topbanner_logo.jpg)) no-repeat; background-position: top center;  width: 1000px; height:160px; margin: 0 0 0 -20px; }
#slideshow #warp { margin: auto; }

#slideshow span { display: none }
#slogan1, #slogan2, #slogan3 {width: 960px; height: 489px; }
#slogan1 h2 { background: url(../images/bla1.gif) no-repeat; width: 760px; height: 230px; margin:120px auto}
#slogan2 h2 { background: url(../images/bla2.gif) no-repeat; width: 760px; height: 230px; margin:120px auto}
#slogan3 h2 { background: url(../images/bla3.gif) no-repeat; width: 760px; height: 230px; margin:120px auto}

#slogannavi {position: absolute; top: 270px; z-index: 1000; overflow: hidden; width: 1004px; }
#slogannavi li { float: left; width:462px; margin: 20px; }
#slogannavi li img {cursor: pointer}
#slogannavi li#next{ text-align: right}


ul#filter{overflow: hidden; height: 23px;}
ul#filter li{float:left; margin-right: 2px;}

ul#portfolio { overflow: hidden; font: 11px Arial, Verdana, sans-serif; }
ul#portfolio li { width:220px; background-image: url(../images/schatten_screenshots.jpg); background-repeat: no-repeat; float: left; height: 350px; }
ul#portfolio li div.screenshot{overflow: hidden;  width:192px; height: 144px; margin-left:35px; margin-right:10px; margin-bottom:0px; margin-top:25px;}
ul#portfolio li div.details{  width:192; height:73PX; margin-left:10PX; margin-top:4px; }
ul#portfolio li h3 { color:#990000; float:left; font-size:9px; font-weight:bold; letter-spacing:2px; padding-bottom:10px; padding-top:5px; width:270px; }
ul#portfolio li h3 a.visit{color:#008BE8; font-size:9px; font-weight:bold; letter-spacing:1px; text-decoration:none;  }

ul#portfolio li p { clear: both; color:#888888; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:11px; font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; }

a { color: #666; }
a:hover { color: #333; }

#footer { overflow: hidden; background: #353434 url(../images/footerschatten.jpg) repeat-x; padding: 50px 0; font: 14px Arial, verdana, sans-serif; font-weight: bold; color: #9d9d9d; }
#footer #kontakt { float: left; width: 295px; margin: 0 50px 0 0; position: relative; }
#footer #kontakt legend, #footer #kontakt label { display: none; }
#footer #kontakt ul li { margin: 0 0 20px; }
#footer #kontakt input { width: 275px; padding: 10px; font: inherit; color: inherit; }
#footer #kontakt textarea { width: 275px; height: 150px; padding: 10px; font: inherit; color: inherit; }
#footer #kontakt .input_button { background: url(../images/absenden.jpg) no-repeat; width: 102px; height: 26px; text-indent: -9999px; float: left; }
#footer #kontakt .input_button:hover { cursor: pointer; }
#footer #kontakt #nachrichten { width: 295px; font-size: 10px; line-height: 14px; position: relative; top: -10px; }
#footer #kontakt span#senden { float:left; margin: 3px;}

#footer #info { float: left; font-size: 12px; color: white;}
#footer #info h3 { font-size: 14px; font-weight: bold; line-height: 1.4em; margin: 0 0 15px; }
#footer #info ol { list-style: decimal; position: relative; left: 17px; }
#footer #info ul { list-style: square; position: relative; left: 15px; }
#footer #info ul, #footer #info ol { margin: 0 0 25px; }
#footer #info li {  line-height: 1.6em; font-weight: normal; font-size: 11px;}
#footer #info ul#leistungen li a { color: white; border-bottom: 1px dashed; text-decoration: none; }
#footer #info p { font-weight: normal; line-height: 1.6em; font-size: 11px; margin: 0 0 15px; font-size: 11px; }
#footer #info a { color: #999; }
#footer #info a:hover { color: #ccc; }
#footer #valid {color:#666}


.prev_image{

z-index:1;

position: relative;

width:235px;

height:144px;

overflow:hidden;

}