/* @override http://felsinger.media24.at/docs/39/layout/user.css */
html {
	background: #d9d9d9 url(bg.jpg) repeat-x;
}

body {
	text-align: center;
  	color: #222222; 
  	font: normal 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body#tinymce {
	background: #FFFFFF;
	text-align: left;
	margin: 0.5em 1em;
}
#wrapper {
	position: relative;
	margin: 0 auto 10px auto;
	width:1000px;
	text-align: left;
	background: url(content.gif) repeat-y;
}
#header {
	height: 400px;
	background: url(header.png) no-repeat;
	position: relative;
}
#title, #subtitle {
	display: block;
	position: absolute;
	top: 18px;
	left: 26px;
	width: 208px;
	height: 94px;
	text-indent: 210px;
	white-space: nowrap;
	overflow: hidden;
}
#spenglerei {
	display: block;
	position: absolute;
	top: 18px;
	right: 24px;
	width: 237px;
	height: 93px;
	text-indent: 238px;
	overflow: hidden;
	white-space: nowrap;
}
#content_wrapper {
}

.content.teaser_top,
.content.teaser_bottom,
#main .teaser_top,
#main .teaser_bottom {
	width: 300px;
	margin: 0 4px 4px 0;
	float:left;
	clear:none;
	overflow:hidden;
}

.teaser_top .pic_center {
	width: 300px;
	height:156px;
	overflow: hidden;
}
.teaser_bottom .pic_center {
	width: 300px;
	height:159px;
	overflow: hidden;
}

.teaser_top img{
	margin-top: 26px;
}
.teaser_bottom img{
	margin-bottom: 29px;
}
.teaser_bottom h1{
	bottom:0;
}
.teaser_top:hover h1,
.teaser_bottom:hover h1,
.teaser_top h1:hover,
.teaser_bottom h1:hover {
	background-color: #e50400;
}

.teaser_top .post,
.teaser_bottom .post {
	padding: 0;	
}

.teaser_top h1,
.teaser_bottom h1 {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  position: absolute;
  text-decoration: none;
  text-indent: 7px;
  width: 300px;
  background-color: #676767;
  font-size:13px;
}

.teaser_logo img {
	position:absolute;
	left: 245px;
	top: -193px;
}

/* @group Navi */

#navi {
	position: absolute;
	left: 275px;
	top: 131px;
	z-index: 1;
}

#navi ul {
	margin: 0;
}

#navi li {
	position: relative;
	list-style-type: none;
	float: left;
	background: url(separator.jpg) left 0 no-repeat;
	padding-left: 2px;
	padding-right: 1px;
}
#navi a {
	display: block;
	color: #fff;
	padding: 0 15px;
	font: normal 14px/35px Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	_float: left;
	_zoom:1;
}
#navi li:hover a,
#navi li.active a {
	background: url(active_menu.jpg);
}
#navi ul ul {
	position: absolute;
	top: 35px;
	left: 1px;
	display: none;
	background: #666;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
}
#navi li:hover ul {
	display: block;
}
#navi li li {
	float: none;
	border-top: 1px solid #b4b4b4;
	background: none;
	padding: 0;
}
#navi li li a {
	line-height: 25px;
	font-size: 13px;
	color: #fff;
}
#navi li li a,
#navi li:hover li a,
#navi li.sfhover li a {
	border: 0;
	white-space: nowrap;
	min-width: 115px;
	_width: 115px;
	_float: none;
}
#navi li li a:hover,
#navi li li.active a,
#navi li li.sfhover,
#navi li li.active {
	background: #e60000;
	color: #fff;
}
/* @end */

#main {
	float: right;
	position: relative;
	z-index: 1;
	width: 710px;
	margin: -210px 20px 20px 0;
	display: inline; /*IE6: Double margin bug*/
	min-height: 250px;
	height: auto !important;
	height: 250px; /*For IE*/
}

.content {
	clear: both;
	position: relative;
}
.post .pic_left {
	float: left;
	margin: 5px 15px 3px 0;
	display: inline;
}
.post .pic_right {
	float: right;
	margin: 5px 0 5px 15px;
	display: inline;
}
.post img {
}
.post p, #sidebar p {
	margin: 0;
	padding: 0;
}
a { color: #e60000; }
a:visited { color: #e60000; }
a:hover { color: #666; }
	
h1, h2 {
	color: #e60000;
	margin: 0 0 0.2em 0;
	font: bold 19px/23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h2 {
	font-size: 16px;
}
hr {
	border: 1px solid #ccc;
}
#footer {
	height: 110px;
	clear: both;
	font-size: 11px;
	line-height: 37px;
	font-family: Arial;
	background: url(footer.png) no-repeat;
	padding-left: 275px;
}
#footer p {
	margin: 0;
}
#sidebar {
}
.clearer {
	clear: both;
}
.pagination {
	text-align: center;
}
#search {
	display: none;
}
#login_link {
	position: absolute;
	left: 190px;
	bottom: 74px;
	color: #dadada;
}
/* @group gallery */
.gallery ul {
	margin: 0;
}
.gallery li {
	margin: 0 25px 20px 0;
	float: left;
	list-style: none;
}
.gallery img {
	padding: 1px;
	border: 1px solid #d0d0d0;
}
/* @end */


/* @group Form */
.user_form .text_field,
.user_form .text_area {
	font-size: 14px;
	color: #333;
	border: 1px solid #b4b4b4;
	padding: 2px 2px 2px 5px;
	background-color: #f4f4f4;
	width: 300px;
}
.user_form .text_field:focus,
.user_form .text_area:focus {
	border-color: #505050;
	color: #000;
	background-color: #e5e5e5;
}
.user_form .text_area {
	height: 70px;
	width: 480px;
}

#user_form_error, #user_form_ok {
	border: 2px solid;
	padding: 3px 5px;
}
/* @end */

/* @group Leistungen */
li#mi1098,
li#mi1099,
li#mi1100,
li#mi4334,
li#mi1101 {
	position: absolute;
	top: 36px;
	width: 230px;
	background: none;
}
li#mi1099 { top: 72px; }
li#mi1100 { top: 144px; }
li#mi4334 { top: 180px; }
li#mi1101 { top: 108px; }

#mi4335 ul li a,
li#mi1098 a,
li#mi1099 a,
li#mi1100 a,
li#mi4334 a,
li#mi1101 a {
	background: #666;
	font-size: 13px;
	_float: none;
}
#mi4335 ul li a:hover,
li#mi1098 a:hover,
li#mi1099 a:hover,
li#mi1100 a:hover,
li#mi1101 a:hover,
li#mi1098.active a,
li#mi1099.active a,
li#mi1100.active a,
li#mi4334.active a,
li#mi1101.active a {
	background: #e60000;
}
#navi li#mi4335 {
	position:static;
}
#mi4335 a {
	display:none;
	color: #FFFFFF;
	font: 14px/35px Arial,Helvetica,Verdana,sans-serif;
	padding: 0 15px;
	text-decoration: none;
}
#mi4335 ul li a,
#navi ul #mi4335 ul,
#mi4335  ul {
	display:block;
	color: #FFFFFF;
	display: block;
	font: 14px/35px Arial,Helvetica,Verdana,sans-serif;
	padding: 0 15px;
	text-decoration: none;
}
#navi ul #mi4335 ul {
	position:absolute;
	left: -270px;
	top: -1px;
	padding:0;
	border: 0;
}
#c2447,
#c2461 {
	height: 335px;
}
#c2447 #add_detail_page,
#c2461 #add_detail_page {
	display: none;
}
#c2447 img,
#c2461 img {
	position: absolute;
	left: 6px;
	top: 10px;
}
#c2447 a,
#c2461 a {
	display: block;
	width: 300px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-indent: 7px;
}
a#spengler {
	left: 310px;
	top: 171px;
	padding-top: 130px;
	background-position: left top;
}
a#feuchtigkeit {
	left: 6px;
	top: 171px;
	padding-top: 130px;
	background-position: right top;
}
a#strassen {
	left: 6px;
	top: 10px;
	padding-bottom: 130px;
	background-position: left bottom;
}
a#gussasphalt {
	left: 310px;
	top: 10px;
	padding-bottom: 130px;
	background-position: right bottom;
}
#spengler:hover,
#feuchtigkeit:hover {
	background: url(leistungen_hover.gif)  left bottom no-repeat;
}
#strassen:hover,
#gussasphalt:hover {
	background: url(leistungen_hover.gif)  left top no-repeat;
}
#c2461 #spengler:hover,
#c2461 #feuchtigkeit:hover {
	background: url(leistungen_hover_rot.gif)  left bottom no-repeat;
}
#c2461 #strassen:hover,
#c2461 #gussasphalt:hover {
	background: url(leistungen_hover_rot.gif)  left top no-repeat;
}
/* @end */

/* @group Kontakt */
#c2417 {
	float: left;
}
#c3143 {
	float: right;
	clear: right;
	padding-right: 30px;
}


/* @end */