/*
-----------------------------------------------
werbetechnik-emele.de stylesheet

Autor:    Simon Zirkunow | www.special-it-solutions.de
----------------------------------------------- */


/* BASIC SETUP
----------------------------------------------- */

/* resets values for every element */
* {
	margin: 0;
	padding: 0;
}

/* for a better overview, displayed only in old browsers */
hr, .hide {
	display: none;
}

body {
	color: #000;
	background: #ffffff url(../i/body_bg.png) center top no-repeat;
	background-attachment: fixed;
	text-align: center;
	font: 11px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img {
	border: none;
}

a:link {
	color: #2879c5;
	text-decoration: none;
	border-bottom: 1px solid #9bc4eb;
}

a:visited {
	color: #6c88a3;
	text-decoration: none;
	border-bottom: 1px solid #c2d1e0;
}

a:hover {
	color: #1f63a3;
	text-decoration: none;
	border-bottom: 1px solid #1f63a3;
}

.noborder {
	border: none !important;
}

.input:focus, textarea:focus {
	background: #f8ffbe;
}

.input {
	width: 200px;
}

textarea {
	width: 250px;
	height: 130px;
}


/* CURRENT LOCATION
----------------------------------------------- */

#bstart #n1 a {
	background: transparent url(../i/navover.png) -2px 0 no-repeat;
	color: #000;
	cursor: default;
}

#bpartner #n2 a, #breferenzen #n3 a, #bkontakt #n4 a {
	background: transparent url(../i/navover.png) -209px 0 no-repeat;
	color: #000;	
	cursor: default;
}

#bimpressum #n5 a {
	background: transparent url(../i/navover.png) -452px 0 no-repeat;
	color: #000;
	cursor: default;
}

#bacrylschilder #n11 a, #baussenbeschilderung #n12 a, #bbauschilder #n13 a, #bleitsysteme #n14 a, #bmagnetschilder #n15 a, #bposterdruck #n20 a, #baufkleber #n21 a, #bbandenwerbung #n22 a, #bdigitaldruck #n23 a, #bfahnen #n24 a, #bfahrzeugbeschriftung #n25 a, #bfassadenbeschriftung #n26 a, #bleuchtreklame #n27 a, #bplanen #n28 a, #bschaufensterbeschriftung #n29 a, #brollups #n30 a, #bfirmenschilder #n31 a, #buhren #n32 a, #bflexdruck #n41 a, #bflockdruck #n42 a, #bsiebdruck #n43 a, #bstickerei #n44 a, #bdateivorgaben #n51 a, #babholungundversand #n52 a, #bflyer #n60 a, #bplakatstaender #n61 a, #bwerbepylone #n62 a, #bfahrzeugvollverklebung #n63 a {
	font-weight: bold;
	color: #000;
	border: none;
	cursor: default;
}


/* PAGE ELEMENTS
----------------------------------------------- */

#wrapper {
	width: 898px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../i/wrapper_bg.png) center top repeat-y;
}

#header {
	width: 898px;
	height: 112px;
	display: block;
	background: transparent url(../i/header.png) left top no-repeat;
}

h1 a:link, h1 a:visited, h1 a:hover {
	display: block;
	width: 250px;
	height: 83px;
	float: left;
	text-indent: -9999px;
	border-bottom: none;
}


/* NAVIGATION TOP
----------------------------------------------- */

#header ul {
	display: block;
	padding: 60px 0 0 265px;
}

#header li {
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#header a {
	display: block;
	border-bottom: none;
	text-align: center;
}

#n1 a, #n2 a, #n3 a, #n4 a, #n5 a {
	height: 18px;
	padding-top: 5px;
	margin-left: 1px;
}

#n1 a {
	width: 95px;
}

#n2 a {
	width: 110px;
}

#n3 a {
	width: 132px;
}

#n4 a {
	width: 109px;
}

#n5 a {
	width: 140px;
}

#n1 a:hover {
	background: transparent url(../i/navover.png) -2px 0 no-repeat;
}

#n2 a:hover, #n3 a:hover, #n4 a:hover {
	background: transparent url(../i/navover.png) -209px 0 no-repeat;
}

#n5 a:hover {
	background: transparent url(../i/navover.png) -452px 0 no-repeat;
}


/* NAVIGATION LEFT
----------------------------------------------- */

#navigation {
	padding-top: 1px;
	width: 233px;
	background: transparent url(../i/nav_corner.png) right top no-repeat;
}

#navigation dl {
	margin: 17px 0 0 20px;
}

#navigation dt {
	text-transform: uppercase;
	font-weight: bold;
	color: #e3100e;
	letter-spacing: .1em;
}

#navigation dd {
	margin: 4px 0 4px 0;
}


/* CONTENT
----------------------------------------------- */

#content {
	float: right;
	width: 592px;
	margin: 0 41px 0 0;
}

#ctext {
	float: left;
	width: 280px;
}

#cimg {
	float: right;
	width: 280px;
	padding-top: 33px;
}

#cprimary {
	float: left;
	width: 280px;
}

#csecondary {
	float: right;
	width: 280px;
}

h2 {
	font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #e3100e;
}

h3 {
	font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 0;
	color: #555;
}

#content p {
	line-height: 20px;
	margin: 10px 0;
}

#ctext p {
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	color: #777;
}

#content dl {
	border-top: 1px dashed #999;
}

#content dt {
	font-weight: bold;
	margin: 15px 0 0 0;
}

#content dd {
	padding: 3px 0 3px 0;
}

#content ul {
	margin: 10px 0 10px 25px;
	line-height: 20px;
}

/* FOOTER
----------------------------------------------- */

#footer {
	display: block;
	width: 898px;
	height: 128px;
	background: transparent url(../i/footer.png) left top no-repeat;
	line-height: 17px;
	clear: both;
}

#footer dl {
	padding: 65px 0 0 290px;
}

#f1 {
	display: block;
	float: left;
	width: 262px;
}

#f2 {
	display: block;
	float: left;
	width: 165px;
}