@charset "iso-8859-1";
/* CSS Document */
/* Created by Mr.Braniff - 03.10.2009 */


/*----------------| =Site |------------------------------*/


body, html {
	border: 0px;
	margin:0px 0 0px 0;
   padding:0;
   height:100%;
}

body {
	background:#ffed01;
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	color:#000000;
	font-size:75%;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	line-height:1.58em;
}


/*----------------| =Container |-------------------------*/


div#webbox {
   position: relative;
   width:980px;
   min-height:100%;
   margin:0 auto;
   background-image:url(../images/bg-container.jpg);
   background-repeat:repeat-y;
   z-index:1;
}

* html #webbox {height:100%;}


/*----------------| =Header |----------------------------*/


#header {
   margin:0 0 0 0;
   padding:0px 0 0 0px;
   width:980px;
   height:328px;
   background-image:url(../images/headervillakunterbunt.jpg);
   background-repeat:no-repeat;
}


/*----------------| =Navigation |------------------------*/


#navigation {
	position:absolute;
	top:347px;
	left:0px;
	margin:0 0 0 0;
   width:247px;

   background-image:none;
   background-repeat:no-repeat;
}

div#navijpg {
margin-top:470px;

}

div#navijpg2 {
margin-top:70px;

}

/*-----------------| =NavigationButtons |-----------------*/



.navi {
   list-style-type: none;
   display: block;
}

.navi a {
   list-style-type: none;
   display: block;
}

/*-----------------| =Buttons |---------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-wir {
   width:247px;
   height:29px;
   background:url(../images/nav-wir-h.jpg);
   text-indent:-9999px;
}
li.button-wir a {
   width:247px;
   height:29px;
   background:url(../images/nav-wir-a.jpg);
}
li.button-wir-active {
   width:247px;
   height:29px;
   background:url(../images/nav-wir-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-highlights {
   width:247px;
   height:26px;
   background:url(../images/nav-highlights-h.jpg);
   text-indent:-9999px;
}
li.button-highlights a {
   width:247px;
   height:26px;
   background:url(../images/nav-highlights-a.jpg);
}
li.button-highlights-active {
   width:247px;
   height:26px;
   background:url(../images/nav-highlights-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-spiel {
   width:247px;
   height:26px;
   background:url(../images/nav-spiel-h.jpg);
   text-indent:-9999px;
}
li.button-spiel a {
   width:247px;
   height:26px;
   background:url(../images/nav-spiel-a.jpg);
}
li.button-spiel-active {
   width:247px;
   height:26px;
   background:url(../images/nav-spiel-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-rundum {
   width:247px;
   height:26px;
   background:url(../images/nav-rundum-h.jpg);
   text-indent:-9999px;
}
li.button-rundum a {
   width:247px;
   height:26px;
   background:url(../images/nav-rundum-a.jpg);
}
li.button-rundum-active {
   width:247px;
   height:26px;
   background:url(../images/nav-rundum-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-marken {
   width:247px;
   height:26px;
   background:url(../images/nav-marken-h.jpg);
   text-indent:-9999px;
}
li.button-marken a {
   width:247px;
   height:26px;
   background:url(../images/nav-marken-a.jpg);
}
li.button-marken-active {
   width:247px;
   height:26px;
   background:url(../images/nav-marken-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-guenstig {
   width:247px;
   height:26px;
   background:url(../images/nav-guenstig-h.jpg);
   text-indent:-9999px;
}
li.button-guenstig a {
   width:247px;
   height:26px;
   background:url(../images/nav-guenstig-a.jpg);
}
li.button-guenstig-active {
   width:247px;
   height:26px;
   background:url(../images/nav-guenstig-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-verleih {
   width:247px;
   height:26px;
   background:url(../images/nav-verleih-h.jpg);
   text-indent:-9999px;
}
li.button-verleih a {
   width:247px;
   height:26px;
   background:url(../images/nav-verleih-a.jpg);
}
li.button-verleih-active {
   width:247px;
   height:26px;
   background:url(../images/nav-verleih-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-villa {
   width:247px;
   height:40px;
   background:url(../images/nav-villa-h.jpg);
   text-indent:-9999px;
}
li.button-villa a {
   width:247px;
   height:40px;
   background:url(../images/nav-villa-a.jpg);
}
li.button-villa-active {
   width:247px;
   height:40px;
   background:url(../images/nav-villa-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-spieljahr {
   width:247px;
   height:38px;
   background:url(../images/nav-spieljahr-h.jpg);
   text-indent:-9999px;
}
li.button-spieljahr a {
   width:247px;
   height:38px;
   background:url(../images/nav-spieljahr-a.jpg);
}
li.button-spieljahr-active {
   width:247px;
   height:38px;
   background:url(../images/nav-spieljahr-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-spielwarum {
   width:247px;
   height:38px;
   background:url(../images/nav-spielwarum-h.jpg);
   text-indent:-9999px;
}
li.button-spielwarum a {
   width:247px;
   height:38px;
   background:url(../images/nav-spielwarum-a.jpg);
}
li.button-spielwarum-active {
   width:247px;
   height:38px;
   background:url(../images/nav-spielwarum-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-kontakt {
   width:247px;
   height:40px;
   background:url(../images/nav-kontakt-h.jpg);
   text-indent:-9999px;
}
li.button-kontakt a {
   width:247px;
   height:40px;
   background:url(../images/nav-kontakt-a.jpg);
}
li.button-kontakt-active {
   width:247px;
   height:40px;
   background:url(../images/nav-kontakt-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-anfahrt {
   width:247px;
   height:26px;
   background:url(../images/nav-anfahrt-h.jpg);
   text-indent:-9999px;
}
li.button-anfahrt a {
   width:247px;
   height:26px;
   background:url(../images/nav-anfahrt-a.jpg);
}
li.button-anfahrt-active {
   width:247px;
   height:26px;
   background:url(../images/nav-anfahrt-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/

/*-----------------| ButtonBeginn |-----------------------*/
li.button-impressum {
   width:247px;
   height:39px;
   background:url(../images/nav-impressum-h.jpg);
   text-indent:-9999px;
}
li.button-impressum a {
   width:247px;
   height:39px;
   background:url(../images/nav-impressum-a.jpg);
}
li.button-impressum-active {
   width:247px;
   height:39px;
   background:url(../images/nav-impressum-h.jpg);
   text-indent:-9999px;
}
/*-----------------| ButtonEnd |--------------------------*/



Ul.navi li a:hover {
   background:none;
}

/*----------------| =Content |---------------------------*/


#contentbox {
   margin:0 0 0 0;
   padding:16px 55px 268px 283px;
   width:642px;
   height:1088px;
   background-image:url(../images/contentvillakunterbunt.jpg);
   background-repeat: no-repeat;
}

#contentbox2 {
   margin:0 0 0 0;
   padding:16px 55px 260px 283px;
   width:642px;
   height:auto;
   background-image:url(../images/contentvillakunterbunt.jpg);
   background-repeat: no-repeat;
}

#contentbox3 {
   margin:0 0 0 0;
   padding:16px 55px 268px 283px;
   width:642px;   
	min-height:2700px;
   background-image:url(../images/contentvillakunterbunt.jpg);
   background-repeat: no-repeat;
}

#contentbox4 {
   margin:0 0 0 0;
   padding:16px 5px 268px 283px;
   width:642px;
   min-height:2900px;
   background-image:url(../images/contentvillakunterbunt.jpg);
   background-repeat: no-repeat;
}

/*----------------| =Footer |----------------------------*/


#footer {
   position:relative;
   margin:-268px auto;
   padding:0px 0 0 0px;
   width:980px;
   height:268px;
   background-image:url(../images/bg-footer.jpg) bottom ;
   background-repeat:no-repeat;
   z-index:10;
	color:#000000;
}

#footer-plus {
	margin:-268px 0 0 0;
	width:100%;
	height:268px;
	background-image:url(../images/footer-plus.jpg);
	background-repeat: repeat-x;
}

/*----------------| =Branding |--------------------------*/


div#branding {
   position:absolute;
   top:0px;
   left:0px;
   width:488px;
   height:169px;
   text-indent: -9999px;
}

a#logo { width: 488px; height: 169px; display: block; border: none;}
a#logo:hover { background: none;}

div#branding h1 {
   width: 0;}
	

/*----------------| =Adresse |---------------------------*/


#adress {
	position:absolute;
	top:198px;
	left:387px;
	width:119px;
	height:auto;
	line-height:1.58em;
	color:#ffffff;
}

#telefonnummer {
	position:absolute;
	top:198px;
	left:531px;
	width:167px;
	height:auto;
	line-height:1.58em;
	color:#ffffff;
}

/*----------------| =Opentime |---------------------------*/

#open {
	position:absolute;
	top:0px;
	left:708px;
	width:272px;
	height:268px;
	background-image:url(../images/open.jpg);
	background-position: -272px 0;
	background-repeat:no-repeat;
}

/*----------------| =rundum |---------------------------*/

#rundumlink {
	position:absolute;
	top:-61px;
	left:0px;
	width:247px;
	height:84px;
	background-image:none;
	background-repeat:no-repeat;
}

#ars {
	position:absolute;
	top:23px;
	left:0px;
	width:247px;
	height:108px;
	background-image:none;
	background-repeat:no-repeat;
}

#erwachsen {
	position:absolute;
	top:804px;
	left:692px;
	width:258px;
	height:220px;
	background-image:url(../images/wir/erwachsen.jpg);
	background-repeat:no-repeat;
}

/*----------------| =Linkbuttons |--------------------------*/


div#spieljahr {
   position:absolute;
   top:75px;
   left:632px;
   width:262px;
   height:46px;
   text-indent: -9999px;
}

a#spieljahres { width: 262px; height: 46px; display: block; border: none;}
a#spieljahres:hover { background:url(../images/spieldesjahres.png);}

div#spielwarum {
   position:absolute;
   top:121px;
   left:632px;
   width:262px;
   height:48px;
   text-indent: -9999px;
}

a#spielwarumbt { width: 262px; height: 48px; display: block; border: none;}
a#spielwarumbt:hover { background:url(../images/spielenwarum.png);}

/*----------------| =News |------------------------------*/


div#news {
   position:absolute;
   top:287px;
   left:778px;
   width:117px;
   height:122px;
   text-indent: -9999px;
}

a#newsbutton { width: 117px; height: 122px; display: block; border: none;}
a#newsbutton:hover { background:url(../images/news.jpg); background-repeat:no-repeat;}

div#shop h1 {
   width: 0;}
	
	
/*----------------| =Bildergalerie |---------------------------*/

.bild1 {
	float:left;
	margin-right:15px;
	width:160px;
	height:auto;
	text-align:center;
}

.bild2 {
	float:left;
	margin-right:15px;
	width:160px;
	height:auto;
	text-align:center;
}

.bild3 {
	float:left;
	margin-right:0px;
	width:160px;
	height:auto;
	text-align:center;
}


/*----------------| =General |---------------------------*/


* { margin: 0px; padding:0; border: 0;}

body  {
	margin:0px 0 0px 0;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:75%;
	line-height:1.58em;
	color:#000000;
}


/*----------------| =Class |-----------------------------*/


.clear { clear:both; margin:-15px 0 0 0; }

.clearLinie { clear:both; margin:-15px 0 0 0; border-bottom:#000000 dotted 1px; }

/*----------------| Schriften |------------------------- */

h1 { 
   font-family:Verdana, Geneva, sans-serif;
   margin:0px 0 0px 0; 
   font-size:2.0em;
   line-height:1.4em;
   color:#000000;
   font-weight:bold;
}

h2 {
   font-family:Verdana, Geneva, sans-serif;
   margin:0px 0 0px 0; 
   font-weight:bold;
   font-size:1.17em;
   color:#000000;
   line-height:1.6em;
} 

h3 {
   font-family:Verdana, Geneva, sans-serif;
   margin:15px 0 -10px 0; 
   font-weight:bold;
   font-size:1.0em;
   color:#729542;
   line-height:1.6em;
} 

.big {
	font-size:1.17em;
	font-weight:bold;
}

.big2 {
	font-size:1.5em;
	font-weight:normal;
	color:#ffffff;
	line-height:1.8em;
}

.big3 {
	font-size:2.0em;
	font-weight:normal;
	color:#ffffff;
}

.big4 {
	font-size:1.2em;
	font-weight:bold;
	color:#e0413d;
}

.redbold {
	color:#e3001a;
	font-weight:bold;
	font-size:1.17em;
}

.red {
	color:#f56353;
}

.blackbold {
	color:#000000;
	font-weight:bold;
	font-size:1.17em;
}

/*----------------| Hover |----------------------------- */

a { 
	color:#e60a0a; 
	outline-style:none;
	text-decoration:none;
}

a:hover { 
	color:#e60a0a; 
	text-decoration:underline;
}

a.hcolor {
	margin:0 15px 0 0;
   color:#000000;
   text-decoration:none;
	font-size:0.9em;
}

a.hcolor:hover {
	margin:0 15px 0 0;
   color:#cb1c23;
   text-decoration:underline;
	font-size:0.9em;
}

/*----------------| Miscellaneous |--------------------- */

p {
   margin:15px 0 15px 0;
}


td p {
margin: 0 ;
}


.padrechts {
	margin:0 0 0 15px;
}

.padBack {
	margin:-0px 0 0 0px;
}

.floatRight {
	float:right;
	margin:5px 0 15px 25px;
}

.floatRight2 {
	float:right;
	margin:0px 0 15px 15px;
}

.floatRight3 {
	float:right;
	margin:0px 100px 15px 15px;
}

.floatLeft {
	float:left;
	margin:130px 20px 0 0;
}

.floatBildLeft {
	float:left;
	margin:0px 15px 15px 0;
	width:120px;
	height:auto;
	border:1px solid #7b0a14;
}

.floatLeft2 {
	float:left;
	margin:5px 25px 15px 0;
}

.floatBildRight {
	float:right;
	margin:0px 0 15px 15px;
	width:120px;
	height:auto;
	border:1px solid #7b0a14;
}

.border {
border:1px solid #729542;
}

.liste {
	list-style-position:outside;
	margin: 15px 0 15px 15px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste li {
	padding: 0 0 5px 0;
}

.liste2 {
	list-style-position:outside;
	margin: 15px 0 0px 15px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste2 li {
	padding: 0 0 0px 0;
}

.linie {
	margin:-10px 0 0 0;
	border-bottom:#7b0a14 solid 1px;
}

.linie2 {
	margin:0 0 -10px 0;
	border-top:#7b0a14 solid 1px;
}

.padLeft {
	margin: -5px 0 0 -15px;
}

.padTop {
	padding:20px 0 0 0;
}

.padTop2 {
	padding:125px 0 0 0;
}

.padTop3 {
	padding:105px 0 0 0;
}

.topBack {
	margin:-10px 0 0 0;
}

.links {
	margin:-35px 60px 0 0;
	text-align:right;
}

.back {
display:none;
}


#contentbox3 tbody tr td {
font-family:Verdana, Geneva, sans-serif;
}

#contentbox3 tbody tr td {
padding:6px;
background:#ffffcc;

}



.tabelle {
	width:160px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}

.tabelle h2 {
color:#E60A0A;
}

.tabelle div {
	margin-top:20px;
	margin-right:20px;
}

.tabelle li {
	list-style-type:none;
	margin-top:5px;
}

.first {
display:none;
}

td span {
padding-right:25px!important;
}

td {
padding:10px!important;
}

td img {
text-align:center;
}

.zugross {
font-size:16px;
}