body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/body_bg.jpg) top repeat-x #d10019;
	font-size: 11px;
}
table,tr,td,p{ font-size: 11px; }
a img { border: 0; }
a {
	color: #c00;
	text-decoration: none;
}
a:hover{ color: #1a171b; }
h1{
	color: #c00;
	font-size: 12px;
}
.site,#foot,#containment{
	width: 993px;
	margin: auto;
}
.site { background: url(images/site.png) left top repeat-y; margin-top: 40px;}
.main{
	background: white;
        margin-left: 7px;
        padding-left: 8px;
        width: 975px;
}
#containment {
  background: url(/tpl/images/homebg.png) 0 0 no-repeat;
  width: 993px;
  height: 426px;
  margin-bottom: -40px;
  margin-top: 8px;
}
#containment p { margin:0; padding:0; }
.fuel {
  float: left;
  background: white;
}
#fuel1 {
  height: 417px;
  width: 319px;
  margin-left: 7px;
}
#fuel2 {
  height: 244px;
  width: 653px;
  margin-left: 11px;
  float: left;
}
#fuel2 p {
  padding: 6px;
  margin: 0;
}
#fuel3 {
  height: 163px;
  width: 307px;
  margin-top: 10px;
  margin-left: 11px;
}
#fuel4 {
  height: 163px;
  width: 336px;
  margin-top: 10px;
  margin-left: 10px;
}


#head{
	background: url(images/bild.jpg) left top no-repeat;
	height: 160px;
	width: 974px;
}
#logo{
	float: right;
	margin-right: 4px;
	margin-top: 11px;
}
#sprachen{
	float:left;
	margin-top: 11px;
}
#menue ul{
	margin: 0;
	padding: 0;
        height: 15px;
}
#menue{
	float: left;
	height: 25px;
        margin-left: 290px;
        padding-top: 20px;
}
#menue a, #menue li{
	list-style: none;
	float: left;
        display: block;
        height: 15px;
        padding-top: 0;
}
#menue a{
	color: #c00;
	text-decoration: none;
	font-size: 11px;
	display:block;
        height: 15px;
	background: url(images/split.gif) left no-repeat;
	padding: 0 20px 0 10px;
	white-space: nowrap;
}

#menue ul ul{
	display: none;
	position: absolute;
	top: 175px;
	padding-left: 0;
        padding-top: 0;
        margin-top: 0;
        float: none;
}
#menue ul ul li{
	float: none;
	height: 20px;
        width: 110px;
        position: relative;
}

#menue ul ul a{
	color: #fff;
	background-image: none;
	width: 110px;
        height: 15px;
	padding: 3px 10px;
        background-color: #d10019;
        float: none;
}
#menue ul ul a:hover,#menue ul ul .active{
	color: #fff;
	background-color: #1a171b;
}
#menue #node1 a{
	background-image: none;
}
#menue a.active, #menue a:hover{
	color: #1a171b;
}

#submenue{
	float: left;
	width: 153px;
        margin-top: 8px;
}
#submenue ul{
	padding: 0;
	margin: 0;
        width: 133px;
        list-style-type: none;
}
#submenue li{
	width: 133px;
        margin:0;
        padding: 0;
}
#submenue a{
	color: #d10019;
	display: block;
	padding: 4px 5px 4px 15px;
        width: 133px;
	border-bottom: 1px solid #d10019;
	text-decoration: none;
        height: 12px;
}
#submenue a:hover, #submenue a.active{
	color: #1a171b;
	font-weight: bold;
	background: url(images/submenue_act.gif) left no-repeat;
}
#suche{
	float: right;
	clear: both;
	width: 216px;
	height: 37px;
	margin-right: 0;
}
#footer {
    clear:both;
    padding-bottom: 10px;
}
#footer .container:last-child {
    border-top:1px solid #CB0000;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;

}
#footer p { padding: 0; margin: 0;}
#footerContent {
  padding: 10px;
  background: url(images/start_bg.gif) left bottom repeat-x;
  width: 948px;
}
#bottom{
	background: url(images/shadowBottom.png) left no-repeat;
	height: 9px;
	padding: 0;
        width: 993px;
}
#headline{
	height: 26px;
	width: 956px;
	background-color: #d10019;
}
#headline h1{
	color: #fff;
	margin: 0;
	font-size: 14px;
	padding: 4px 15px;
}
#headimage{
	left: 0;
	width: 690px;
	height: 170px;
        float: left;
        margin-top: 8px;
}
#headimage div, #headimage p{
	margin: 0;
	padding: 0;
}
#seitenleiste{
	float: right;
	right: 20px;
	width: 220px;
	color: #4c4c4c;
	border-left: 1px solid #cbcbcb;
	padding-left: 20px;
        margin-top: 8px;
}
#seitenleiste .aktuelles{
	margin-bottom: 20px;
}
.listendiv h1, .aktuelles h1, #inhalt h1{
	color: #4c4c4c;
	font-size: 12px;
	padding-left: 20px;
	background: url(images/h1_but.gif) left no-repeat;
}
.listendiv h2,.aktuelles h2,.datensatz h2{
	color: #c00;
	font-size: 11px;
}
.datensatz{
	margin-bottom: 15px;
}

#content {
/*  margin-left: 190px;
  padding-top: 200px;
  margin-right: 250px;*/
  width: 535px;
  padding: 20px 10px 20px 30px;
  float: left;
}
#mainconte{
	margin: 0px 0 10px 0px;
	width: 100%;
	min-height: 750px;
	height: auto !important;
	height: 650px;
}
#maincont{
	padding: 262px 13px 0 0;
	width: 956px;
}
#inhalt{
	background: url(images/start_bg.gif) top repeat-x;
	height: 370px;
}
#maincont .aktuelles{
	height: 168px;
	float: left;
	width: 230px;
	border-right: 1px solid #cbcbcb;
	padding: 10px 30px 10px 30px;
}
#maincont .datensatzliste{
	margin-left: 30px;
}
#maincont .nr3 .aktuelles{
	border-right:none;
}
#spass_beim_shoppen{
	width: 237px;
	height: 67px;
        margin-left: -40px;
        padding-top: 100px;
	background: url(images/spass_beim_shoppen.gif) bottom right no-repeat;
}
.suchfeld{
	height: 16px;
	border: 1px solid #c1c1c1;
	font-size: 10px;
	float: left;
	margin-right: 5px;
	margin-top: 6px;
        width: 132px;
}
.suchbutton{
	float: left;
	width: 58px;
	height: 26px;
	background: url(images/suche.gif) bottom no-repeat;
	border: none;
}

/****FROMS*****/
/*#inhalt .savebutton ,.kontaktFormular .savebutton {
	display: block;
	clear:left;
	margin: 10px 0;
    margin-left: 160px;

}
.kontaktFormular label
{
 margin: 3px 0;
 clear: both;
  width:160px;
  float:left;
  clear:both;
  display:block;
}*/
/*#inhalt .formcontent,.kontaktFormular .formcontent
{
	margin-top: 3px;
        width:200px;
        float:left;
        clear: left !important;
}*/
.kontaktFormular .formularzeile{
    width: 200px;
    margin-top: 3px;
    float:left;
}
.kontaktFormular .fieldname{
    width: 200px;
    margin-top: 3px;
    float:left;
    clear: left;
}
#inhalt textarea,#inhalt input,.kontaktFormular input{

  width:200px;
}/*
*/.kontaktFormular .submit, .kontaktFormular .Bemerkung{
    clear: both;
}
.kontaktFormular .submit{
    margin-left: 200px;
}
.kontaktFormular .checkbox{
	width: auto;
}
#inhalt button{
	background-color: #fff;
	border: 1px solid #818181;
	color: #818181;
}
textarea{
	width: 300px;
	height: 170px;
}
.sitemap li {
    float: none;
}
.sitemap li {
    font-weight: bold;
    margin-top: 10px;
}
.sitemap li li {
    font-weight: normal;
    margin-top: 0px;
}
body #main input.s{display: none}
body #main input.p{visibility: hidden;height:0}
body #main input.a{position: absolute;left: -250px;}
body.content{background-color:#fff;background:none;}
#spass {
    background: url(/tpl/images/spass_beim_shoppen.gif) 0 0 no-repeat;
    width: 336px; 
    height: 67px;
    float: right;
}

/** slider **/
.contentNav {
  position: absolute;
  top: 50px;
}
.ContentSlider #contentLeft,.ContentSlider #contentRight {
    height: 30px;
    width: 15px;
    display: block;
    position: relative;
    cursor: pointer;
    display: none;
    top: 180px;
 }
.ContentSlider #contentLeft {
    border: 1px solid black;
    display: none;
}
.ContentSlider #contentRight {
    border: 1px solid black;
    float: right;
    display: none;
}

.ContentSlider .isAdmin #contentLeft { display: block;}
.ContentSlider .isAdmin #contentRight { display: block; }
.zusNav{
  position: absolute;
}
.zusNav { position: absolute; top: 240px;}
.zusNav2 {
  width: 100px;
  width: 100px;
  left: 560px;
  top: -20px;
  position: absolute;
}

.zusNav .button{
  width: 15px;
  height: 15px;
  float: left;
  background: url(images/sliderInactive.png);
  cursor: pointer;
}
.zusNav .button.active{
  background: url(images/sliderActive.png);
}

/*** ECard ***/

#eCard .imagebox {
  float: left;
  width: 150px;
  height: 150px;
  text-align: center;
  margin: 5px;
}
#eCard .imagebox img {
  float: left;
}
#eCard .imagebox input {
  float: left;
  clear: both;
  margin-left: 65px;
}
#eCard .eCardBox { }
#eCard .data  { float: left; }
#eCard .data  { clear: left; }
#eCard .data  input { float: left; margin-left: 10px; margin: 4px; }
#eCard .data  textarea { float: left; margin-left: 10px;margin: 4px;}
#eCard .data  label { float: left; clear: both; width: 150px; margin: 4px; margin-top: 8px;}
#eCard .data  label { float: left; clear: both; width: 150px; margin: 4px; margin-top: 8px;}
#eCard .data  .eCardButton { margin-left: 164px;}

.admineig {
  padding-bottom: 2px;
}
body#content {
  padding-top: 0px ;
}

#slider { position: relative; overflow: hidden; height:155px; width: 65%; margin-left: 30px; }

#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}
#slider div.item img { margin-left: 45px; }
#slider div.item {
  height: 150px;
  display: block;
  position:absolute;
  display:none;
  margin-top: 45px;
}
#lightbox-image-details {
    width: 80% !important;
    text-align: justify !important;
    font-weight: lighter !important;
}
#lightbox-image-details-caption p {
    font-weight: lighter !important;
}
#icons {
    margin-left: 20px;
}
#fuel2 p {
    margin: 0;
    padding: 0;
}
#overlay{
  display: none;
}
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

