body {
    background: #EEECE7;
    margin: 0;
    padding: 0;
    text-align: center;
    }


#col-right ul#err {
    margin: 5px 0 10px 28px;
    }

#col-right ul#err li {
    list-style: square;
    }

.error {
    color: red;
    }

#viewport {
    background: #fff;
    width: 760px;
    margin: 8% auto 0 auto;
    text-align: left;
    }

#col-left {
    float: left;
    width: 180px;
    }

#col-left-index {
    float: left;
    width: 200px;
    height: 507px;
    background: #fff;
    }


#col-right{
    font: 8pt verdana, helvetica, sans-serif;
    float: right;
    width: 580px;
	margin-bottom: 40px;
    }

#col-right-index {
    font: 8pt verdana, helvetica, sans-serif;
    float: right;
    width: 560px;
    height: 507px;
    background: #FF7901;
    }

#col-right-index #banner {
    margin-top: 240px;
    background: #fff;
    height: 30px;
    }

	/*Header Klassen*/
.grafikdesign{
	background: url('./header.jpg') top center no-repeat;
}

.farbberatung{
	background: url('./header_2.jpg') top center no-repeat;
}

.ausbildung{
	background: url('./header_ausbildung.jpg') top center no-repeat;
}
.brillen{
	background: url('./header_brillenuco.jpg') top center no-repeat;
}

.imagebusiness{
	background: url('./header_imagebusiness.jpg') top center no-repeat;
}
.kontakt{
	background: url('./header.jpg') top center no-repeat;
}

.malerei{
	background: url('./header_malerei.jpg') top center no-repeat;
}
.referenzen{
	background: url('./header_referenzen.jpg') top center no-repeat;
}

.produktdesign{
	background: url('./header_2.jpg') top center no-repeat;
}
.stilsicher{
	background: url('./header_stilsicher.jpg') top center no-repeat;
}

.textundkonzept{
	background: url('./header_textkonzept.jpg') top center no-repeat;
}
.vita{
	background: url('./header_vita.jpg') top center no-repeat;
}

.wegbeschreibung{
	background: url('./header_2.jpg') top center no-repeat;
}
	/*Header Klassen ENDE*/

#col-right h1 {
    margin-top: 150px;
    font: 12pt, verdana, helvetica, sans-serif;
    letter-spacing: 0.1em;
    }
	
#col-right h3 {
    padding-bottom: 5px;
    font: bold 9pt  verdana, helvetica, sans-serif;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #998;
    width: 500px;
    color: #666;
    }

#col-right h2#page-title {
    font: 12pt verdana;
    margin: 150px 0 0 0;
    }

#col-right p {
    width: 80%;
    line-height: 1.8em;
	text-decoration: none;
    margin: 10px 0 0 0;
    }
	
	#col-right p a {
    text-decoration: none;
	color: FC000C;
    }

#col-right ul {
    margin: 0 20px 0 0;
    padding: 0;
    }

#col-right ul li {
    list-style: none;
    line-height: 1.5em;
    padding: 0 0 5px 0;
    }
	
#col-right ul li a {
	text-decoration: none;
	color: FC000C;
}

#col-right fieldset {
    border: none;
    margin: 0;
    padding: 0;
    }

#col-right legend {
    display: none;
    }

#col-right fieldset p label {
    width: 100px;
    float: left;
    display: block;
    }

#col-right fieldset p {
    margin: 5px 0;
    }

#col-right input.field {
    /*
    border-top: 1px solid #808080;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #808080;
    */
    }

#col-right input.medium {
    width: 220px;
    }

#col-right input.small {
    width: 80px;
    }

#col-right p.note {
    padding-top: 10px;
    }

#banner ul {
    margin: 0 0 0 30px;
    padding: 5px 0 0 0;
    }

#banner ul li {
    display: inline;
    font: 11pt verdana, helvetica, sans-serif;
    margin-right: 20px;
    padding-left: 20px;
    letter-spacing: 0.1em;
    background: url('./icon_bullet_big.gif') left center no-repeat;
    }

#logo h1 {
    margin: 0;
    background: url('./logo_klein.gif') 82% 0 no-repeat;
    }

#logo h1 a {
    display: block;
    width: 122px;
    height: 117px;
    margin-left: 50px;
	/*background: Aqua;*/
    }

#logo h1 span {
    /* visibility: hidden; */
    display: none;
    }
	
.gross{
      background: #fff;
	  padding: 0 10px;
	}

.klein{
	
	}

#nav {
    margin-top: 60px;
    text-align: right;
    }

#nav ul {
    background: #fff;
    margin: 0;
    padding: 0 20px 160px 0;
    }

#nav ul li {
    list-style-type: none;
    font: 8pt verdana, helvetica, sans-serif;
    letter-spacing: 0.1em;
    padding-right: 14px;
    line-height: 1.8em;
    }

#nav p {
    padding-top: 80px;
    font: 8pt verdana, helvetica, sans-serif;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    }

#nav ul li a {
    text-decoration: none;
    color: #333;
    }

#banner ul li a, #nav p a {
    text-decoration: none;
    color: #333;
    }

#nav ul li a:hover, #banner ul li a:hover, #nav p a {
    color: FC000C;
    }

#nav ul li#active {
    background: url('./icon_bullet.gif') 100% 55% no-repeat;
    }

#footer {
    clear: both;
    }