@charset "ISO-8859-1";

a:link {color:#000;}

a {text-decoration:none;}



body { 			background-color:#ffff00;
				font-size:90%;
				font-family:arial,helvetica,sans-serif;
				color:#494A47;
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px;
font-size: 11px;
}










.mainbox{
position: relative;
top: 30px;
margin-left: auto;
margin-right: auto;
width:750px;

color:#64624f;
border:1px solid #000;
background-color: #ffffff;

}


#kopf
{
text-align: center;
margin-top:20px;
font-size: 11px;
font-family: monospace, sans-serif, "Lucida Grande", Verdana, Arial;
position:relative;
height:30px;
left:0;
margin-bottom: 0px;
color: #333;
background-color: #a3a069;
border-top: 1px solid gray;
}
#kopf a:link {
text-decoration:none;
color:#000000;
}

#datumanzeige
{
text-align:right;
}

.footer
{
text-align: center;

font-size: 11px;
font-family: monospace, sans-serif, "Lucida Grande", Verdana, Arial;
position:relative;
height:20px;
margin-bottom: 0px;
color: #333;
background-color: #a3a069;
border-top: 1px solid gray;
}





/*---------------------------------------------------------------Navigationseinstellungen---------------------------------------------------------------*/

#navigation{
margin-top:10px;
width:130px;
font-family: Tahoma, Cambria, "Arno Pro", Arial;
}

#navigation ul{
list-style:none;
margin:0;
padding:0;
}


#navigation li{
border-bottom:1px solid #64624f;
}

#navigation li a:link, #navigation li a:visited {
display:block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #a3a069;
border-right: 1px solid ##a3a069;
background-color :#a3a069;
color: #ffffff;
text-decoration:none;
}

#navigation li a:hover {
background-color: #eff802;
color: #64624f;
}

#navigation ul ul {
margin-left:12px;
}

/*unterer Rand zwischen den boxen*/
#navigation ul ul li{
border-bottom:1px solid #eff802;
margin:0;
}

/*umrandung um die boxen. grau*/
#navigation ul ul a:link, #navigation ul ul a:visited {
background-color:#64624f;
color:#64624f;
}

#navigation ul ul a:hover {
background-color:#eff802;
color:#64624f;
}


#box {
background: #e1d123;
position: relative;

width: 130px;
height:30px;
}

span.box-top-right, span.box-bottom-left, span.box-bottom-right {
position: absolute;
width: 20px;
height: 20px;
display: block;
}

#navigation li {
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#64624f;
}







/*---------------------------------------------------------------END------------------------------------------------------------------------------------*/






/*---------------------------------------------------------------Fotoalbum Pension---------------------------------------------------------------*/
/* defaults required for IE6 */
a:visited {color:#000;}
a:active {color:#222;}


/* Gallery styling */

.photo {position:relative; width:732px; height:382px; margin-top:10px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(button/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; height:30px; line-height:30px; background:#fff url(button/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:480px; height:360px; background:#f8f8f8; border:1px solid #888; position:absolute; left:250px; top:0;}

.photo ul :hover table
{padding:0; margin-top:-2px; display:block; border:1px solid #888; border-width:0 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height:207px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}

.photo ul :hover ul li a
{background:transparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #fc0;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{left:250px; z-index:0; border:1px solid #000;}

.photo .default {width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #ddd;}




#box4{
background-color: #f9fe6b;
position: relative;
color:#000000;
width: 120px;
height:20px;

}




#box3{
background-color: #e5e976;
position: relative;
color:#000000;
width: 120px;
height:20px;

}

#box2 {
background-color: #ccce91;
position: relative;
color:#000000;
width: 120px;
height:20px;

}

#box1 {
background-color: #a8aa77;
position: relative;
color:#000000;
width: 120px;
height:20px;

}




/*---------------------------------------------------------------END------------------------------------------------------------------------------------*/


















h1 {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}





/*---------------------------------------------------------------END------------------------------------------------------------------------------------*/





























/*---------------------------------------------------------------bilderportal.php---------------------------------------------------------------*/


.textbox{
position:relative;
width:300px;
height:100px;
margin-top:-220px;
margin-left:400px;
font-size: 12px;
color:#000000;
color:#333;
}

.textbox ul {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333;
}

.textbox li  {
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type:none;

}

.textbox li  {
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type:none;
color:#333;
}


.textbox2{
position:relative;
width:300px;
height:100px;
margin-top:20px;
margin-left:400px;
font-size: 12px;
color:#000000;
color:#333;
}



.textbox2 li  {
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type:none;
color:#333;
}

#album1 {
position:relative;
margin-top: -180px;
margin-left: 200px;
width:200px;
height:120px;
color:#000000;
background-image: url(Material/auswahl/album1.jpg);
background-repeat: no-repeat;

}
#album2 {
position:relative;

margin-top: 0px;
margin-left:200px;
width:200px;
height:120px;
color:#000000;
background-image: url(Material/auswahl/album2.jpg);
background-repeat: no-repeat;
}

/*---------------------------------------------------------------END----------------------------------------------------------------------------*/
















/*---------------------------------------------------------------reservierung.php---------------------------------------------------------------*/
.textbox3{
position:relative;
width:400px;
height:400px;
margin-top:-180px;
margin-left:280px;
font-size: 17px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textbox3 li{
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textbox3 ul{
list-style-type:none;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textbox3 span{
font-size:11px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textbox3 span.h1{
font-size:15px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}



/*---------------------------------------------------------------END----------------------------------------------------------------------------*/


/*---------------------------------------------------------------preise.php---------------------------------------------------------------------*/
.textbox4{
position:relative;
width:300px;
height:80px;
margin-top:-200px;
margin-left:300px;

font-size: 12px;
color:#333;

}

.textbox4 li  {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type:none;

}

.textbox5{
position:relative;
width:400px;
height:200px;
top:50px;
left:300px;
color:#000000;
pading:20px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;



}



/*---------------------------------------------------------------END----------------------------------------------------------------------------*/














/*---------------------------------------------------------------kontakt.php---------------------------------------------------------------*/
.stadtplan{
margin-top:-200px;
margin-left:200px;
width:520px;
height:500px;
color:#333;
background-image:url(Material/auswahl/stadtplan2.jpg);
background-repeat:no-repeat;

}



.textbox5 li  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type:none;
color:#333;
}

.textbox6{
position:relative;
color:#333;
width:500px;
height:400px;
margin-top:0px;
margin-left:200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-type:none;

}
.textbox6 li{
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-type:none;

}
.textbox6 li a:link{
color:#0000CD;
}
/*---------------------------------------------------------------END----------------------------------------------------------------------------*/



























/*---------------------------------------------------------------root.php-------------------------------------------------------------------------*/

.banner {
position:relative;
top: 10px;
margin-left: 15%;
margin-right: 20%px;
width:550px;
height:100px;
color:#000000;
background-image: url(Material/Logo/Banner2.jpg);
background-repeat: no-repeat;
border:2px solid #000;

}



#ritter {
position:relative;
margin-top: 100px;;
left:5%;
width:150px;
height:160px;
background-image: url(Material/auswahl/ritter2.jpg);
background-repeat: no-repeat;

}

.polaroid{
position:relative;
margin-top:-450px;
left:300px;
width:270px;
height:270px;
background-image: url(Material/auswahl/polaroid3.jpg);
background-repeat: no-repeat;

}

#bekanntmachung{
position:relative;
margin-top:-490px;
left:700px;
width:180px;
height:80px;
color:#800000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.Willkommenstext {
position:relative;
margin-top:30px;
margin-left: 200px;
list-style-type: none;
width:500px;
height:250px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}

.Willkommenstext li {
list-style-type:none;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}


#werbebanner{
position:relative;
margin-left:917px;
margin-top:-395px;
margin-right:50px;
height:830px;
width:210px;
background-repeat: no-repeat;
background-color:#FFFFFF;
display:block;
}

#werbebanner img{
position:relative;    
margin-top:60px;   
width:210px;    
}

#werbebannerboxU1  {
position:relative;
margin-top:20px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type:none;
}

#animationsbox{
position:relative;
margin-top:50px;
margin-left:100px;
width:200px;
height:300px;
border:2px;
}


#werbebannerboxU2  {
position:relative;
margin-top:50px;
text-align: center;
height:auto;
border:2px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 35px;
list-style-type:none;


}

#werbebannerboxU3  {
position:relative;
margin-top:10px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
list-style-type:none;
color:#333;
}


#werbebannerboxU4  {
position:relative;
margin-top:10px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333;
list-style-type:none;
}

#werbebannerboxU5  {
position:relative;
margin-top:50px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type:none;
border:2px solid #000;
color:#333;
}

#werbebanner2{
position:relative;
margin-left: 140px;
margin-top:20px;
margin-right:50px;
height:100px;
width:987px;
background-color:#FFFFFF;
display:block;
}


#werbebanner2 li {
list-style-type:none;
float:left;
}

#werbebox1{
position:relative;
margin-left:5px;
margin-top:2px;
width:300px;
height:20px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-type:none;
border:1px solid #000;
color:#800000; 
}

#werbebox1_1{
position:relative;
margin-top:2px;
margin-left:5px;
width:300px;
height:70px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border:1px solid #333;
}

#werbebox2{
position:relative;
margin-top:6px;
margin-left:10px;
width:100px;
height:90px;text-align: center;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border:1px solid #333;

}
#werbebox2 li{
 list-style-type:none;
 color:red;
}

/*---------------------------------------------------------------END----------------------------------------------------------------------------------*/
.textbox_dinomarkt{

position:relative;
margin-left:240px;
margin-top:20px;
height:600px;
width:400px;
border:1px solid #333;
display:block;
}


.textbox_dinomarkt h1 {
text-align: center;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
}

.textbox_dinomarkt h2 {
text-align: center;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.textbox_dinomarkt li {
text-decoration:none;
list-style-type:none;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.reporttabelle{
position:relative;
margin-left:240px;
margin-top:-200px;
height:400px;
width:400px;
display:block;
}

.reporttabelle li{
height:20px;
width:400px;
margin-left:-17px;
text-decoration:none;
list-style-type:none;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border:1px solid #333;
}

.agb{
position:relative;
margin-top:-170px;
left:250px;
width:400px;
height:650px;


}
.agb h1{
text-align: center;    
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color:#333;
}
.agb li{
text-decoration:none;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333;
}

.agb li li{
list-style-type:disc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333;
}
