html, body {
    height: 100%;
}

body {
background:#ccbd7d url('../layout/top.jpg') no-repeat top center;
font-size: 12px;
font-family: Trebuchet MS, Verdana, Arial, SunSans-Regular, Sans-Serif;
text-align: justify;
color:#4d472f;
padding:0px;
margin:0px;
}
a {color: #ffffff;}
a:visited {color:#ffffff;}
a:hover {color: #ffffff;}
a:active { color:#ffffff;}

h1 {
font-size:24px;
font-weight: bold;
padding: 5px 0px;
margin:0px;
color: #4d472f; }
h2 {
font-size:16px;
font-weight: bold;
padding: 0px;
margin:0px;
color: #4d472f;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 1000px;
padding:0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
display: block;
top: 0px;
height: 450px;
text-align: right;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------top menu-------------- */
#top {
display: block;
width: 1000px;
height: 150px;
top: 300px;
text-align: left;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 


/* ----------outer and inner----------------- */

#outer{ 
border-right: solid 400px #ccbd7d; /* color of the right column  */ 
background-color: #ccbd7d;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
 #right {
 width:400px; 
 float:right; 
 position:relative; 
 margin-right:-400px; 
 margin-left:1px;
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
padding: 5px 20px 5px 0px;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 

#footer {
	clear:left;
	padding:0px;
	margin:0px;
	text-align: center;
	width: 100%;
	height: 235px;
	background:#ccbd7d url('../layout/footer.jpg') no-repeat top center;
}

#kontakt {
	margin: 5px 10px 5px 10px;
	
}

#newsletter {
	width: 280px;
	height: 85px;
	margin: 5px 10px 5px 10px;
	padding: 10px 20px 5px 110px;
	background:#ccbd7d url('../layout/newsletter_bg.jpg') no-repeat;
	color: #ffffff;

}

#newsletter a {color: #ffcc33;}
#newsletter a:visited {color:#ffffff;}
#newsletter a:hover {color: #ffffff;}
#newsletter a:active { color:#ffffff;}

#galeria {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 650px;
			}

#rollercoaster {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}