<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
    Document   : styles
    Created on : 15.02.2013, 07:31:36
    Author     : Stefan
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

/* Standardaufbau */
body { 
    
    font-family: arial, verdana, sans-serif;
    font-size: 12pt;
    color: #4E4E4E;
    text-align: center;
    background: #7e7770 url(../img/bg.png) repeat-x;
}

#center {
    width: 900px;
    margin: 40px auto 0;
    background-color: #fff; 
    position: relative;
    text-align: left;
    padding: 0 0 10px 0;
}

#logo {
    position: absolute;
    top: 10px;
    left: 20px;
}

#top_links {
    position: absolute;
    top: -45px;
    right: 130px;
    text-align: right;
    color: #e6e6de;
    font: 10pt bold;
    font-family: arial, verdana, sans-serif;
}

#adresse {
    position: absolute;
    top: 73px;
    left: 360px;
    color: #96938e;
}
#anschrift {
    color:#88847e;
    margin: 10px 0 10px 0;
}


#menu {
    margin: 120px 0 15px;
    float: left;
    width: 163px;
    padding: 0 0 0 45px;
}

#container {
    width: 600px;
    background: #f7f4d4;
    margin: 120px 0 20px;
    float: left;
}
.image {
    float: left;
    margin: 20px 0 70px 0;
}
.cInhalt b {
    margin: 20px 0 0 0;
    display: block;
}
.cInhalt {
    width: 255px;
    padding: 0 10px;
    float: left;
}

.head {
    font-family: "TradeGothic-BoldCondTwenty", 'Archivo Narrow', sans-serif;
    margin: 0;
    padding: 10px 10px;
    color: #b36a5a;
}

.arrow {
    background: url("../img/nav_arrow.png") no-repeat left center;
padding-left: 16px;
}
/* Hintergrundfarben */
#home #container { 
    background: #d5d2d1; 
}

#home #container .head {
    background: #e6e3e3;
}

#farbenmarkt #container {
    background: #f8f1ce;
}
#farbenmarkt #container .head {
    background: #fbf7e2;
}

#malerbetrieb #container {
    background: #f6d8a3;
}
#malerbetrieb #container .head {
    background: #f9e4c0;
}

#buehnen #container {
    background: #e2f1ef;
}

#buehnen #container .head {
    background: #ebf5f4;
}

#kontakt #container {
    background: #d5d2d1;
}

#kontakt #container .head {
    background: #e6e3e3;
}
/* Impressum */
#impressum #container {
    background-color: #e9ac4c;

}

#impressum .navi { background-color: #f5d096; }

#impressum h2 {
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#impressum h3 {
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#impressum h4 {
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#impressum .haftungsauschluss p {
    font-size: 10pt;
}
/* Footer */
#footer {
    width: 900px;
    margin: auto;
    color: #e6e6de;
    font-size: 10pt;
}

#footer #leftLinks {
    margin: 10px 0 0 130px;
    text-align: left;
    float: left;
}

#footer #rightLinks {
    margin: 10px 130px 0 0;
    text-align: right;
    float: right;
}

#footer #copyright {
    clear: both;
    text-align: right;
    float: right;
    margin: 20px 130px 20px 0;
    color: #b3aaa0;   
}

#footer a {
    color: #e6e6de !important;
}
/* Sonstiges */
/* Clearfix */
.clearfix:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.clearfix{display:  inline-table;}
* html .clearfix{height: 1%}
.clearfix{display: block;}

/* Links */
a:hover {
    color: #b2afad;
    text-decoration: none;
}

a {
    color: #b2afad;
    text-decoration: none;
    border: none;
}

.menu { 
/*font-family: "TradeGothic-BoldCondTwenty";*/
font-size: 20px;
}
.active {
    color: #bf7151 !important;
}

h1 a {
    color: #b36a5a;
    font-family: "Archivo Narrow";
}

/* AufzÃ¤hlungen */
ul {
    list-style:none;
    margin-left: 0;
    padding-left: 0;
}
ul li {
    background:url("../img/ul_arrow.png") no-repeat left center;
    padding-left: 16px;
	margin: 5px 0;
}

ul li.down {
    background:url("../img/ul_arrow_down.png") no-repeat left center !important;
}

ul li.active {
    background:url("../img/nav_arrow.png") no-repeat left center;
}

ul ul li {
    background: none;
}

/* Bilder -Rahmen */
img {
    border: none;
}

/* Thumb */
.th {
/*    float: left; */
    margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
	
	}

.thmiddle {
    margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

	.th2 {
/*    float: left; */
    margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 20px;
	
	}

.th2middle {
    margin-top: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	}

/* Sonstiges */
@font-face {
	font-family: 'TradeGothic-BoldCondTwenty';
	src: url('fonts/TradeGothic-BoldCondTwenty.eot');
	src: local('TradeGothic-BoldCondTwenty'), url('fonts/TradeGothic-BoldCondTwenty.woff') format('woff'), url('fonts/TradeGothic-BoldCondTwenty.ttf') format('truetype'), url('fonts/TradeGothic-BoldCondTwenty.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}</pre></body></html>