.clear{clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* {
    margin:0;
    padding:0;
    font: 1em/1.3em  Arial, Helvetica, Verdana;
    color: #000;
}
html {
    font-size: 62.5%;
}
html, body {
    height:100%;
    min-height:100%;
    
}
body{
    text-align:center;
    background: #FFF;
}
img{border: none;}
#pageWrap {
    width: 1024px;
    margin: auto;
    text-align:left;
}
#headerWrap{height: 10.9em;}
#logo{margin-left: 584px;}
#menuWrap{height: 7.2em;background: #d9d9d9;filter:alpha(opacity=70);opacity: 0.70;-moz-opacity:0.70;border-bottom: 1px solid #FFF;}
table {border-collapse: collapse;clear: both;}
td {vertical-align: top;}
td.verticalAlignBottom {vertical-align: bottom;}
#leftColumn {width:591px;}
#rightColumn {width:432px;background: #162b40;color:#b4bbc2;}
#footer{height: 10.9em;}
.footerLeft{width:586px;float:left;text-align:right;}
.footerRight{width:433px;float:right;text-align:left;}
/* Menus */
ul#mainMenu {font-size: 1.1em;height:4.3em;background: #d9d9d9 url('../images/allgemein/bg-menu.gif') repeat-x top;padding-left: 2em;}
ul#mainMenu li {height:4.3em; list-style-type:none;float:left;background: url('../images/allgemein/icon.gif') no-repeat top left;}
ul#mainMenu li a {color: #666;text-decoration:none;display:block;text-transform:uppercase;margin-top: .9em; padding: 1.4em 2em 0.7em 2em;}
ul#mainMenu li a:hover {color: #4b4c4d; background-image: url('../images/allgemein/bg-menu-top_ganz.gif'); background-repeat: no-repeat;}
ul#mainMenu li a.cur {color: #4b4c4d; background-image: url('../images/allgemein/bg-menu-top.gif'); background-repeat: no-repeat;}

ul#level2Menu {font-size: 1em;height:2.5em;background: #999;}
ul#level2Menu li {list-style-type:none;float:left;}
ul#level2Menu li a {color: #000;text-decoration:none;display:block;text-transform:uppercase;padding: .6em 1em;}
ul#level2Menu li a:hover, ul#level2Menu li a.cur {background: #666;color: #000;}
ul.projekte {padding-left: 10.8em;}
ul.buero {padding-left: 3.2em;}
ul.partner {padding-left: 21em;}
ul.kontakt {padding-left: 30.6em;}
/* Weitere Projekte */
ul.project-links {font-size: 1.1em;}
ul.project-links li {list-style-type:none;padding: .2em 0;}
ul.project-links li a {color: #2b4a69;text-decoration:none;}

ul.projectListing {margin-top: 2em;}
ul.projectListing li {list-style: none;list-style-position: inside;padding: .2em 0;}
ul.projectListing li a {color:#2b4a69;}	

.contentLeft {padding: 3.5em 5em;}
div.contentRight {padding: 3.7em;}


/* Paragraphen, Überschriften */
#pageWrap #content #leftColumn,
#pageWrap #content #rightColumn {font-size: 1.1em;line-height: 1.5em}
.uppercase{text-transform: uppercase;}
p {padding-bottom: 1.5em;}
strong {font-weight: bold;}
#pageWrap #content h1 {font-size: 1.1em;}
.contentLeft p {padding-bottom: 1.5em;}
.contentLeft h1,
.contentLeft h2,
.contentLeft h3,
.contentLeft h4,
.contentLeft h5,
.contentLeft h6 {color: #767677;}

.contentRight p, .contentRight a, .contentRight p strong, .contentRight table tr td {color:#b4bbc2;}
.contentRight h1 {color: white; text-transform: uppercase;},
.contentRight h2,
.contentRight h3,
.contentRight h4,
.contentRight h5,
.contentRight h6 {color:#FFF;}

#footer p {padding-top: .8em;font-size:1.1em;color: #828384;clear:both;}
p.align-right {text-align: right;}
p.align-left {text-align: left;}
p.align-center {text-align: center;}
p.copyright {color: #828384;text-align: right;padding: .1em .3em;}

/* Links */
a {text-decoration: none;}
#footer p a {color: #828384;}
a:hover {text-decoration: underline;}

/* Hintergrundbilder */
.projekte {background: url('projekte.jpg') no-repeat top left;}

/* Projekte */
div.pageBrowser div {width:40%;float:left;padding:.3em .2em .5em .2em;}
div.pageBrowser div.next {float:right;text-align:right;}
div.pageBrowser a {color:#2b4a69;}

/* Tabellen */
.contenttable tr td {padding-right: 1em;}