/*---BASICS---*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#424242 url(../images/layout/bg.jpg) 0 0 repeat-x;
	font: 13px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:20px;
	text-align:center;
}

div#content_wrapper a:link, div#content_wrapper a:visited {
	color: #0abbfe;
	text-decoration: underline;
}
div#content_wrapper a:hover, div#content_wrapper a:active  {
	color: #0abbfe;
	text-decoration: none;
}

div#footer a:link, div#footer a:visited {
	color: #fff;
	text-decoration: underline;
}
div#footer a:hover, div#footer a:active  {
	color: #fff;
	text-decoration: none;
}

img {
	border:0;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color: #0abbfe;
	margin:0 0 10px 0;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color: #0abbfe;
	margin:0 0 5px 0;
}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#fff;
}
 

p {
	margin:0 0 8px 0;
}

 /*---WRAPPER---*/

#wrapper {
	min-height:100%;  /*hierdurch + die 100% Angabe im Body/Html nimmt der wrapper 100% des Browserfensters in der Höhe ein*/
	width:960px;
	margin:0 auto;
}
* html #wrapper {
	height:100%
}

/*---HEAD---*/

#head {
	height:450px; 
	width:960px;
	background:url(../images/layout/head.jpg) 0 0 no-repeat;
	position:relative;
}

/*---CONTENT---*/

div#content_wrapper {
	width:960px;
	min-height:400px;
	padding:0 0 0  0;
	background:url(../images/layout/content_bg.gif) 0 0 repeat-y;
	margin:0 auto;
	text-align:left;
}

* html div#content_wrapper {
	height:400px;
}



div#content_text_left {
	float:left;
	width:320px;
	height:334px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	background:url(../images/layout/prod_navi_test.jpg) 0 0 no-repeat;	
}

* html div#content_text_left {
	height:334px;
}


div#content_text_mid {
	float:left;
	width:267px;
	margin:0 10px 0 0;
	padding:0 25px 0 18px;
}

div#content_text_mid ol {
	padding:0 0 0 20px;

}

div#content_text_right ol {
	padding:0 0 0 20px;

}

div#content_text_mid ul {
	padding:0 0 0 20px;

}

div#content_text_right ul {
	padding:0 0 0 20px;

}

div#content_text_mid li {
	margin-bottom:10px;

}

div#content_text_right li {
	margin-bottom:10px;

}

div#content_text_right {
	float:left;
	width:264px;
	margin:0 0 0 0;
	padding:0 29px 0 17px;
}

div#content_text_mid_right {
	float:left;
	width:620px;
	padding:0 0 0 0;
}

.content_text_mid {
	float:left;
	width:267px;
	margin:0 10px 0 0;
	padding:0 25px 0 18px;

}

.content_text_right {
	float:left;
	width:244px;
	margin:0 0 0 0;
	padding:0 39px 0 17px;
	position:relative;
}

*html .content_text_right {
	float:left;
	width:267px;
	margin:0 0 0 0;
	padding:0 0 0 17px;
	position:relative;
}

/*---FOOTER---*/

div#footer {
	width:960px;
	height:156px;
	background:url(../images/layout/footer.jpg) 0 0 no-repeat;
	margin:0 auto;
	font-size:12px;
	line-height:18px;
	position:relative;
}

div#footer_l {
	width:189px;
	float:left;
	text-align:right;
	position:absolute;
	left: 361px;
	top: 58px;
}

div#footer_r {
	width:218px;
	float:left;
	position:absolute;
	text-align:left;
	left: 670px;
	top: 58px;
}
/*---CLASSES---*/

.clear {
	float:none;
	clear:both;
	height:1px;
	line-height:1px;
	margin:-1px 0 -1px 0;
}

.linie {
	float:none;
	clear:both;
	width:98%;
	height:1px;
	margin:8px 0 8px 0;
	border-bottom:1px dashed #888;
}

.blau {
	color:#0abbfe;
	font-weight:bold;
}

.img_border {
	padding:3px;
	border:1px solid #424242;
	margin: 6px 6px 6px 0;
}

.img_border_l {
	float:left;
	padding:3px;
	border:1px solid #424242;
	margin: 6px 6px 6px 0;
}

.img_border_r {
	float:left;
	padding:3px;
	border:1px solid #424242;
	margin: 6px 0 6px 0;
}

.anfahrt {
	position:relative;
	width:244px;
	height:200px;
}

.agb_text {
	font-size:11px;
}

.referenzena {
	border:1px solid #585858;
	padding:2px;
	background:#fff;
	float:left;
	margin-right:8px;
}

.referenzenb {
	border:1px solid #585858;
	padding:2px;
	background:#fff;
	float:left;
}


/*---SUB-HEADLINES---*/

#sub_home h1{
	width:620px;
	height:53px;
	background:url(../images/headlines/sub_home.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_kfz h1{
	width:620px;
	height:53px;
	background:url(../images/headlines/sub_kfz.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_textildruck h1{
	width:620px;
	height:53px;
	background:url(../images/headlines/sub_textildruck.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_schilder h1{
	width:620px;
	height:53px;
	background:url(../images/headlines/sub_schilder.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_verdunklung h1{
	width:620px;
	height:53px;
	background:url(../images/headlines/sub_verdunklung.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_agb h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_agb.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_kontakt h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_kontakt.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_anfahrt h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_anfahrt.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_impressum h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_impressum.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_newsletter h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_newsletter.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_service h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_service.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#sub_referenzen h1{
	width:620px;
	height:49px;
	background:url(../images/headlines/sub_referenzen.jpg) 0 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

/*---HEADLINES---*/

#home h1{
	width:297px;
	height:79px;
	text-indent:-9999px;
	background:url(../images/headlines/home.gif) 0 0 no-repeat;
}

/*---NAVIGATION---*/

/*---NAVIGATION - HAUPTSEITEN---*/

#navi_main {
	width:102px;
	height:150px;
	padding:0 0 0 0;
	position:absolute;
	line-height:normal;
	background:url(../images/layout/navi_main_bg.gif) 0 0 no-repeat;
	left: 185px;
	top: 62px;
}

#navi_main ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:102px;
	height:150px;
	overflow:hidden;
	text-indent:-9999px;
}

#navi_main li {
	display:block;
	padding:0 0 0 0;
	width:102px;
	height:25px;
	list-style-type:none;
}

a.navi_maina, a.navi_maina:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/startseite_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_maina:hover, a.navi_maina:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/startseite_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}


a.navi_mainb, a.navi_mainb:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/kontakt_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_mainb:hover, a.navi_mainb:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/kontakt_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}


a.navi_mainc, a.navi_mainc:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/anfahrt_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_mainc:hover, a.navi_mainc:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/anfahrt_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}


a.navi_maind, a.navi_maind:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/impressum_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_maind:hover, a.navi_maind:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/impressum_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}


a.navi_maine, a.navi_maine:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/agb_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_maine:hover, a.navi_maine:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/agb_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}


a.navi_mainf, a.navi_mainf:visited {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/referenzen_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_mainf:hover, a.navi_mainf:active {
	outline:none;
	display:block;
	height:25px;
	width:102px;
	background:url(../images/navi/referenzen_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

/*---NEWSLETTER---*/

#navi_nl {
	width:169px;
	height:68px;
	padding:0 0 0 0;
	position:absolute;
	line-height:normal;
	left:115px;
	top:264px;
}


/*---NAVIGATION - PRODUKTSEITEN---*/

#navi_prod {
	width:186px;
	height:120px;
	padding:0 0 0 0;
	position:absolute;
	line-height:normal;
	left:105px;
	top:53px;
	background:url(../images/layout/navi_prod_bg.gif) 0 0 no-repeat;
}

#navi_prod ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:186px;
	height:120px;
	overflow:hidden;
	text-indent:-9999px;
}

#navi_prod li {
	display:block;
	padding:0 0 0 0;
	height:30px;
	width:186px;
	list-style-type:none;
}

a.navi_proda, a.navi_proda:visited {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/kfz_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_proda:hover, a.navi_proda:active {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/kfz_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodb, a.navi_prodb:visited {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/textildruck_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodb:hover, a.navi_prodb:active {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/textildruck_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodc, a.navi_prodc:visited {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/schilder_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodc:hover, a.navi_prodc:active {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/schilder_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodd, a.navi_prodd:visited {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/verdunklung_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_prodd:hover, a.navi_prodd:active {
	outline:none;
	display:block;
	height:30px;
	width:186px;
	background:url(../images/navi/verdunklung_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}



/*---NAVIGATION - UNSER SERVICE---*/

#navi_service {
	width:186px;
	height:32px;
	padding:0 0 0 0;
	position:absolute;
	line-height:normal;
	background:url(../images/navi/unserservice_on.jpg) 0 0 no-repeat;
	left: 104px;
	top: 8px;
}

#navi_service ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:186px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
}

#navi_service li {
	display:block;
	padding:0 0 0 0;
	height:32px;
	width:186px;
	list-style-type:none;
}

a.navi_service, a.navi_service:visited {
	outline:none;
	display:block;
	height:32px;
	width:186px;
	background:url(../images/navi/unserservice_off.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}

a.navi_service:hover, a.navi_service:active {
	outline:none;
	display:block;
	height:32px;
	width:186px;
	background:url(../images/navi/unserservice_on.jpg) no-repeat 0 0;
	padding:0 0 0 0;
}