body {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align:center;
	padding-top:50px;
	color: #414141;
}

.wrap-all {
	width:800px;
	margin:auto;
	text-align:left;
}

/*----------------------------------------------------------
 + standards
----------------------------------------------------------*/

body {
	background:#000;
}

p, li, strong {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

ul, li {
	list-style:none;
}

#header,
#main,
#nav{
	width:100%;
}

#header {
	background: url(images/header-background.gif) repeat-x 0px 9px;
	height: 60px;
}

#nav {
	border-top:1px solid #FCE2C9;
	border-bottom:1px solid #FCE2C9;
	height:35px;
	margin: 10px 0px 15px 0px;
}

#main, #content{
	height:350px;
	overflow:hidden;
}

.clear {
	clear: both; 
}

hr {
	border:1px solid #414141;
	margin:5px 40px 5px 0px;
	*margin:0px;
}

/*----------------------------------------------------------
 + backgrounds
----------------------------------------------------------*/

#startseite #main {
	background: url(images/hintergrund-startseite.jpg) no-repeat top left;
}
#impressum #content {
	background: url(images/hintergrund-impressum.jpg) no-repeat top left;
}
#referenzen #content {
	background: url(images/hintergrund-referenzen.jpg) no-repeat top left;
}
#leistungen #content {
	background: url(images/hintergrund-leistungen.jpg) no-repeat top left;
}
#servicebereich #content {
	background: url(images/hintergrund-servicebereich.jpg) no-repeat top left;
}
#kontakt #content {
	background: url(images/hintergrund-kontakt.jpg) no-repeat top left;
}
#wir #content {
	background: url(images/hintergrund-wir.jpg) no-repeat top left;
}
#tshirts #content {
	background: url(images/tshirtfolienplot.jpg) no-repeat top left;
}
#aussenbeschilderung #content {
	background: url(images/aussenwerbung.jpg) no-repeat top left;
}
#fahrzeugbeschriftung #content {
	background: url(images/fahrzeugbeschriftung.jpg) no-repeat top left;
}
#leuchtwerbung #content {
	background: url(images/leuchtwerbung.jpg) no-repeat top left;
}
#copy-shop #content {
	background: url(images/hintergrund-copy-shop.jpg) no-repeat top left;
}
#display #content{
	background: url(images/hintergrund-display.jpg) no-repeat top left;
}
#druck #content{
	background: url(images/hintergrund-druck.jpg) no-repeat top left;
}
#druckvorstufe #content{
	background: url(images/hintergrund-druckvorstufe.jpg) no-repeat top left;
}
#grossformatdruck #content{
	background: url(images/hintergrund-grossformatdruck.jpg) no-repeat top left;
}
#weiterverarbeitung #content{
	background: url(images/hintergrund-weiterverarbeitung.jpg) no-repeat top left;
}
#main {
	font-size: 12px; 
	background: url(images/hintergrund-standard.jpg) no-repeat top right;
}


/*----------------------------------------------------------
 + nav
----------------------------------------------------------*/

#nav ul {
	margin:10px 0 0 0;
}

#nav li{
	display: inline;
	margin: 0 8px 0 10px;
}

#nav {
	text-align:center;
	font-size:14px;
}

#nav a {
	color:#FCE2C9;
	text-decoration:none;
}

#nav a:hover {
	text-decoration:underline;
}

a.activ{
	font-weight:bold;
}


/*----------------------------------------------------------
 + header
----------------------------------------------------------*/

#startseite #header img { visibility: hidden; 
}

	
/*----------------------------------------------------------
 +-- Startseite
----------------------------------------------------------*/
#startseite #content {
	padding-left:370px;
}

#content .logo {
	background: url(images/logo-big.gif) no-repeat bottom left;
	width:395px;
	height:190px;
}

#content .logo h1 {
	visibility:hidden;
}

#content .action {
	width:320px;
	margin-top:30px;
	text-align:left;
}

/*----------------------------------------------------------
 +-- restliche Seiten
----------------------------------------------------------*/

#content {
	padding:40px 0px 0px 350px;
}

#content h2 {
	padding:0 0 15px 0;
	font-weight:bold;
	font-size:17px;
}

#content h3 {
	padding:10px 0px 15px 0;
	font-weight:bold;
	font-size:13px;
}

#content ul {
	*margin-top:-15px;
}
#content ul ul, #content ul.acrobat {
	*margin-top:0px;
}
#content ul.strich {
	margin-top:0px;
	margin-bottom:10px;
}
#content ul.strich li {
	margin-left:25px;
	list-style:square;
}
#content li {
	line-height: 17px;
}
#content li.horizontal {
	float:left;
	width:150px;
}
#content li.vertical {
	clear:both;
	padding-bottom:30px;
	*padding-bottom:0px;
}
#content li.acrobat {
	background: url(images/acro-bullet.gif) no-repeat 0px 2px;
	padding-left:20px;
	line-height:25px;
}
#content p {
	width:375px;
	margin-bottom:10px;
	*margin-bottom:10px;
}
#content a,
#subnav a {
	color: #414141;
}
#content a:hover,
	{
	color: #414141;
	text-decoration:none;
}
#content img {
	margin-top:2px;
}

/*----------------------------------------------------------
 +-- restliche Seiten -> Eingabe
----------------------------------------------------------*/
#content form ul{
	*margin-top:-15px;
}
#content form li{
	line-height: 27px;
}
#content .left li{
	text-align:right;
	margin: 0 10px 0 0;
}
#content .left label {
	margin: 0 20px 0 0;
}
#content .left {
	float:left;
	width:220px;
}
#content .right {
	float:left;
	width:160px;
}
#content input{
	height:22px;
	width:120px;
}
#content select{
	width:160px;
}
#content textarea{
	width:385px;
	height:70px;
}
#content div.message {
	clear:both;
}
#content .button {
	width:80px;
	*margin-top:10px;
}
#content textarea {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

/*----------------------------------------------------------
 + SubNavList Specials
----------------------------------------------------------*/

#subnav-hide {
	visibility: hidden;
	height:1px;
	overflow:hidden;
}
#subnav {
	height: 40px;
	margin-top:-27px;
	margin-left: 250px;
	padding-top:31px;
	padding-left: 10px;
	width:550px;
	background: url(images/hintergrund-subnav.jpg) no-repeat 0px 12px;
	font-size:12px;
}
#subnav li{
  	float:left;
  }
#navlist{
	
  }
#subnav a {
	text-decoration:none;
}
#subnav a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------
 + Impressum
----------------------------------------------------------*/
#impressum #content p {
	margin:0 0 5 0;
	line-height:15px;
}
#impressum #content p.after {
	clear:both;
}
#impressum #content p.left {
	float:left;
	width:170px;

}
#impressum #content p.right {
	float:right;
	margin-right:34px;
	width:220px;
}

#impressum #content strong.short {
	width:60px;
}
#impressum #content strong.long {
	width:110px;
}