/*
___________________________________________________________________

Content:	Stylesheet für stoermannshof.de
creation:	08.10.2008 by bgarthe@netzpepper.de
changed:	03.07.2009 by mmenke@netzpepper.de
___________________________________________________________________
*/

html {
	overflow: auto;
	height: 100%;
	background-color: #dae3f2;
	background-image:url(/fileadmin/layout/bilder/browserbackground.gif);
	background-repeat: repeat-x;
}
body,p {
	margin: 0px;
	font-family: Trebuchet MS,Helvetica,Verdana;
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6,p {
	font-weight: normal;
	margin-top:0px;
	color: #2f68b7;
}
p {
	color:#333;
	margin-bottom: 6px;
}
	
/*
___________________________________________________________________

aufbau der seite
___________________________________________________________________
*/
div#wrap {
	position: relative;
	/* +3px für den Rand*/
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;		
}
div#site {
	width: 900px;
	margin-left:2px;
}
div#top {
	position: relative;
	width: 900px;
	height: 136px;
	background-image:url(/fileadmin/layout/bilder/header_09.png);
}
div#navi1 img {
	margin-right: 3px;
}
div#navi1 img.letztes {
	margin-right: 0px;
}

/*********************************/
div#navi2 {
	width: 900px;
	height: 26px;
	margin-top: 3px;
	padding-top: 6px;
	font-style: normal;
}
div#navi2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navi2 ul li {
	float: left;
	margin-right: 8px;
	margin-left: 10px;
}	
div#navi2 ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 15px;
}						
div#navi2 ul li a.aktiv {
	text-decoration: underline;
}
						
/*********************************/
div#innerWrap {
	width: 900px;	
	background-color: #fff;
}
div#contentarea {
	float: left;
	width: 645px;
	position: relative;
}
div#contentarea a{
	text-decoration: underline;
	color: #000;
}
div#contentleft {
	float: left;
	padding: 10px;
	padding-right: 0px;	
}
div#content {
	overflow: auto;
	overflow-x: hidden;
	padding: 10px;
}
* html div#content {
	float: left;
}
div#content h1{
	font-size: 24px;
	margin-bottom: 12px;	
}
div#content h2{
	font-size: 18px;	
	margin-bottom: 10px;	
}
div#content h3{
	font-size: 14px;
	margin-bottom: 10px;	
}
div#content p{	
	margin-top: 6px;
}
div#content ul{
	list-style-type: disc;
	margin-left: 14px;
}
div#contentright {
	width: 235px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px 0px 10px 0px;
	color: #2f68b7;
}
div#contentright p {
	color: #2f68b7;
}
div#contentright h1{
	font-size: 20px;	
	margin-bottom: 10px;	
}
div#contentright h2{
	font-size: 16px;
	margin-bottom: 10px;		
}
div#contentright h3{
	font-size: 13px;	
}
div#contentright ul{
	list-style-type: disc;
	padding-left: 10px;
}
.clear {
	clear: both;
}
div#footer {
	position: relative;
	width: 900px;
	height: 32px;	
	background-image:url(/fileadmin/layout/bilder/footerbackground.png);	
}
ul#footerNavi {
	position: absolute;
	right: 10px;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	list-style-type:none;
}
ul#footerNavi li {
	padding: 0px 10px 0px 10px;
	float: left;
}
ul#footerNavi li a {
	line-height: 18px;
	color: #fff;
	text-decoration: none;
}

/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}

/* Google Maps Anfahrt */
div.tx_lumogooglemaps_pi1_sidebar {
	display:none;
}

/* Kontaktformular */
td.beschriftung1 {
	width: 90px;
}
td.beschriftung2 {
	width: 90px;
	padding-left: 40px;
}
textarea {
	width: 400px;
	height: 70px;
	margin-bottom: 15px;
}

/* Template Teaser rechts */
div.teaser_wrap {
	position: relative;
	width:235px;
	background-color: #dae3f2;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}
div.teaser_wrap h1 {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.text {
	padding: 0px 10px 5px 10px;
}
div.teaser_wrap div.img {
}

/* ###### Michael 3.11 ###### */
table.contenttable{
	xbackground-color: #cdcdcd;
}
table.contenttable tr{
	background-color: #fff;
}
table.contenttable tr.tr_gray{
	background-color: #cdcdcd;
}

/* navigation: keine rahmen um die grafiken */
div#navi1 img {
	border: 0;
}

/* kontaktform */
h2.kontaktformular {
	padding-top: 7px;
}
input, textarea {
	border: 1px solid #b5b5b5;
	font-size: 13px;
}
textarea {
	overflow: auto;
	font-family: Trebuchet MS,Helvetica,Verdana;
}

/* tabellenausrichtung */
table td {
	vertical-align: top;
}

/* listen */
ul li {
	color: #333333;
}

/* listen in der rechten spalte */
div#contentright ul li {
	margin: 0;
	padding: 0;
	padding-left: 0px;
	margin-left: 12px;
}
div#contentright ul {
	margin: 0;
	padding: 0;
	margin-left: 6px;
}

/* flash oben */
div.tx-slideshow-pi1 {
	width: 504px;
}

/* bild im oberen bereich */
div#top img {
	border: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 394px;
	height: 128px;
}

/* kontaktformular */
.kontakt_fehler {
	font-weight: bold;	
}
.fehlerausgabe-kontaktformular {
	position: absolute;
	top: 150px;
	right: 20px;
	width: 170px;
	height: 74px;
	background-color: red;
	color: white;
	padding: 10px;
}
.checkbox {
	border: 0 !important;
}

/* korrekturen anfahrt */
div.tx_lumogooglemaps_pi1_infobox {
	height: 86px;
}
.gmapDirHead {
	padding-top: 10px;
}

/* spamschutz mail */
img.clear {
	border: 0;
}

/* rte centered content */
p.align-center {
	text-align: center;
}