@import url("dropmenu.css");
body {
margin : 0;
padding : 0;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
background : /*#003250*/ #292929;
}
#container {
width : 800px;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
padding : 20px;
line-height: 1.7em;
color : #666;
/*background : #f2f2f5;*/
background:#fff;
}

::-moz-selection { color: white;  background: red; }
::selection      { color: white;  background: red; }
p::-moz-selection { color: white;  background: black; }
p::selection      { color: white;  background: black; }
			/*TOP BANNER*/
#banner {
float : left;
width : 410px;
height : 200px;
padding : 0;
margin : 0 0 10px 0;
}


			/*TOP SCROLLBAR*/
div.scroll {
overflow : auto;
height : 7em;
width : 160px;
padding : 1em;
color : #333;
background : inherit;
border : 1px solid #aaa;
margin : 20px;
}
#bannerb {
float : right;
width : 357px;
margin : 0 0 10px 0;
padding : 0;
}

#active a:link, #active a:visited, #active a:hover {
background: #000;
color: #fff;
}
			/*CENTRE CONTENT*/
#content {
padding : 5px;
margin-left : 205px;
margin-right : 205px;
color:#292929;
/*background : #f7f7f7;*/
}
#logo {
	float: left;
	width: 300px;
	height: 93px;
}

fieldset {
border:1px solid #ccc;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}


textarea {
vertical-align:middle;
padding:3px;
background:#F9F9F9;
color:#666;
border:1px #CCCCCC solid;
width:99%;
height:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

input {
vertical-align:middle;
padding:3px;
background:#F9F9F9;
color:#666;
border:1px #CCCCCC solid;
margin:2px;
}


.ccc li{
border-bottom:1px #999 solid;
color:#000000;
}

.ccc a{
color:#000000;
}

.imagel {
	float: left;
	margin: 0 9px 3px 0;
	border:1px #333 solid;
	padding:2px;
}

.imaged {
	float: right;
	margin: 0 0 9px 9px;
	border:1px #333 solid;
	padding:2px;
}
			/*LEFT CONTENT*/
#sidebarin {
float : left;
width : 180px;
margin : 0 5px 0 0;
padding : 5px;
color : #666;
background : #f2f2f5;
border:1px #CCCCCC solid;
}

#sidebar {
float : left;
width : 180px;
margin : 0 5px 0 0;
padding : 5px;
color : #666;

}

#pinfo {
width:80%;

border-bottom:1px #333333 dotted;
padding-bottom:20px;
padding-top:20px;
}

#pinfox {
width:80%;
margin:0 auto;
border-bottom:0px #333333 dotted;
padding-bottom:20px;
padding-top:20px;
}

.info {
/*padding: 5px;*/
/*background:#FFFFCC;*/
color:#FF0000;
font-weight:bold;
}

.kontaktnfo {
vertical-align:middle;
background:#FFF;
color:#292929;
}
.x {

border-bottom:7px #ED2024 solid;
}

.x2 {

color:#333333;
border-bottom:2px #CCCCCC solid;
}

#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#292929;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}


#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(loader.gif) no-repeat 0 0;}
#superbox .close a{float:right;padding:0 5px;line-height:20px;background:#333;cursor:pointer;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}

.boxgrid{ 
				width: 230px; 
				height: 261px; 

				float:left; 
				/*background:#161613;*/ 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:550px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
	/*slider*/
	
	#slider {
    width: 500px; /* important to be same as image width */
    height: 92px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:right;
}

	#slider  li {
   list-style-type:none;
}

#slider1 {
    width: 420px; /* important to be same as image width */
    height: 80px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width:420px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 500px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

.info2 {
background:#fff; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
 width:90%;
}

				
				
				
				
/*LEVI  MENI*/
#meni {
background:#f36207;
padding:4px;
text-decoration : none;
color:#fff;
}

#meni a {
color:#fff;
}

#menu {
width : 170px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
width : 170px;
padding : 0.1em 0.8em;
text-decoration : none;
display : block;
color : #fff;
background : #f36207;
}
#menu a:hover {
background : #333;
color : #fff;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 230px;
margin : 0 0 0 10px;
padding : 5px;
color : #333;
}

#sidebar-b h3 {
padding-left:9px;
}

#sidebox {
background : #f2f2f5;
border: 1px #CCCCCC solid;
}
#sidebar-b2 {
float : right;
width : 230px;
color : #333;
background:#FFFFFF;
}
			/*FOOTER*/
			
#prefooter {
	clear: both;
	height: 40px;	
	margin: 0 auto;
	border-top: 0px solid #292929;
	color:#000;
	margin-top:10px;
	font-size: 95%;
	padding-bottom:10px;


}

#prefooter p {
	margin: 0;
	padding: 0;
	line-height: normal;

}

#prefooter a {
	color: #333;
	text-decoration:none;
	border-bottom:0.1em #333333 dotted;
}

#prefooter a:hover {
	color: #333;
	text-decoration:none;
	border-bottom:0.1em #333333 dotted;
}

#prefooter a:visited {
	color: #333;
	text-decoration:none;
	border-bottom:0.1em #333333 dotted;
}

#pf1 {
width:250px;
border-right:1px #333 dotted;
color:#333;
height:40px;
float:left;
padding-left:10px;
margin-top:10px;
padding-top:10px;
}
#pf2 {
width:230px;
border-right:1px #333 dotted;
color:#333;
height:40px;
float:left;
padding-left:10px;
margin:0 auto;
}
#pf3 {
width:230px;
color:#333;
height:40px;
float:left;
padding-left:10px;
margin:0 auto;
}

			
#footer {
clear : both;
padding : 5px;
color : #bbd2e0;
border-top:10px #FF0000 solid;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #333;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #333;
background : inherit;
color : #333;
}
			/*TYPOGRAPHY*/
p {
margin : 10px;
}
h1 {
margin : 0 0 10px 10px;
font : normal 1.3em verdana, arial, tahoma, sans-serif;
letter-spacing: 3px;
color : #036;
background : inherit;
}
h2 {
padding-left : 5px;
font : bold 1em verdana, arial, tahoma, sans-serif;
color : #ef7329;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a {
text-decoration : none;
color : #f36207;
background : inherit;
}
a:hover {
color : #0d4953;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 1em;
background : inherit;
color : #000;
}
.orange {
background : inherit;
color : #f36207;
}
.clear {
clear : both;
}
.temperatura {
background:#333333;
border:1px #FF0000 solid;
color:#fff;
padding-left:5px;
padding-right:3px;
}