* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; color: #5a5a5a; }

body { background: #343434 url('images/bg.jpg') no-repeat top; }


/* Allgemeines */

a, a:link, a:active, a:visited { color: #e3000f; text-decoration: none; border: none; }
#content a { font-weight: bold; }

h2, h3, h4, h5, h6 { color: #5a5a5a; line-height: 135%; text-shadow: 1px 1px 1px #fefefe;  }

h2 { font-size: 2em; margin: 5px 0; text-indent: -9999em; }
h3 { font-size: 1.5em; margin: 10px 0; }
h3 a { font-size: 1em; margin: 10px 0; letter-spacing: normal; }
h4 { font-size: 1.4em; margin: 20px 0 5px 0; letter-spacing: normal; }

p { margin: .8em 0; font-size: 1.1em; line-height: 165%; }

.caps { text-transform: uppercase; }

ul#menu li acronym { color: #ccc; border-bottom: 1px dotted white; }
acronym, abbr { color: #e3000f; border-bottom: 1px dotted #e3000f; }

a img, li a img  { border: none; }

#right a { font-weight: normal; }

hr { clear:both; color: #eee; background: white; margin: 15px 0;}


/* Layout */

#container { width: 960px; margin: 50px auto 0 auto; }

#logo { width: 960px; height: 150px; background: url('images/logo.jpg') no-repeat; text-indent: -999em; }

#content { padding: 40px 20px 20px 20px; line-height: 140%; background: #f1f1f1; }

#content ul { margin-left: 15px; }
#content ul li { list-style-image:url(images/bullet.gif); }
#content ul li ul li { list-style-image:url(images/bullet2.gif); }

#left { float: left; width: 480px; margin: 25px 0 0 35px; }

#right { width: 250px; float: right; clear: both; margin: 25px 15px 0 15px; padding-left: 55px; border-left: 1px solid #e3000f; }

#right ul { list-style: square; margin: 0 0 0 0; }

#right ul#img { list-style-type: none; }
#right ul li { margin: 0 0 15px 15px;  }

#right ul li ul li { padding-bottom: 10px; border-bottom: 1px dashed #dedede; }

#right ul li span { display: block; text-align: center;  }

#right ul li ul { margin: 5px 0 25px 15px; }

#left ul { list-style: square; margin: 15px; }
#left ul li { margin-bottom: 10px; }

#footer { background: #343434; border-top: 8px solid #e3000f; text-align: center; }
#footer p { font-size: .9em; color: #888;  }
#footer a { font-size: 1em; border: none; color: #fdfdfd; }
#footer a:hover { color: #f8f8f8; }


/* Menue */

* html ul#menu { margin: 15px 0 0 10px; }
* html ul#menu li { padding: 15px 0; }

ul#menu { z-index:100; float:right; height: 26px; width: 550px; list-style-type:none; display:block; clear: both; margin: 10 0 0 0; letter-spacing: 0.02em; }


ul#menu li { color: white; float: left; height: 12px; margin: 0 15px 0 0; padding: 0; position: relative;  }

ul#menu li a, body#consult ul#menu li a:visited { display: block; background: #343434; padding: 12px 15px; color: white; text-decoration:none; border: none; overflow: hidden; }

ul#menu li:hover a, ul#menu li a:hover { background: #2; }

ul#menu li a#aktiv { font-weight: bold; background: #e3000f;  }

ul#menu li ul {display: none;}



/* ANPASSEN! */
ul#menu li:hover ul {display:none; position:absolute; top:26px; left:0; width:105px; list-style-type: none;}
ul#menu li:hover ul li ul {display: none;}
ul#menu li:hover ul li a {display:block; }
ul#menu li:hover ul li a:hover {color: white; }
ul#menu li:hover ul li:hover ul {display:block; position:absolute; left:105px; top: 10px;}


.catimg { background: #f4f4f4; margin: -40px 0 0 -20px; width:960px; height: 258px;  }

.home { background: url('images/home.jpg'); }
.consulting { background: url('images/consulting.jpg'); }
.marketing { background: url('images/marketing.jpg'); }
.werbung { background: url('images/werbung.jpg'); }
.impressum { background: url('images/impressum.jpg'); }

.webdesign { background: url('images/webdesign.jpg'); }
.beschriftung { background: url('images/folienbeschriftung.jpg'); }
.drucksachen { background: url('images/drucksachen.jpg'); }
.werbetext { background: url('images/werbetext.jpg'); }

.referenzen_schwerdtfeger_kfz { background: url('images/referenzen_schwerdtfeger_kfz.jpg'); }
.referenzen_armbruester_kfz { background: url('images/referenzen_armbruester_kfz.jpg'); }
.referenzen_maas_web { background: url('images/referenzen_maas_web.jpg'); }
.referenzen_stranz_web { background: url('images/referenzen_stranz_web.jpg'); }
.referenzen_maas_broschuere { background: url('images/referenzen_maas_broschuere.jpg'); }
.referenzen_ayurveda_web { background: url('images/referenzen_ayurveda_web.jpg'); }
.referenzen_novahaus_schild { background: url('images/referenzen_novahaus_schild.jpg'); }

.headline {  font-size: 1.8em; }
.subtitle { margin-top: 5px; text-transform:none; }
.detail { float: left; margin-left: 15px; padding: 2px; background: white; }

a.button {  border: none; padding: 5px 8px; font-size: .8em; margin: 2em; display: block; background: #e3000f; color: #f8f8f8; text-align: center; }
a:hover.button {  background: #343434; color: #f8f8f8; }

form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:0.5em
	}

	form dt, dl.labels dt {
		float:left;
		margin-bottom:0.8em;
		color:#555;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}

	form dd, dl.labels dd {
		margin-left:5.5em;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}

	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}

	form dl dd textarea { width: 400px; }
	
	object { margin: 0; padding: 0; }
	
	body#consult { background: #343434 url('images/bg_consult.jpg') no-repeat top; }
	
	body#consult #footer { background: #343434; border-top: 8px solid #00559d; text-align: center; }
	
	body#consult #logo { width: 960px; height: 150px; background: url('images/logo_consult.jpg') no-repeat; text-indent: -999em; }
	
	body#consult ul#menu li a#aktiv { font-weight: bold; background: #00559d;  }
	
	body#consult #content ul li { list-style-image:url(images/bullet_consult.gif); }
	body#consult #content ul li ul li { list-style-image:url(images/bullet2_consult.gif); }
	
	body#consult #right { border-left: 1px solid #00559d; }
	
	body#webagentur h2, body#webagentur h3, body#webagentur h4, body#webagentur p, body#webagentur ul li { color: #efefef !important; }
	body#webagentur h2, body#webagentur h3, body#webagentur h4 { text-shadow: 1px 1px 0 black; }
	
	body#webagentur h2 { font-size: 1.8em; margin: 2em; }
	
	body#webagentur h3 { color: #666; }

	
	body#webagentur h3.tel { font-weight: normal; font-size: 2.6em; color: #fff !important; text-shadow: 1px 1px 0 black; }
	
	body#webagentur #content { background: #343434; }
	
	body#webagentur #menu li a { background: #e3000f; }
	
	body#webagentur strong { color: #fff; }