@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Jura);

img { border: 0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
body {
	background: #ffffff;
}
td,p,input,select,textarea,ul,ol,li,div {  
	font: 1em 'Jura', Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.428571429;
	color: #818376; 
	text-decoration: none
}
p {margin-bottom: 1em;}
img.mright {margin: 0 8px 8px 0;}
img.mleft {margin: 0 0 8px 8px;}


h1,td.titel{
	font: 1.5em 'Jura', Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
	color : #0055a6;
}
h2, div.subtitel {
	color : #0055a6;
	font-weight : bold;
	font: 1.3em 'Jura', Verdana, Arial, Helvetica, sans-serif; 
	margin: 10px 0; 
}
.titel{
	color : #0055a6;
	font-weight : bold;
	font-size: 1.3em;
	text-transform: uppercase; 
	font-variant: small-caps;
	margin: 0 0 18px;
}
.subtitel{
	color : #0055a6;
	font-weight : bold;
	font-size : 1.1em;
}
.titel u, .subtitel u, p u {text-decoration: none;}
p u {font-weight: bold;}
.bodytekstextra{
	color : #CC6600;
	font-weight : bold;
}
a,a:visited{
	color: #0055a6;
	text-decoration: none;
	font-weight : normal;
	text-decoration: underline;
}
a:hover {
	color: #0055a6;
	text-decoration: underline;
}
hr{
	color : #CCCCCC;
	height : 1px;
}
#full ul, #full ol {margin-left: 24px;}
#full li {list-style: circle ; }
.submit{
	background-color : #0055a6;
	border: 5px solid #0055a6;
	color : #FFFFFF;
	font-weight : bold;
}
input,textarea{
	background-color: #f6f6f6;
	border: 1px solid #666666;
	font-size: 12px;
	line-height: normal;
}
header {background: #878582;}
div.logo {
	background: white;
	padding: 19px 35px 12px 35px;
	float:left;
}
div.lang {
	float: left;
}
div.lang ul {height: 71px;padding-left: 40px;}
div.lang ul li {float:left;padding:45px 10px 0;border-left: 1px solid white;height: 26px;}
div.lang ul li:first-child {border-left: none;}
div.lang ul li a {color: white; text-decoration: none;font-size:0.8em;}

div.icp {padding: 20px 0 0 30px;float:left;}
div.blueborder {
	border-left: 325px solid #0055a6;
	background: #004b9c;
	text-align: right; 
}
#cs {width: 1007px;}
#full {
	float:right; 
	width: 636px;
	padding: 20px 37px;
	background: url(/images/site/bgmenu.gif) repeat-y 0 0;
	min-height: 340px;
}

nav {
	float: left;
	width: 297px;
	padding: 20px 0;
}
nav ul {margin: 0 0 0 32px;}

footer {width: 100%;}
footer, footer a, footer a:visited, footer a:hover, footer div{
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
	background-color: #0055a6;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div.fi {float: left;padding: 3px 10px;}
div.design {float: right;padding: 3px 10px;}



.contentdivider {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #0b5da7;
    float: left;
    height: 0;
    width: 100%;
}

/** responsive design */
.bottom, .langbottom, .icpbottom {display: none;}
.bottom {padding: 0 40px;}
.langbottom, .icpbottom {padding: 20px 0; float: left;}
.icpbottom {float: right;}
#mobiledivider {display: none;margin-top: 12px;}

@-ms-viewport{
  width: device-width;
}
@media screen and (max-width: 770px) {
	div.icp {display: none;}
	#cs {width: 100%;}
	#full {
		float:left; 
		width: initial;
		padding: 20px 37px;
		background: none;
		min-height: initial;
	}

	nav {
		float: left;
		width: 100%;
		padding: 0 0 20px 5px;
	}
	nav ul li {float: left;}
	.bottom, .icpbottom {display: block;}
	#mobiledivider {display: block;}
}
@media screen and (max-width: 666px) {
	div.lang {display:none;visibility: hidden;}
	.bottom, .langbottom {display: block;}
	.langbottom {padding-right: 20px;}
	.langbottom ul li {float: left;border-left: 1px solid #0b5da7;padding: 0 8px;line-height: 1em;}
	.langbottom ul li:first-child {border-left: none;padding-left: 0;}
	.langbottom ul li a {text-decoration: none;font-size:0.8em;}
	#film {max-width:100%; height: auto;}
}
@media screen and (max-width: 450px) {
	.langbottom ul li {float:none;padding: 0;border:none; }
	#full img, #full object {max-width: 100%;height:auto;}
}
@media screen and (max-width: 400px) {
	div.blueborder {height: 44px;}
	div.blueborder img {display: none;}
}