body { font-family: "Verdana", "Arial", "sans-serif"; background-color: #000; color: #626262; background-image: url("../images/bg_site.png"); background-repeat: repeat-x;}

/* Layout */
#page {margin: 0 auto; width: 1000px;}
#header {padding-left: 50px;}
#main { font-size: 80%;}
#footer { font-size: 80%; text-align: center; border-top: 1px solid #626262; padding-top: 1em;}

/* Elements */
.navButton {float: left; text-align: center; font-size: 80%;}
.navButton.bg1 {background-image: url("../images/nav_bg.png"); width: 190px;}
.navButton.bg2 {background-image: url("../images/nav_bg2.png"); width: 192px;}
.navButton.bg3 {background-image: url("../images/nav_bg3.png"); width: 231px;}
.navButton a {display: block; padding: 0.9em 0 0.2em 0; color: #fff; text-decoration: none; line-height: 20px;}
.navButton a .black { color: #1b1b1b;}
#header .navButton a:hover {color: #fff; text-decoration: none; background-color: #1b1b1b;}
#header .navButton a:hover .black{color: #626262;}
.logo a:hover { background-color: inherit;}

.logo { float: left;}
.logo img {border: none;}

.portfolioNav {padding: 0 5em 1em 5em;}
.portfolioProjekt {text-align:center; height: 260px;}
.portfolioProjekt p {margin: 0 0 1em 0;}

.portfolioPage {display: none;}
.portfolioPage.visiblePage {display: block;}
.contact .contactField {height: 150px;}
.impressum .contactField {height: 225px;}
.contactField {line-height: 250%; color: #fff; padding: 0.5em; margin: 0.5em; background-image: url("../images/bg_site.png"); background-repeat: repeat-x;}

/* Fonts */

h1 {clear: both; text-align: center; font-weight: normal; letter-spacing: 2px;}
.green {color: #5aa600;}

.tLeft {text-align: left;}
.tCenter {text-align: center;}
.tRight {text-align: right;}

img{border: none;}
a {color: #5aa600;}
a:hover {color: #fff; background-color: #5aa600; text-decoration: none;}