﻿/* mira4 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; border-bottom:1px solid #a2a2a2;}	
		#logo{display:block; position:absolute; left:30px; top:13px; width:130px; height:78px; background:url(../img/m4_logo.gif) no-repeat;}
		
		#share{position:absolute; right:0; top:16px;}
		
		#metanav{position:absolute; right:85px; top:14px; list-style:none;}
		#metanav li{float:left; padding-left:11px; background:url(../img/metanav_divider.gif) no-repeat 5px 7px;}
		#metanav li:first-child{padding-left:0; background:none;}
		#metanav li a{font-size:9px; text-decoration:none; color:#666;}
		
		#mainnav{position:absolute; left:286px; top:92px; list-style:none;}
		#mainnav li{float:left; padding-right:22px;}
		#mainnav li a{font-size:12px; font-weight:bold; text-decoration:none; color:#787878;}
		
		#mainnav li.section a.color1,
		#mainnav li a.color1:hover{color:#0099a9;}
		#mainnav li.section a.color2,
		#mainnav li a.color2:hover{color:#005b52;}
		#mainnav li.section a.color3,
		#mainnav li a.color3:hover{color:#9fbc12;}
		#mainnav li.section a.color4,
		#mainnav li a.color4:hover{color:#6aaf2d;}
		#mainnav li.section a.color5,
		#mainnav li a.color5:hover{color:#006d81;}
		
	#content{float:left; width:100%; padding-bottom:20px;}
		#headSection{float:right; width:460px; padding:18px 0 24px 0;}
			#subnav{float:left; margin-top:-18px; width:100%; padding:5px 0 16px 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;}
			h1{float:left; width:100%; padding-bottom:28px; font-family:Times; font-size:25px; font-weight:normal;}			
			#subheadline{float:left; width:100%; margin-top:-27px; padding-bottom:14px; font-size:11px;}
		#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;}
		.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{color:#666;}
		.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;}			
		
		#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;}
		
#page.color1  .pageColor,
#page.color1  .pageColorHover:hover{color:#0099a9;}
#page.color2  .pageColor,
#page.color2  .pageColorHover:hover{color:#005b52;}
#page.color3  .pageColor,
#page.color3  .pageColorHover:hover{color:#9fbc12;}
#page.color4  .pageColor,
#page.color4  .pageColorHover:hover{color:#6aaf2d;}
#page.color5  .pageColor,
#page.color5  .pageColorHover:hover{color:#006d81;}

/* 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;}
#page.home #stadtgespraeche{display:block; position:absolute; left:642px; top:615px; width:132px; height:11px; background:url(../img/stadtgespraeche.png);}
#page.home #stadtgespraeche span{display:none;}

/* 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:16px; 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:#0099a9;}
#project #browseProjects a.overview{float:left; margin-right:15px; padding:1px 0 0 20px; text-decoration:none; color:#0099a9; 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{color:#666;}


.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:#bcd159;}
#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;}
