/* Eiermanns Malereibetrieb */
/* http://www.eiermanns-malerei.de */

/* Standard-Elemente */
html {
	height:101%;
	}
body {
	background-color:#fff;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Arial", sans-serif;
	}

img,
ul, ol, li,
table, thead, tbody, tfoot, th, tr, td,
h1, h2, h3, h4, h5, h6, p,
form, fieldset, label, legend {
	margin:0;
	padding:0;
	}
img {
	border:none;
	}
ul, ol {
	list-style:none;
	}
	
/* Allgemeines */
/* mittige Ausrichtung */
#center {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:55.0em;
	background-color:#fff;
	color:#333;
	}

/* Anordnung */
.left {
	float:left;
	}
.right {
	float:right;
	}
.clear {
	clear:both;
	}
	
/* Ausblenden */
.hidden {
	display:none;
	}

/* Links */
a {
	margin:0;
	padding:0;
	color:#121212;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	}
a.anchor {
	color:#fff;
	text-decoration:none;
	}
	
/* Struktureller Aufbau */
#areaLeft {
	float:left;
	background:#2a3696 url("../images/background-colorline.gif") repeat-x;
	width:15.0em;
	min-height:590px;
	padding-bottom:1.0em;
	}
	
#areaRight {
	float:left;
	}

#pinsel {
	margin:0.5em 0 0 0.7em;
	}
	
/* Navigation */
#navigation {
	float:right;
	width:13.6em;
 	margin:185px 0 0.8em 0;
 	padding:0;
 	background-color:#fff;
	}
#navigation ul {
	margin:0;
 	padding:0;
 	}
#navigation ul li {
	list-style:none;
	border:solid 1px #fff;
	margin:0;
	padding:0;
 	}
#navigation ul li a { 
	display:block;
	background-color:none;
	color:#222;
	border-top:solid 1px #efefef;
	text-align:right;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:4px 18px 6px 10px;
	}
#navigation ul li a:hover {
	background-color:#ccc;
	color:#000;
	}
#navigation ul li span.current {
	display:block;
	background-color:#555;
	color:#fff;	
	border-top:solid 1px #efefef;
	text-align:right;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:4px 18px 6px 10px;
	}

/* Kontaktdaten */
#contactbox {
	float:right;
	width:17.0em;
 	margin:1.5em 0 0 0;
 	padding:0;
	background-color:#efefef; 
	color:#222;
	font-size:0.8em;
	}
#contactbox p {
	text-align:right;
	margin:0.6em 0;
	padding:0.4em 18px 0.2em 1.2em;
	}

/* Ueberschrift */
h1 {
	margin:0.4em 0 0.2em 1.0em;
	font-size:2.0em;
	line-height:1.25;
	font-weight:normal;
	color:#515151;
	text-transform:uppercase;
	}

h1 span.subtitle {
	font-size:0.6em;
	text-transform:none;
	color:#515151;
	padding-left:0.15em;
	}

/* Inhalte */
#areaRight .content {
	float:left;
	min-height:420px;
	margin:0 0 0 2.2em;
	padding:0;
	}
#areaRight .full,	
#areaRight .column1,
#areaRight .column2 {
	float:left;
	margin:0;
	padding:0;
	background-color:#efefef;
	border-bottom:solid 1px #ccc;
	}
#areaRight .full {
	width:35.5em;
	}
#areaRight .column1 {
	width:20.0em;
	}
#areaRight .column2 {
	width:15.0em;
	margin-left:0.5em;
	}

#areaRight h2 {
	margin:0 0 0.8em 0;
	padding:0.4em 12px 4px 12px;
	background-color:#fff;
	border-top:solid 0.8em #fff;
	border-bottom:solid 2px #009ee0;
	color:#222;
	font-size:0.85em;
	font-weight:bold;
	text-transform:uppercase;
	}
#areaRight h2.green {
	border-bottom-color:#217229;
	}
#areaRight h2.magenta {
	border-bottom-color:#e3005d;
	}
#areaRight h2.blue {
	border-bottom-color:#009ee0;
	}
#areaRight h2.red {
	border-bottom-color:#e20028;
	}
#areaRight h2.yellow {
	border-bottom-color:#ffe100;
	}
#areaRight h3 {
	margin:1.2em 12px 0.4em 12px;
	padding:0;
	font-size:0.85em;
	font-weight:bold;
	}
#areaRight ul {
	margin:0 0 0 10px;
	padding:0;
	font-size:0.8em;
	}
#areaRight ul li {
	padding:0.3em 0;
	margin:0 8px 0 23px;
	list-style-position:outside;
	list-style-type:square;
	}
#areaRight p {
	margin:0.8em 20px;
	padding:0;
	color:#121212;
	font-size:0.8em;
	line-height:130%;
	}
#areaRight .last {
	padding-bottom:1.0em;
	}
	
/* Bilder */
#areaRight img.home {
	margin:0.3em 20px;
	padding:0;
	border:none;
	}
#areaRight div.images {
	margin:0.3em 6px 1.0em 20px;
	padding:0;
	}
#areaRight div.images img {
	border:solid 1px #efefef;
	}
#areaRight div.images p {
	margin:0.4em 0 0.3em 0;
	padding:0.2em 0.4em 0.2em 0;
	font-size:0.75em;
	font-style:italic;
	}

/* Links */
#areaRight .full a.blue,	
#areaRight .column1 a.blue,
#areaRight .column2 a.blue {
	color:#2a3696;
	padding-left:18px;
	background:url("../images/link-blue.gif") left 3px no-repeat;
	}
#areaRight .full a.red,	
#areaRight .column1 a.red,
#areaRight .column2 a.red {
	color:#ee1b2b;
	padding-left:18px;
	background:url("../images/link-red.gif") left 3px no-repeat;
	}
#areaRight .full a.orange,	
#areaRight .column1 a.orange,
#areaRight .column2 a.orange {
	color:#f26821;
	padding-left:18px;
	background:url("../images/link-orange.gif") left 3px no-repeat;
	}
#areaRight .full a.green,	
#areaRight .column1 a.green,
#areaRight .column2 a.green {
	color:#16732d;
	padding-left:18px;
	background:url("../images/link-green.gif") left 3px no-repeat;
	}
#areaRight .full a.extern,	
#areaRight .column1 a.extern,
#areaRight .column2 a.extern {
	color:#16732d;
	padding-left:18px;
	background:url("../images/link-extern.gif") left 2px no-repeat;
	}
#areaRight .full a.mail,	
#areaRight .column1 a.mail,
#areaRight .column2 a.mail {
	padding-left:18px;
	background:url("../images/link-mail.gif") left 3px no-repeat;
	}

/* Fusszeile */
#areaRight #footer {
	float:left;
	width:35.5em;
	margin:1.2em 0 0 2.2em;
	padding:0 0 2.0em 0;
	border-top:solid 1px #666;
	}
#areaRight #footer p {
	margin-left:0.8em;
	padding-top:10px;
	border-top:dotted 1px #ccc;
	color:#999;
	}
	
#areaRight #footer ul {
	display:block;	
	width:42.0em;
	margin:0;
	padding:0 0 0.4em 0;
	}
#areaRight #footer ul li {
	margin:0;
	padding:0.4em 0.5em 0.2em 0.8em;
	float:left;
	list-style:none;
	border:none;
 	}
#areaRight #footer ul li a,
#areaRight #footer ul li span { 
	display:block;
	font-size:0.9em;
	color:#818181;
	margin:0;
	padding:0 0 0 14px;
	}
#areaRight #footer ul li a {
	background:url("../images/link-gray.gif") left center no-repeat;
	}
#areaRight #footer ul li span {
	color:#222;
	background:url("../images/link-black.gif") left center no-repeat;
	}