/* Standards */

html {
	height: 100%;
    margin-bottom: 1px;
	font-size: 62.5%;
}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4d485c;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	background-color: #f6f1f2;
}

h1 {
     color: #dd393f;
	 font-size: 2.2em;
}

h2 { 
     font-size: 1.5em;
}

a:link, a:visited {
	color: #4d485c;
	text-decoration: none;
}

a:hover {
     text-decoration: underline;
}

#wrapper {
     width: 980px;
	 margin: 0px auto;
}

/* Header */

#wrapper_header {
	width: 980px;
	height: 150px;
	background-image: url(images/back_header2.jpg);
	background-repeat: no-repeat;
}

#header_right {
	float:right;
	width: 490px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 150px;
	margin-top: 20px;
	background-position: 70px 0px;
}

#header_left {
     float:left;
	 width: 440px;
	 padding-left: 25px;
}

/* ########### Navi Header ########### */

#navi {
	height:100px;
}


.grafik {
	float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat 0px -100px;
	border-left: 1px dotted #dedfe6;
	border-right: 1px dotted #dedfe6;
}

.grafik a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(images/navi_back.jpg) top left no-repeat;
}

.grafik span {
	display: block;
	margin:0;
	padding: 80px 0px 0px 0px;
	text-align:center;
}

.grafik a:hover {
	background-image: none;
    color: #DD393F;
	text-decoration: none;
}

.grafik_active {
    float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat 0px -100px;
	border-left: 1px dotted #dedfe6;
	border-right: 1px dotted #dedfe6;
}

.grafik_active span {
	display: block;
	margin:0;
	padding: 80px 0px 0px 0px;
	text-align:center;
	color:#dd393f;
}

.webdesign {
	float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -100px -100px;
	border-right: 1px dotted #dedfe6;
}

.webdesign a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(images/navi_back.jpg) no-repeat -100px 0px;
}

.webdesign span {
	display: block;
	margin:0; 
	padding: 80px 0px 0px 0px;
	text-align:center;
}

.webdesign a:hover {
	background-image: none;
    color: #DD393F;
	text-decoration: none;
}

.webdesign_active {
    float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -100px -100px;
	border-left: 1px dotted #dedfe6;
	border-right: 1px dotted #dedfe6;
}

.webdesign_active span {
	display: block;
	margin:0;
	padding: 80px 0px 0px 0px;
	text-align:center;
	color:#dd393f;
}

.drucksachen {
	float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -200px -100px;
	border-right: 1px dotted #dedfe6;
}

.drucksachen a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(images/navi_back.jpg) no-repeat -200px 0px;
}

.drucksachen span {
	display: block;
	margin:0; 
	padding: 80px 0px 0px 0px;
	text-align:center;
}

.drucksachen a:hover {
	background-image: none;
    color: #DD393F;
	text-decoration: none;
}

.drucksachen_active {
    float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -200px -100px;
	border-left: 1px dotted #dedfe6;
	border-right: 1px dotted #dedfe6;
}

.drucksachen_active span {
	display: block;
	margin:0;
	padding: 80px 0px 0px 0px;
	text-align:center;
	color:#dd393f;
}

.inserate {
	float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -300px -100px;
	border-right: 1px dotted #dedfe6;
}

.inserate a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(images/navi_back.jpg) no-repeat -300px 0px;
}

.inserate span {
	display: block;
	margin:0; 
	padding: 80px 0px 0px 0px;
	text-align:center;
}

.inserate a:hover {
	background-image: none;
    color: #DD393F;
	text-decoration: none;
}

.inserate_active {
    float: left;
	width: 100px; 
	height: 100px;
	background: url(images/navi_back.jpg) no-repeat -300px -100px;
	border-left: 1px dotted #dedfe6;
	border-right: 1px dotted #dedfe6;
}

.inserate_active span {
	display: block;
	margin:0;
	padding: 80px 0px 0px 0px;
	text-align:center;
	color:#dd393f;
}

/* ########### Content ########### */

#wrapper_content {
     width: 980px;
	 margin-top: 30px;
}

#wrapper_content_referenzen {
     width: 980px;
	 margin-top: 20px;
	 padding-left: 10px;
}

#content_right {
     float:right;
	 width: 490px;
	 padding-left: 25px;
	 text-align:justify;
	 
}

#content_left {
     float:left;
	 width: 414px;
	 padding: 0px 25px 0px 25px;
	 border-right: 1px dotted #dfe0e7;
}

#content_left p {
     font-size: 1.2em;
	 text-align: justify;
}

#content_left a {
color: #dd393f;
}

/* ########### Footer ########### */

#footer {
     width: 980px;
	 margin: 50px 0px 0px 0px;
	 padding-bottom:50px;
	 text-align:right;
}

#footer_left {
     float:left;
     padding-left: 25px;
}

#footer_right {
float:right;
}

#footer p {
     color: #afaeae;
     font-size: 1.0em;
}

.footer_active {
color: #dd393f;
}

/* ########### Extras ########### */

.clear { 
     clear:both;
     height:1px;
}

#fehler {
	width: 405px;
	margin-left:38px;
	padding: 10px 0px 0px 40px;
	color:#dd393f;
	font-size: 1.2em;
	background-image: url(images/fehler.png);
	background-repeat: no-repeat;
	font-weight: bold;	
}

#fehler li {
	display:inline;
	padding: 0px 20px 0px 5px;
	list-style-type: none;
	border-left: 5px solid #dd393f;
	/*background-image: url(images/back_li.gif);
	background-repeat: no-repeat;*/
	color: #344C6A;
	font-weight: normal;	
	
}

.referenzen {
    float:left;
	width: 320px;
	margin-bottom: 30px;
	font-size: 1.0em;
}

.referenzen p {
    padding-left: 17px;
	padding-right: 17px;
}

.referenzen h3 {
     padding-left: 17px;
	 font-size: 1.2em;
	 padding-bottom: 5px;
}
		
/* ########### formular ########### */

#formular { 
margin:0 auto; 
padding:0; 
width:456px; 
height:330px; 
text-align:left; 
background:url(images/bilder_rechts/kontakt.jpg) no-repeat; 
}

form { 
margin:0; 
padding:15px 15px 0px 15px;
}

fieldset {
width:330px; 
border:none; 
padding:0 0 0 20px; 
margin:0; 
text-align:left;
}

legend {
font-size:1.8em; 
color:#344c6a; 
font-weight:normal; 
padding:30px 0 20px 2px; 
margin:0; 
background:none; 
}

label { 
color:#344c6a; 
font-size:1em; 
margin:0px 0px 8px 0px; 
padding: 2px 0px 2px 5px;
float:left; 
clear:left; 
width:70px; 
}

input {
border-bottom:1px dotted #8e8e91; 
border-right:none; 
border-left:none; 
border-top:none; 
background:none; 
padding-left:0.3em; 
margin-bottom:5px; 
color:#344C6A; 
width:220px;
}

input:focus {
border-color: #d82533;
}

fieldset#checkbox input  {
width:35px; 
border:none;
}

textarea {
width:220px; 
border:1px dotted #8e8e91; 
background:none;
color:#344C6A; 
}

textarea:focus {
border-color:#d82533;
}

.submitbtn {
width:222px; 
background:#a19fa6 url(images/back_button.jpg) no-repeat; 
color:#fff; 
cursor:pointer; 
padding:0;
margin:5px 0 0 95px;
border:none;
}

.submitbtn:hover { 
background:#344c6a; 
color:#fff;
}

/* ende formular */