/* 
Stylesheet teppich-hormess.de
Copyright by it-service & werbedesign
Bernd Grimm
23.02.2010
*/
* {
	margin:0px;
	padding:0px;
}
/* Beginn Inhaltsbereich*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background-image: url(../images/background2.jpg);
	background-repeat: repeat-x;
	background-color: #f5f1f1;
}
html,
body,
#wrapper {
	height:100%;	
}

p, h1, h2, a, input, textarea, option, select, table {
	color:#696968;
}

#wrapper {
	margin: 0 auto 0 auto;
	width:948px;
}
.clearer {
	clear:both;	
}
/* Kopfbereich */
#kopfbereich {
	/*position:relative;*/
	width:948px;
	height:93px;
}
#logo {
	float:left;
	width: 550px;
}
#logo .pci {
	margin-left: 13px;
	margin-top: 15px;
	border:none;
}
#logo .logo_hormess {
	border:none;
}
#info_navi {
	float:right;
	font-size:9px;
	margin-top:5px;
}
#info_navi ul {
	width: 70px;
	list-style: none;
}
#info_navi ul li {
	display:inline;
}
#info_navi ul li a {
	text-decoration:none;
	
}
#info_navi ul li a:hover {
	color:black;
}
/* Mittelbereich */
#mittelbereich {
	width: 948px;
	height: 255px;
}
#header_image {
	background-image:url(../images/main_pic.jpg);
	background-repeat:no-repeat;
	background-position: 0 -3px;
	height: 253px;
	width: 719px;
	margin-left:228px;
}
/* Inhaltsbereich */

#inhaltsbereich {
	width: 948px;
	height: auto;
}

#left_colum {
	position:relative;
	background-image:url(../images/verlauf_sub_navi.jpg);
	background-repeat: repeat-x;
	height: 315px;	
	width: 227px;
	float: left;
	font-size:12px;
}
#left_colum ul {
	width: 225px;
	float:left;
	list-style: none;
	margin-top:20px;
}
#left_colum ul li {
	border-bottom: 1px dotted #696968;
}

#left_colum a {
	display:block;
	text-decoration: none;
	color:#696968;
	background-image:url(../images/h_navi_normal.jpg);
	background-repeat:no-repeat;
	background-position: 15px 10px;
	padding: 10px 5px 3px 45px;
}
#sub_navi {
	max-width: 180px;
	font-size: 12px;	
	float:left;
	margin-top:10px;
	margin-left: 15px;
}
#sub_navi a {
	margin-top:25px;	
}
#sub_navi h4, #kontaktdaten h4  {
	font-size: 14px;
	font-weight:lighter;
}
.text_oeffnungszeiten {
	margin-top: 15px;	
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	width:195px;
	line-height:20px;
}
#left_colum a:hover {
	color: #696968;
	background-image: url(../images/s_navi_normal.jpg);
}
#content {
	margin-top:15px;
	width:709px;
	height:auto;
	float:right;
}
.weiterlesen {
	display:inline-block;
	background-image:url(../images/pfeil_vor_n.jpg);
	background-repeat:no-repeat;
	background-position:75px 12px;
	padding-top:10px;
	text-decoration:none;	
	font-size:10px;
	font-weight:bold;
	width:90px;
	color:#696968;
}
.weiterlesen:hover {
	display:inline-block;
	background-image:url(../images/pfeil_vor_h.jpg);
	background-repeat:no-repeat;
	color:#696968;
}
.back {
	display:inline-block;
	background-image:url(../images/pfeil_zurueck_n.jpg);
	background-repeat:no-repeat;
	background-position:565px 2px;
	padding-bottom:50px;
	padding-left:580px;
	text-decoration:none;	
	font-size:10px;
	font-weight:bold;
	width:120px;
	color:#696968;
}
.back:hover {
	display:inline-block;
	background-image:url(../images/pfeil_zurueck_h.gif);
	background-repeat:no-repeat;
	color:#696968;
}
.geschaeftszeiten {
	margin-left: 40px;
	margin-top: 40px;
	font-size:16px;
}
#content .geschaeftszeiten p {
	float:left;
	font-size:16px;
	line-height:21px;
}
#content .geschaeftszeiten img {
	margin-top: -30px;
	margin-right: 0px;
	float:right;	
}
#content p {
	line-height:16px;
	margin-top: 90px;
	font-size: 12px;
	margin-left:10px;
}
#content h1 {
	font-size: 14px;
	margin-left:10px;
	font-weight:normal;
	margin-top:7px;
}
#content .detailueberschrift_h1 {
	font-size: 20px;
	margin-left:10px;
	font-weight:normal;
	margin-bottom:15px;
}
#content .ueberschrift_h1 {
	font-size: 20px;
	margin-left:10px;
	font-weight:normal;
}
#content h2 {
	margin-left:10px;
	font-size: 11px;
	padding-top:7px;
}
#content img {
	float:left;	
	margin:10px;
	border:1px solid #696968;
	padding:1px;
	background-color:#c7c8c8;
}
.galerietext {
	margin-top:15px;	
}
#content .lieferant_img {
	float:left;	
	border:none;
}
#content .lieferanten {
	float: left;
}
#content .service {
	float: left;
	margin-left: 55px;
	width:260px;
}
#content .reinigung {
	float: left;
	margin:0px 0px 0px 50px;
}
#content .reinigung p {
	margin:1px 0px 0px 7px;
}
#content .service ul {
	margin:10px 0px 0px 10px;;
}
#content .service ul li {
	display:block;
	height: 20px;
	list-style-type:none;
	font-size: 14px;
	font-family:"Comic Sans MS", cursive;
	color:#fb6806;
	background-image:url(../images/haken.jpg);
	background-repeat:no-repeat;
	background-position: 5px 0px;
	padding: 0px 0px 0px 30px;
}
#content .lieferanten p, #content .service p {
	margin: 0px;
	padding-left:10px;
}
#content .impressum {
	margin: 10px;	
}
#content .impressum a {
	text-decoration:none;
	color:#03C;
}
#content .kleingedrucktes {
	margin: 10px;
	font-size:10px;	
	
}
#content .newsbox {
	float:left;
	width: 335px;
	height: 153px;
	/*background-color:#e5e3e3;*/
	border:1px solid #c7c8c8;
	margin:5px;
	padding: 0;
}
#content .newsbox img {
	border:1px solid #c7c8c8;
}
#content .newsheadline {
	color:#696968;
	font-size: 14px;
	margin-top: 7px;
}
#content .newstext {
	line-height:12px;
	font-size: 10px;
	margin-top: 5px;
	margin-right:5px;
}
/* Styles für die Präsentation der Firmengeschichte */
#content .img_praesentation {
	float:right;
}
#content #div_praesentation_1970 {
	background-image:url(../images/1970.jpg);
	background-repeat:no-repeat;
	background-position:left 14px;
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_1976 {
	background-image:url(../images/1976.jpg);
	background-repeat:no-repeat;
	background-position:left 12px;
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_1988 {
	background-image:url(../images/1988.jpg);
	background-repeat:no-repeat;
	background-position:left 12px;
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_1994 {
	background-image:url(../images/1994.jpg);
	background-repeat:no-repeat;
	background-position:left 12px;
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_2001 {
	background-image:url(../images/2001.jpg);
	background-repeat:no-repeat;
	background-position:left 12px;
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_1970 p,
#content #div_praesentation_1976 p, 
#content #div_praesentation_1988 p,
#content #div_praesentation_1994 p,
#content #div_praesentation_2001 p
{
	margin:10px 0px;
	padding-left: 55px;
}
/* ENDE Präsentation der Firmengeschichte */
/* Styles für die Präsentation Service */
#content .normal_p {
	margin-top: 0px;	
}
#content .service_ul {
	margin:15px 0px 15px 25px;
}
#content .service_ul li {
	display:block;
	list-style-type:none;
	font-size: 14px;
	font-family:"Comic Sans MS", cursive;
	color:#fb6806;
	background-image:url(../images/haken.jpg);
	background-repeat:no-repeat;
	background-position: 5px 0px;
	padding:0px 0px 0px 30px;
	margin-top:5px;
}
/* ENDE Präsentation Service */
/* Styles für die Präsentation Neuigkeiten */
#content ul {
	margin-top:10px;
	margin-left:25px;
	display:block;
	list-style-type:circle;
	font-size: 12px;
	color:#fb6806;
	margin-top:5px;
}
#content ul li {
	margin-top:4px;
}
#content p {
	margin: 5px 15px 0px 10px;	
}
/* ENDE Präsentation Neuigkeiten */
/* Styles für die START-Seite */
#content #div_praesentation_start {
	width: 700px;
	height:auto;
	float: right;
}
#content #div_praesentation_start p {
	margin:10px 0px;
}
#content #div_praesentation_start ul,
#content ul {
	margin-top:10px;
	margin-left:25px;
	display:block;
	list-style-type:circle;
	font-size: 12px;
	color:#fb6806;
	margin-top:5px;
}
#content #div_praesentation_start ul li,
#content ul li {
	margin-top:4px;
}
/* ENDE START-Seite */
/* Styles FORMULAR */
#formular {
	width: 550px;
	margin-top:20px;
	margin-left:15px;
}
.left {
	float:left;	
}
.right {
	float:right;
	margin-left:33px;
}
.required {
	height:25px;	
}
.left input {
	height: 21px;	
}
.formular_left, .formular_right, .formular_bottom {
	font-size:12px;	
}
.formular_left {
	margin-top:1px;	
}
.formular_bottom {
	margin-top:10px;
}
.formular_bottom label {
	position:relative;
	bottom:3px;
}
#answer_i, #answer_e {
	height: 15px;	
}
#senden {
	float:right;
	right:0px;
	margin-top:40px;
	height: 25px;	
	width: 95px;
	background-color:#696968;
	color:#CCC;
}
#player {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height:65px;
}
#player p {
	width: 350px;
	font-size:12px;
}
#player h2 {
	margin: 0 0 15px 10px;
	font-size:12px;
	font-weight:normal;
}