﻿/*Global*/
 
 html{}
 body {height:100%;width:100%;margin:0px;padding:0px;}
 
#fullscreen {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}


/*content*/

#wrapper{
	width:1024px;
	margin:3% auto;
	font-family: "Baskerville Old Face";
	color:white;
}

#top{
	height: 50%;
	width:99.9%;
	margin:0%;
	padding:0%;
	border-style:solid;
	border-width:thin;
	border-color:#9F955B;
	background:#333333;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */

}

#logo{
	height:50%;
	width:20%;
	float:left;
	margin:2% 2% 2% 4%;
	padding:0%;

}

/*#logo img{
	height:90%;
	width:80%;
}*/

#title{
	width:100%;
	height:25%;
	margin: 1.7% 0%;
	text-align:center;
	font-size: 340%;
	
}
	
#subtitle{
	width:100%;
	height:25%;
	font-size:170%;
	margin-bottom:0.5%;
	text-align:center;
	line-height:150%;
}

#container-main{
	width:100%;
	height:100%;
	margin:0%;
	padding:0%;
}

#navigation {
	height: 100%;
	width:250px;
	float:left;
	clear:left;
	margin-top:2%;
	padding:0%;
	border-color:#9F955B;
	border-style:solid;
	border-width:thin;
	background:#333333;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
}
#navigation ul{
	height:100%;
	text-align:justify;
	display:block;
	list-style-type: none;
}

#navigation ul li{
    font-size:150%;
	line-height:120%;	
	text-align:justify;
	margin-top:7%;
	font-size:150%;
}

#navigation ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
#navigation ul li a:link {color:#FFFFFF;}
#navigation ul li a:visited {color:#FFFFFF;}
#navigation ul li a:active {color:#9F955B;}
#navigation ul li a:hover {color:#9F955B;}
#navigation ul li a:focus {color:#9F955B;}


#container{
	height: 100%;
	width:700px;
	float:right;
	clear:right;
	margin-top:2%;
	padding:2%;
	border-color:#9F955B;
	border-style:solid;
	border-width:thin;
	background:#333333;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Gecko-Browser */
	opacity:0.85; /* Opera 9+ */
}

#container p{
	width:90%;
	margin-left:5%;
	font-size:150%;
	line-height:120%;	
	text-align:justify;
	
}

#container h4{
	font-size:170%;
	margin-left:5%;
	line-height:120%;	
	text-align:justify;
}

#container ul{
	width:80%;
	margin-left:5%;
	font-size:150%;
	line-height:120%;	
	text-align:justify;

}


#topLine{
	width:100%;
	font-size:130%;
	font-weight:bold;
	line-height:120%;
	text-align:left;
}


#blank{
	height:0.2%;
}

#kontakt{
	width:83.3%;
	height:91%;		
	text-align:justify;
	text-align:left;
	margin:0px;
	padding-left:5%;
	}
	
#kontakt h4 {
	width:96.6%;
	height:2%;
	font-size:130%;
	padding:0px;
	text-align:center;
	margin-top:5%
	}
	
 #kontakt form p{
 	text-align:left;
 	margin:1%;
 	}
  	
 form {
 	width:96.6%;
 	height:85%;
 	font-size:130%;
 	}
  	
 .label {
 	width:16.6%;
 	height:5%;
 	display:block;
 	float:left;
 	text-align:right;
 	}
  	
 .input {
 	width:50%;
 	height:5%;
 	margin-left:7%;
 	}
  	
 #textarea{
 	width:60%;
 	height:300px;
 	margin-left:7%;
 	margin-bottom:5%;
 	}
  	
 .radio {
 	width:33%;
 	height:4.8%;
 	text-align:center;
 	padding:5%;
 	display:inline;
 	}

#footer{
	width: 100%;
	float:left;
	clear:both;
	margin-top:2%;
	padding:0%;
	text-align:center;
	border-color:#9F955B;
	border-style:solid;
	border-width:thin;
	background:#333333;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity:0.9; /* Gecko-Browser */
	opacity:0.9; /* Opera 9+ */
}

