/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #ffffff repeat-x top;
	color: #454545;
	font: .65em Arial,Verdana,Helvetica,Sans-Serif;
	padding: 250px 0 0 165px;
    margin-top: -50px;
    background-position: -50px -50px;
    line-height:1.4em;
}
body#home{
	background-color: #363636;
	padding-left: 0;
    margin-top: -50px;
    background-position: -50px -50px;
}
body#horizontal{
	background: url(../images/bgr-horiz.gif) #363636 repeat-x top;
	color: #9a9a9a;
    margin-top: -50px;
    background-position: -50px -50px;
}
a{
	color: #FF8008;
	text-decoration: none
}
#image-row a{
	color: #454545;
}
#image-row .btn-back a{
	color: #FFF;
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #ff8008;
	font-size: 1em;
	margin: 0 0 1em;
	text-transform: uppercase
}
h3{
	color: #333333;
	font-size: 1.2em;
	margin: 0 0 .5em
}
h4{
	color: #666666;
	font-size: 1em;
	margin: 0 0 .5em
}
p{
	line-height: 1.3em;
	padding: 0 0 1em
}
table{
	border-collapse: collapse;
	width: 100%
}
/*=== Layout ===*/
#page,
#horizontal #header,
#horizontal #columns{
	width: 785px
}
#home #page{
	margin: 0 auto;
	width: 440px
}

/*=== Header ===*/
#header{
	height: 63px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 159px
}
#header h1 a{
	display: block;
	height: 63px;
	text-decoration: none
}
/*- Logo (Home) -*/
#home #header h1{
	background: url(../images/logo.jpg) no-repeat;
	width: 440px;
    height: 485px;
}
#home #header h1 a{
	height: 470px
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-size: 12px;
	padding: 38px 0 0;
	text-align: right;
	text-transform: uppercase
}
#nav1 li{
	display: inline;
	padding: 0 0 0 10px
}
#nav1 li a{
	color: #363636
}
#nav1 li a:hover,
#nav1 li.active a{
	color: #ffffff;
	text-decoration: none
}
/*- Nav1 (Home) -*/
#home #nav1{
	height: 20px;
	padding: 15px 0 0;
	text-align: left
}
#home #nav1 li{
	padding: 0 6px 0 0
}
#home #nav1 li.last{
	padding: 0
}
/*- Nav2 -*/
.nav2 ul{
	margin: 0 0 1em
}
.nav2 li{
	margin: 0 0 2px
}
.nav2 li a{
	color: #9a9a9a;
    white-space: nowrap;
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #ff8008;
	text-decoration: none
}
/*- Nav Meta -*/
#nav-meta{
	font-size: 12px;
	text-align: right
}
#nav-meta li{
	display: inline;
	padding: 0 0 0 10px
}
#nav-meta li a{
	color: #bfbbb4
}
#nav-meta li a:hover,
#nav-meta li.active a{
	color: #333333;
	text-decoration: none
}
/*- Nav Meta (Home) -*/
#home #nav-meta{
	height: 28px;
	text-align: left
}
#home #nav-meta li{
	padding: 0 10px 0 0
}
#home #nav-meta li a{
	color: #363636
}
#home #nav-meta li a:hover{
	color: #ffffff
}
/*- Nav Meta (Horizontal) -*/
#horizontal #nav-meta li a{
	color: #bfbbb4
}
#horizontal #nav-meta li a:hover{
	color: #ff8008
}
/*=== Image Row ===*/
#image-row{
	clear: both;
	height: 235px;
	width: inherit;
   min-width: 800px;

   position: absolute;
   top: 263px;
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 17px 0 0;
	padding: 0 0 15px;
   min-width: 785px;
   
   position: absolute;
   top: 498px;
}
.col1{
	float: left;
	width: 425px
}
.col2{
	float: right;
	width: 319px;
}

#horizontal .col2, #page .col2{
	width: auto
}
.col3{
	float: left;
	width: 55px
}
.col4{
	color: #9a9a9a;
	float: left;
	margin: 0 0 0 5px;
	width: 225px
}
.col4 h2{
	margin: 0 0 .3em
}
.col4 a{
	color: #9a9a9a
}
.col5{
	float: left;
	margin: 0 0 0 15px;
	width: 225px
}
.col5 p{
	padding: 0 0 .3em
}
.col5 strong{
	color: #ffffff;
	font-weight: normal
}
.col6{
	float: left;
	margin: 0px;
	width: 400px
}
.col6 p{
	padding: 0 0 .3em
}
.col6 strong{
	color: #ffffff;
	font-weight: normal
}
.col7{
	float: left;
	width: 130px;
}
.col8{
	float: right;
	width: 200px;
}
.col8 .pic {
    margin-top: 4px;
}


/*=== Wrappers ===*/
.wrap{
	float: left;
	padding: 1px 10px 0 0
}
* html .wrap{
	width: 1%
}
.wrap .pic{
	height: 218px;
	overflow: hidden
}
.wrap .pic img{
	margin: 0
}
/*=== Link Buttons ===*/
/*- More Button -*/
.btn-info a{
	background: url(../images/ico-info.gif) no-repeat left;
	color: #ff8008;
	padding: 0 0 0 12px
}
.btn-info a:hover{
	color: #ffffff;
	text-decoration: none
}
/*- OLD Back Button: TO BE DELETED -*/
.btn-back{
	display: block;
	float: left;
	font-size: 12px;
	height: 16px;
	margin: 255px 0 -235px -62px;
	position: relative
}
.btn-back a{
	background: url(../images/ico-back.gif) no-repeat left;
	color: #ffffff;
	font-size: 12px;
	padding: 0 0 0 15px
}

/*- NEW Back Button -*/
#btn-back{
	display: block;
	float: left;
	font-size: 12px;
	height: 18px;
    width: 60px;
	position: relative;
	margin: 252px 0 -235px -61px;
}
#btn-back a{
	background: url(../images/ico-back.gif) no-repeat left center;
    display: block;
    float: left;
	color: #FF8008;
	font-size: 12px;
	padding: 0 0 0 15px;
}
/*- Forth Button -*/
#btn-forth{
	display: block;
    float: right;
    font-size: 12px;
	height: 16px;
    width: 59px;
    margin: -14px -80px 0 0;
    padding-left: 15px;
}
#btn-forth a{
	background: url(../images/ico-forth.gif) no-repeat right center;
    display: block;
    float: left;
	color: #FF8008;
	font-size: 12px;
	padding: 0 15px 0 0;
}
#btn-back a:hover, #btn-forth a:hover {
    text-decoration: none;
}

/*- Zoom Button -*/
.btn-zoom{
	font-weight: bold;
	height: 18px;
	line-height: 18px
}
.btn-zoom a{
	color: #9c9c9c
}
.btn-zoom a:hover{
	color: #333333;
	text-decoration: none
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	display: block;
	margin: 0 0 1.5em;
}

/*=== Tabular Data ===*/
.tabular-data th, .tabular-data td{
	padding: 0 0 1em;
	vertical-align: top
}
.tabular-data th{
	text-align: left;
	width: 60px;
    min-width: 70px;
}
td p {
    padding: 0;
}


/*=== Misc. ===*/
.colorize {
    color: #FF8008;
}
.colorize_attribute {
    color: #FFFFFF;
}
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.back * {
    color: #FF8008;
}

/* avoiding the outline-box on links - specially on images */
a:focus {
	-moz-outline: none;
	outline: none
}

/*=== Tweaks ===*/
body.page_10 div.col4.nav2 h2{
    visibility: hidden;
    height: 0px;
}
body.page_13 #image-row .pic{
    background: url(../images/subhome/wohnungsbau.jpg) no-repeat left top;
}
body.page_36 #image-row .pic{
    background: url(../images/subhome/url(../images/subhome/staedtebau.jpg) no-repeat left top;
}
body.page_38 #image-row .pic{
    background: url(../images/subhome/url(../images/subhome/arbeitswelten.jpg) no-repeat left top;
}