/* @override http://localhost:8080/docroot/bau-data/css/main.css */

body
		{
		background-color: #fff;
		font: 12px Arial,sans-serif;
		margin: 0 0 40px 0;
		
		background: #D7D8DA url(../images/background.jpg) repeat-x top left;
		}

img 
		{
		border: 0;
		}
		
		
.clear
		{
		clear: both;
		height: 0;
		}
		


a
		{
		text-decoration: none;	
		}
		
		
/**
 * Page wrapper.
 */

#wrapper
		{
		width: 1000px;
		margin: 0 auto;
		}



/**
 * Top navigation.
 */

#top-navigation
		{
		position: relative;
		height: 20px;
		z-index: 99;
		}
		
#top-navigation ul
		{
		position: absolute;
		right: 0;
		margin: 0;
		padding: 0;
		}
		
		
#top-navigation ul li
		{
		list-style: none;
		position: relative;
		float: left;
		padding-left: 15px;
		}
		
			
		
#top-navigation ul li a.nav
		{
		font-size: 10px;
		color: #666;
		height: 20px;
		line-height: 2;
		}
		
		
		
		
/**
 * Top navigation search.
 */

#top-navigation ul li
		{
		}
		
#top-navigation #search div
		{
		display: inline;
		}
		
#top-navigation #search div a
		{
		display: block;
		float: left;
		height: 20px;
		padding: 0 12px 0 4px;
		color: #fff;
		text-transform: uppercase;
		background: url(../images/search.gif) no-repeat top right;
		}
		
#top-navigation #search div input
		{
		display: block;
		float: left;
		height: 17px;
		margin: 0;
		padding: 3px 5px 0 5px;
		border: 0;
		outline: 0;
		background-color: #ddd;
		}
		
		
/**
 * Livesearch results.
 */ 
		
#oi-livesearch-results
		{
		position: absolute;
		background-color: #eee;
		border: 1px solid #888;
		-webkit-box-shadow: #000 0 0 5px;
		width: 400px;
		right: 0;
		top: 20px;
		min-height: 30px;

		display: none;
		}
		
#oi-livesearch-results .no-results
		{
		color: #999;
		font-style: italic;
		padding: 5px 10px;
		font-size: 11px;
		}
		
#oi-livesearch-results h2
		{
		margin: 0;
		padding: 5px 10px;
		background-color: #888;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
		}
		
#oi-livesearch-results .result-row
		{
		border-top: 1px solid #bbb;
		}

#oi-livesearch-results .result-row:first-child
		{
		border-top-width: 0;
		}

#oi-livesearch-results .result-row a
		{
		display: block;
		padding: 5px 10px;
		
		position: relative;
		}
	

#oi-livesearch-results .result-row a span
		{
		display: block;
		}

#oi-livesearch-results .result-row a .title
		{
		color: #333;
		font-weight: bold;
		}


#oi-livesearch-results .result-row a .desc
		{
		color: #999;
		font-size: 0.9em;
		overflow: hidden;
		text-overflow: ellipsis;
		}

#oi-livesearch-results .result-pages .result-row
		{
		}

#oi-livesearch-results .result-references .result-row a
		{
		height: 40px;
		padding-left: 60px;
		}
		

		
#oi-livesearch-results .result-references .result-row a .img
		{
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		background-position: center center;
		}

		
#oi-livesearch-results .result-row a:hover
		{
		background-color: #bbb;
		color: #fff;
		}

#oi-livesearch-results .result-row a:hover span
		{
		color: #fff !important;	
		}

/**
 * Header.
 */		

#header
		{
		/*height: 75px;*/
		}
		
#header h1
		{
		position: relative;
		text-indent: -9999px;
		margin: 0 0 0 35px;
		top: -10px;
		
		background: url(../images/custom/logo.png) no-repeat bottom left;
		}
		
#header h1 a
		{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}


/**
 * Main navigation.
 */

#navigation
		{
		height: 22px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		position: relative;
		}
		
#navigation ul
		{
		position: absolute;
		bottom: 0;
		margin: 0;
		padding: 0;
		}
		
#navigation ul li
		{
		float: left;
		list-style: none;
		margin-right: 2px;
		
		background: url(../images/custom/nav-edge.gif) no-repeat top right;
		}

#navigation ul li.active,
#navigation ul li.trail
		{
		background: url(../images/custom/nav-edge-selected.gif) no-repeat top right;
		}
		
#navigation ul li a,
#navigation ul li strong a
		{
		display: block;
		float: left;
		
		font-weight: normal;
		text-decoration: none;
		color: #fff;

		font-size: 11px;

		height: 16px;
		line-height: 16px;
		
		padding: 0 10px;
		
		text-transform: uppercase;
		letter-spacing: 1px;
		}


#navigation ul li
		{
		padding-bottom: 0;
		}
		
#navigation ul li.active,
#navigation ul li.trail
		{
		padding-bottom: 1px;
		}

/**
 * Main content.
 */

#content
		{
		}
		

#content .text
		{
		width: 960px;
		}
		
#content .text .text-image
		{
		float: right;
		width: 475px;
		margin-top: 35px;
		}
		
#content .text .text-image img
		{
		}
		
	
				
#content .text .text-content
		{
		float: left;
		width: 440px;
		}
		
#content .no-image .text-content
		{
		width: 900px;
		}
		
#content .text .text-content .light
		{
		color: #999;
		}
		
#content .text h2
		{
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.1em;
		padding: 25px 0 10px 35px;
		}

#content .text p
		{
		margin: 0;
		padding: 10px 0 0 0;
		line-height: 1.6;
		}
		
#content .text ul
		{
		margin: 10px 0 0 20px;
		padding: 0;
		}
		
#content .text ul li
		{
		list-style-image: url(../images/custom/li.gif);
		position: relative;
		line-height: 1.8;
		}



/**
 * Three column content.
 */

#content .text-3col 
		{
		width: 990px;	
		}

#content .text-3col .col
		{
		width: 290px;
		padding-right: 40px;
		float: left;
		}

#content .text-3col .col .text-content
		{
		width: auto;
		}


/**
 * Subnavigation in the default template.
 */

#content .content-default .subnavigation
		{
		height: 2em;
		}
		
#content .content-default .subnavigation ul
		{
		margin: 0;
		padding: 0;
		}
		
#content .content-default .subnavigation ul li
		{
		list-style: none;
		float: left;
		margin-right: 20px;
		}
		
#content .content-default .subnavigation ul li a,
#content .content-default .subnavigation ul li strong a
		{
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		color: #777;	
		text-decoration: none;
		
		padding: 0 0 0 13px;
		background: url(../images/subnav-list-style-image.gif) no-repeat center left;
		}
		

/**
 * Default template content.
 */ 

#content .content-default
		{
		position: relative;
		padding: 30px 20px;
		background-color: #fff;
		}



/**
 * Back to last viewed reference.
 */

#content .content-default #ref-back
		{
		position: absolute;
		right: -46px;
		top: -4px;
		width: 46px;
		height: 44px;
		background-image: url(../images/custom/back-button.png);
		}
		
#content .content-default #ref-back span
		{
		display: none;	
		position: absolute;
		top: -12px;
		right: 6px;
		height: 15px;
		white-space: nowrap;
		font-size: 9px;
		text-transform: uppercase;
		}

#content .content-default #ref-back:hover span
		{
		display: block;
		}


/**
 * Object references.
 */

#content .content-references
		{

		}
		
#content .content-references .filter
		{
		position: relative;
			
		float: left;


		width: 335px;
		
		margin-top: 13px;
		
		letter-spacing: 1px;
		}
		
#content .content-references .filter .box,
#content .content-references .filter .box-light
		{
		position: relative;
		padding: 0 10px;
		background: #717773;
		border-bottom: 1px solid #717773;
		margin: 5px 0 35px 0;
		}
		
#content .content-references .filter .box .links,
#content .content-references .filter .box-light .links
		{
		position: relative;
		z-index: 9;
		top: -2px;
		margin-bottom: -8px;
		}

#content .content-references .filter .box .links a,
#content .content-references .filter .box-light .links a
		{
		display: block;
		text-transform: uppercase;
		font-size: 10px;
		padding-left: 15px;
		margin-top: 10px;
		
		margin-left: 20px;
		
		background: url(../images/filter-link-arrow.png) no-repeat top left;
		}

#content .content-references .filter .box-light .links a
		{
		background: url(../images/filter-light-link-arrow.png) no-repeat top left;
		}

#content .content-references .filter .box .links a:first-child,
#content .content-references .filter .box-light .links a:first-child
		{
		margin-top: 0;
		}


#content .content-references .filter .box .links a 
		{
		color: #fff;
		}
		
#content .content-references .filter .box-light .links a
		{
		color: #5C6260;
		}

#content .content-references .filter .box .top,
#content .content-references .filter .box-light .top
		{
		position: absolute;
		top: -14px;
		left: 0;
		width: 335px;
		}

#content .content-references .filter .box .top .left,
#content .content-references .filter .box-light .top .left
		{
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 22px;
		background: url(../images/background-filter-top-left.png);
		}

#content .content-references .filter .box .top .right,
#content .content-references .filter .box-light .top .right
		{
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		height: 22px;
		background: url(../images/background-filter-top-right.png);
		}

#content .content-references .filter .box .top .middle,
#content .content-references .filter .box-light .top .middle
		{
		position: absolute;
		left: 20px;
		top: 0;
		width: 300px; /* 340 - 20 - 20 */
		height: 22px;
		background: url(../images/background-filter-top.png) repeat-x;
		}

		
		
#content .content-references .filter .box .bottom,
#content .content-references .filter .box-light .bottom
		{
		position: absolute;
		left: 0;
		bottom: 5px;
		width: 335px;
		}
		
#content .content-references .filter .box .bottom .left,
#content .content-references .filter .box-light .bottom .left
		{
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 22px;
		background: url(../images/background-filter-bottom-left.png);
		}
		
#content .content-references .filter .box .bottom .right,
#content .content-references .filter .box-light .bottom .right
		{
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		height: 22px;
		background: url(../images/background-filter-bottom-right.png);
		}
		
#content .content-references .filter .box .bottom .middle,
#content .content-references .filter .box-light .bottom .middle
		{
		position: absolute;
		left: 20px;
		top: 0;
		width: 300px; /* 340 - 20 - 20 */
		height: 22px;
		background: url(../images/background-filter-bottom.png) repeat-x;
		}
		
		
#content .content-references .filter .box-light
		{
		background: #fff;
		}

#content .content-references .filter .box-light form,
#content .content-references .filter .box-light fieldset
		{
		margin: 0;
		padding: 0;
		}


#content .content-references .filter .box-light .top .left
		{
		background: url(../images/background-filter-light-top-left.png);
		}
		
#content .content-references .filter .box-light .top .right
		{
		background: url(../images/background-filter-light-top-right.png);			
		}
		
#content .content-references .filter .box-light .top .middle
		{
		background: #fff;
		}
		
#content .content-references .filter .box-light .bottom .left
		{
		background: url(../images/background-filter-light-bottom-left.png);
		}
		
#content .content-references .filter .box-light .bottom .right
		{
		background: url(../images/background-filter-light-bottom-right.png);
		}
		
#content .content-references .filter .box-light .bottom .middle
		{
		background: #fff;
		}
		
#content .content-references .filter fieldset
		{
		position: relative;
		z-index: 1;
		border: 0;
		margin: 10px 0;
		}
		
#content .content-references .filter fieldset legend
		{
		color: #000;
		text-transform: uppercase;
		font-size: 11px;
		}
		
#content .content-references .filter fieldset ul
		{
		padding: 0 0 0 10px;
		margin: 0;
		}
		
#content .content-references .filter fieldset ul li	
		{
		list-style: none;
		text-transform: uppercase;
		font-size: 10px;
		color: #fff;
		padding: 1px;
		}
		
#content .content-references .filter fieldset ul li input
		{
		vertical-align: middle;
		}
		
#content .content-references .filter fieldset ul li label
		{
		position: relative;
		top: 2px;
		padding-left: 4px;
		}
		
		
#content .content-references .filter fieldset ul li > input
		{
		filter: alpha(opacity=0);
		opacity: 0;
		}
		
#content .content-references .filter fieldset ul li input+label
		{
		padding-left: 17px;
		left:  -17px;
		background: url(../images/checkbox-0.png) no-repeat center left;
		}

#content .content-references .filter fieldset ul li input.checked+label
		{
		background-image: url(../images/checkbox-1.png);
		}
		
#content .content-references .filter .objekttyp
		{
		margin-bottom: -5px;
		padding-bottom: 0;
		}

#content .content-references .filter .leistung
		{
		margin-top: 0;
		padding-top: 0;
		}
		

#content .content-references .filter .export form,
#content .content-references .filter .export form fieldset
		{
		margin: 0;
		padding: 0;
		}

#content .content-references .list
		{
		width: 660px;
		height: 100px;
		float: right;

		margin-top: 4px;
		background: url(../images/custom/ref-start.png) no-repeat top left;	
		}

.filter #content .content-references .list
		{
		margin-top: 9;
		background: none;
		}
				
#content .content-references .wettbewerb,
#content .content-references .planer
		{
		display: none;
		}
		
.wettbewerb #content .content-references .list,
.planer #content .content-references .list
		{
		display: none;
		}


.wettbewerb #content .content-references .wettbewerb,
.planer #content .content-references .planer
		{
		display: block;
		}
		
#content .content-references .list ul
		{
		margin: 0;
		padding: 0 0 30px 0;
		}
		
#content .content-references .list ul li
		{
		list-style: none;
		padding-bottom: 4px;
		}

#content .content-references .list ul .ref-item
		{
		display: none;
		}
		
#content .content-references .list ul li .object
		{
			
		position: relative;
				

		height: 35px;
		
		background: url(../images/background-ref.png) no-repeat top left;
		
		padding: 0 10px 0 60px;

		color: #777;

		}

#content .content-references .list ul li .object .object-data
		{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		}

#content .content-references .list ul li .object:hover
		{
		background-image: url(../images/background-ref-hover.png);
		color: #fff;
		}

#content .content-references .list ul li .object a.ref
		{
		position: absolute;
		height: 250px;
		width: 1px;
		top: 0;
		}

#content .content-references .list ul li .sb-inner
		{
		background-color: #fff;
		}

#content .content-references .list ul li .expanded
		{
		}


#content .content-references .list ul li .expanded .close
		{
		display: none;
		position: absolute;
		z-index: 2;
		top: -8px; 
		right: -12px;
		width: 30px;
		height: 30px;
		background: url(../images/close-button.png) no-repeat center center;
		}
		
#content .content-references .list ul li .expanded .close-disclosure
		{
		background: none;
		left:  5px;
		top: 5px;
		}
		
#content .content-references .list ul li .expanded-full .close
		{
		display: block;
		}

#content .content-references .list ul li .object .title
		{
		text-transform: uppercase;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 35px;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 50px;
		position: relative;
		left: -50px;;
		}

#content .content-references .list ul li .expanded .title
		{
		/*cursor: default;*/
		}
		
#content .content-references .list ul li .object .title .sub
		{
		text-transform: none;
		font-weight: normal;
		font-size: 10px;
		display: none;
		}

#content .content-references .list ul li .expanded .title .sub
		{
		display: inline;
		}

#content .content-references .list ul li .object .details
		{
		display: none;
		font-size: 10px;

		position: absolute;
		bottom: 0;

		}
		
#content .content-references .list ul li .object .details .c1
		{
		width: 160px;
		height: 145px;
		margin-bottom: 15px;
		background-position: top left;
		background-repeat: no-repeat;
		}

#content .content-references .list ul li .object .details .c1 a
		{
		display: block;
		float: left;
		width: 160px;
		height: 155px;
		}

		
#content .content-references .list ul li .object .details .column-list
		{
		position: absolute;
		top: 0;
		width: 200px;
		margin: 0;
		padding: 0;
		}

#content .content-references .list ul li .object .details .column-list li
		{
		list-style: none;
		}

#content .content-references .list ul li .object .details .column-list li label
		{
		text-transform: uppercase;
		display: block;
		padding-bottom: 2px;
		}

#content .content-references .list ul li .object .details .column-list li span
		{
		display: block;
		padding-bottom: 3px;
		}

		
#content .content-references .list ul li .object .details .c2
		{
		left: 190px;
		}
		

		
#content .content-references .list ul li .object .details .c3
		{
		left: 390px;
		}

#content .content-references .list ul li .object .details .leistung
		{
		text-transform: capitalize;
		}

#content .content-references .list ul li .object .details .leistung:hover
		{
		color: #000;
		}

#content .content-references .list ul li .object .details .c3 span a
		{
		color: #fff;
		padding-left: 20px;
		}
		
		
/**
 * References table listing (Wettbewerbsbegleitung, Auswahlverfahren Planer)
 */ 

#content .content-references .table-list
		{
		position: relative;
		background: #fff;
		width: 660px;
		float: right;
		margin: 26px 0 22px 0;
		color: #727773;
		}

		
#content .content-references .table-list h2
		{
		position: relative;
		top: -5px;
		z-index: 9;
		margin: 0;
		padding: 0 20px;
		text-transform: uppercase;
		font-size: 16px;
		}

#content .content-references table
		{
		border-collapse: collapse;
		width: 100%;
		}
		
#content .content-references table thead tr th
		{
		text-align: left;
		font-weight: normal;
		text-transform: uppercase;
		padding: 30px 0;
		}

#content .content-references table tr.clickable-true
		{
		cursor: pointer;
		}


#content .content-references table tbody tr td
		{
		border-top: 1px solid #eee;
		}

#content .content-references table tbody tr:first-child td
		{
		border-top: 1px solid #fff;
		}


#content .content-references table tbody tr td
		{
		padding: 5px 10px 5px 0;
		}
		
#content .content-references table tbody tr td.padding
		{
		width: 20px;
		padding: 0;
		border-top: 1px solid #fff;
		}
		
		
#content .content-references .table-list .top
		{
		position: absolute;
		top: -22px;
		left: 0;
		width: 660px;
		height: 22px;
		}

#content .content-references .table-list .top .left
		{
		position: absolute;
		left: 0;
		top: 0px;
		height: 22px;
		width: 20px;
		background: url(../images/background-filter-light-top-left.png);
		}
		
#content .content-references .table-list .top .right
		{
		position: absolute;
		right: 0;
		top: 0px;
		height: 22px;
		width: 20px;
		background: url(../images/background-filter-light-top-right.png);
		}
		
#content .content-references .table-list .top .middle
		{
		position: absolute;
		left: 20px;
		top: 0px;
		height: 22px;
		width: 620px;
		background: #fff;
		}


#content .content-references .table-list .bottom
		{
		position: absolute;
		bottom: -22px;
		left: 0;
		width: 660px;
		height: 22px;
		}

#content .content-references .table-list .bottom .left
		{
		position: absolute;
		left: 0;
		top: 0px;
		height: 22px;
		width: 20px;
		background: url(../images/background-filter-light-bottom-left.png);
		}

#content .content-references .table-list .bottom .right
		{
		position: absolute;
		right: 0;
		top: 0px;
		height: 22px;
		width: 20px;
		background: url(../images/background-filter-light-bottom-right.png);
		}

#content .content-references .table-list .bottom .middle
		{
		position: absolute;
		left: 20px;
		top: 0px;
		height: 22px;
		width: 620px;
		background: #fff;
		}

		
/**
 * OS X like dock.
 */

#dock
		{
		height: 34px;
		background: url(../images/background-dock.png) repeat-x top center;	

		text-align: center;

		margin: 0 40px;
		
		position: relative;
				
		}
		
#dock .left
		{
		position: absolute;
		left: -40px;
		top: 0;
		width: 40px;
		height: 34px;
		background: url(../images/background-dock-left.png) repeat-x top center;	
		}

#dock .right
		{
		position: absolute;
		right: -40px;
		top: 0;
		width: 40px;
		height: 34px;
		background: url(../images/background-dock-right.png) repeat-x top center;	
		}
		
#dock ul
		{
		display: none;
		position: relative;
		padding: 2px 0 0 0;
		margin: 0 auto;
		}
		
#dock ul li
		{
		display: inline;
		float: left;
		list-style: none;
		}
				
#dock ul li a
		{
		display: block;
		float: left;
		width: 45px;
		height: 45px;
		border: 1px solid #222;
		background-color: #666;
		margin: 0 1px;

		background-position: center center;
		background-repeat: no-repeat;
		}
		

/**
 * Footer / Navigation
 */
		
#footer
		{
		position: fixed;
		bottom: 0;
		height: 24px;
		width: 1000px;
		overflow: hidden;
		
		font-size: 12px;
		z-index: 9;
		}
		
		
#footer ul
		{
		margin: 0;
		padding: 0;
		text-align: center;
		}

#footer ul li
		{
		display: inline;
		list-style: none;
		margin: 0 1px 0 2px;
		}
		
#footer ul li a,
#footer ul li strong a	
		{
		font-weight: normal;
		background-color: #fff;
		padding: 10px;
		line-height: 26px;
		color: #999;
		text-decoration: none;
		}
		
#footer ul li a:hover
		{
		background-color: #f9f9f9;
		color: #888;
		}
		
#footer ul li.active a,
#footer ul li.active a:hover
		{
		background-color: #fff;
		color: #666;
		}
		
		
		

/**
 * Home.
 */

.content-home
		{
		position: relative;
		height: 540px;
		background-color: #000;

		width: 1000px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}


.content-home .content-home-background
		{
		position: absolute;
		}
		


.content-home .row,
.content-home .content-home-background .row-bg
		{
		height: 130px;
		padding: 4px 0 0 4px;
		overflow: hidden;
		}

.content-home .row
		{
		position: relative;
		z-index: 1;	
		}
		
.content-home .row .cell,
.content-home .content-home-background .row-bg .cell-bg
		{
		float: left;
		width: 162px;
		height: 130px;
		margin-right: 4px;
		
		background-position: center center;
		background-repeat: no-repeat;
		}

		
.content-home .row .static
		{
		position: relative;
		}
		
.content-home .row .static span
		{
		position: absolute;
		bottom: 5px;
		left: 5px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		}