/* wunderweiss global */

*{margin:0; padding:0; font-family:Verdana; outline:none;}
img{border:none;}

#page{margin-left:24px; width:746px;}
	#header{position:relative; width:746px; height:117px;}
		#logo{display:block; position:absolute; left:-24px; top:0px; width:278px; height:102px; background:url(../img/ww_logo.png) no-repeat;}

		#mainnav{position:absolute; left:286px; top:92px; list-style:none;}
		#mainnav li{float:left; padding-right:14px;}
		#mainnav li a{font-size:12px; font-weight:bold; text-decoration:none; color:#787878;}
        #mainnav li a:hover{color:#80a5a5;}
        #mainnav li.section a{color:#80a5a5;}

	#content{float:left; width:100%; padding-bottom:20px;}
		#headSection{float:right; width:460px; padding:26px 0 24px 0;}
			#subnav{float:left; margin-top:-37px; width:100%; padding:5px 0 31px 0; list-style:none;}
			#subnav li{float:left; padding-right:20px;}
			#subnav li a{font-size:10px; font-weight:bold; text-decoration:none; color:#787878;}
            #subnav li a:hover{color:#80a5a5;}
            #subnav li a.section{color:#80a5a5;}
			h1{float:left; width:100%; padding-bottom:30px; font-family:Verdana; font-size:15px; line-height:20px; color:#80a5a5;}
			#subheadline{float:left; width:100%; margin-top:-27px; padding-bottom:14px; font-size:11px; color:#80a5a5;}
		#headSection img{float:left; width:460px;}

		.bodySection{float:left; width:100%; padding-bottom:40px; border-top:1px solid #ccc; }
		.bodySection .colLeft{float:left; margin-right:11px; width:275px; padding-bottom:20px;}
		.bodySection .colLeft img{float:left; padding-top:10px;}
		.bodySection .colLeft h2{float:right; padding-top:4px; font-family:Times; font-size:15px; line-height:18px; text-align:right; color:#80a5a5;}
		.bodySection .colRight{float:right; width:460px; padding-top:6px; font-size:11px; line-height:14px; color:#666;}
		.bodySection .colRight p{padding-bottom:7px;}
		.bodySection .colRight a{text-decoration:none; color:#80a5a5;}
        .bodySection .colRight a:hover{text-decoration:underline;}
		.bodySection .colRight a[href^="http://"]{padding-left:14px; background:url(../img/icon_extlink.gif) no-repeat 0 3px;}
		.bodySection .colRight a[href^="http://"] img{position:relative; left:-14px; top:1px; margin-right:-14px;}
        .bodySection .colRight ol{padding-left:25px;}
        .bodySection .colRight ul{padding-left:25px; list-style-type:square;}

		#credits{float:right; width:460px; font-size:10px; color:#999;}
		#credits a{color:#999;}
		#credits a[href^="http://"]{padding-left:12px; background:url(../img/icon_extlink.gif) no-repeat 0 3px;}
		#credits a[href^="http://"] img{position:relative; left:-12px; top:1px; margin-right:-12px;}
		#credits .leer{padding-left:23px; background:url(../img/leer.gif) no-repeat;}

    #footer{clear:left; float:left; width:100%; min-width:950px; max-width:1024px; background:#80a5a5;}
    #footer .metanav{float:left; border-right:1px solid white; width:439px; height:85px;}
    #footer .metanav ul{float:right; margin-right:140px; padding-top:12px; list-style:none;}
    #footer .metanav li{float:left; padding-left:11px; background:url(../img/metanav_divider.png) no-repeat 5px 1px;}
    #footer .metanav li:first-child{padding-left:0; background:none;}
    #footer .metanav li a{float:left; font-size:9px; text-decoration:none; color:white;}
    #footer .fb{float:left; border-right:1px solid white; width:194px; height:85px;}
    #footer .fb a{float:left; margin:9px 0 0 20px; width:154px; height:14px; background:url(../img/facebook_share.png);}
    #footer .fb a span{display:none;}
    #footer .twitter{float:left; width:309px;}
    #footer .twitter .follow{float:left; margin:9px 0 0 20px; width:170px; height:14px; background:url(../img/twitter.png);}
    #footer .twitter .follow span{display:none;}
    #footer .twitter .tweets{border-top:1px solid #ccdbdb; clear:left; float:left; margin:5px 0 0 39px; width:270px; height:40px; overflow:hidden; padding:4px 0 0 2px; line-height:13px; font-size:11px; color:white;}
    #footer .twitter .tweets p{display:none; float:left; width:100%;}
    #footer .twitter .tweets p a{color:white; text-decoration:underline;}


/* home */
#page.home #header{position:absolute; left:24px; top:0; border:none; z-index:1;}
#page.home #content{position:absolute; left:0; top:0; z-index:0;}
#footer.home{position:absolute; left:0; top:598px;}

/* project  */
#project{float:left; margin-top:-20px; width:100%;}
#project #browseProjects{float:right;}

#project #browseProjects{float:right; padding-bottom:7px; font-size:11px;}
#project #browseProjects a.browse{float:left; width:17px; height:16px;}
#project #browseProjects a.prev{background:url(../img/pfeil_li.gif);}
#project #browseProjects a.next{background:url(../img/pfeil_re.gif);}
#project #browseProjects span{float:left; padding:1px 6px; color:#80a5a5;}
#project #browseProjects a.overview{float:left; margin-right:15px; padding:1px 0 0 20px; text-decoration:none; color:#80a5a5; background:url(../img/icon_allprojects.png) no-repeat 0 2px;}

#project #slides{float:left; width:100%; height:312px; cursor:pointer;}
#project #slides .slide{float:left; margin-left:6px;}
#project #slides .slide img{float:left;}

#project #browseSlides{float:left; width:100%; padding:2px 0 8px 0; min-height:20px;}
#project #browseSlides #slideTitle{float:left; width:269px; padding:6px 0 0 6px; font-size:11px; color:#a2a2a2;}
#project #browseSlides .thumbs{float:right; width:460px;}
#project #browseSlides .thumbs .right{float:right;}
#project #browseSlides .thumbs .right a{float:left; margin-left:2px; opacity:.5;}
#project #browseSlides .thumbs .right a:hover,
#project #browseSlides .thumbs .right a.activeSlide{opacity:1;}

/* project index */
.bodySection .projectThumbs{float:right; margin-right:-10px; width:470px; padding-top:8px;}
.bodySection .projectThumbs .thumb{float:left; margin:0 8px 0 2px; width:144px; height:130px; overflow:hidden; text-decoration:none;}
.bodySection .projectThumbs .thumb img{float:left;}
.bodySection .projectThumbs .thumb span{float:left; padding-left:2px; font-size:9px; white-space:nowrap; color:#666;}
.bodySection .projectThumbs .more .items{float:left; width:100%; display:none;}
.bodySection .projectThumbs .more .toggle{float:left; width:100%; font-size:11px;}
.bodySection .projectThumbs .more .toggle a{text-decoration:none; color:#80a5a5;}


.bodySection .clientThumbs{float:right; margin-right:-10px; width:472px; padding-top:8px;}
.bodySection .clientThumbs .thumb{float:left; margin:0 10px 8px 0; border:1px solid #e3e3e3; width:106px; height:71px; overflow:hidden;}
.bodySection .clientThumbs .thumb img{float:left;}
.bodySection .clientThumbs a.thumb:hover{border-color:#ededed;}
.bodySection .clientThumbs a.thumb:hover img.static{display:none;}

/* search */
.secSearch .colLeft{padding-top:4px;}
#SearchForm_SearchForm  fieldset{border:none;}
#SearchForm_SearchForm  #Search{float:left;}
#SearchForm_SearchForm  input[type=text]{height:16px; padding:1px;}
#SearchForm_SearchForm  input[type=submit]{height:22px; padding:1px; margin:-1px 0 0 5px;}

#searchresult .colLeft{padding-top:4px;}
#searchresult .colRight{padding-top:10px;}
#searchresult ul{padding:8px 0 0 14px;}
#searchresult li{padding-bottom:4px;}
#searchresult .highlight{background:#80a5a5;}
#searchresult .paging{padding-top:20px;}
#searchresult .paging a.prev{float:left;}
#searchresult .paging p{margin-bottom:-21px; text-align:center;}
#searchresult .paging a.next{float:right;}

/* SIP Login */
#MemberLoginForm_LoginForm{float:left;}
#ForgotPassword{display:none;}