/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

a img {border:none;}

.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

.flLeft{
	float: left;
}

.flRight{
	float: right;
}


/* layout */
html{height: 100%}
body {
	background: #FFF url(../images/bg.gif) 50% 0 no-repeat;
	text-align: center;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #434343;
	height: 100%;
	
}
#container{
	width: 825px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}
* html #container { height: 100%;}


#head{
	height: 183px;
	position: relative;
}
#head h1{
	position: absolute;
	top: 49px;
	left: 268px;
}

#head ul#lang{
	list-style: none;
	position: absolute;
	right: 0;
	top: 5px;
	width: 105px;
	height: 26px;
	overflow: hidden;
}
#head ul#lang li{	
	display: inline;
}
#head ul#lang a{
	display: block;
	height: 26px;
	float: left;
}
#head ul#lang li#en a{
	background: url("../images/lang-en.gif") 0 -26px no-repeat;
	width:  36px;	
}
#head ul#lang li#cs a{
	background: url("../images/lang-cs.gif") 0 -26px no-repeat;
	width:  33px;	
}
#head ul#lang li#de a{
	background: url("../images/lang-de.gif") 0 -26px no-repeat;
	width:  33px;	
}
#head ul#lang li.selected a, #head ul#lang li a:hover{
	background-position: 0 0 !important;
}
#head ul#lang li a span{
	display: none;
}


#menu-holder{
	height: 70px;
	border-bottom: 1px solid #b9b9bb;
	position: relative;
}
#menu{
	margin-left: 35px;
}
#menu, #sub-menu{
	list-style: none;
}
#menu li, #sub-menu li a{
	text-transform: uppercase;
	font-size: 12px;
	/*letter-spacing: -0.05em;*/
	display: block;
	float: left;
}
#menu li a{
	color: #000;
	display: block;
	padding: 8px 10px 46px 10px;
	float: left;
	text-decoration: none;
	background: url("../images/menu-line.gif") 100% 5px no-repeat;
}
#menu li a:hover{
	color: #ec000d;		
}
#menu li.selected a{
	background: #ec000d;
	color: #FFF;	
	margin-left: -1px;
	font-weight: bold;
}
#sub-menu{
	clear: both;
	background: #ec000d;
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#sub-menu li{
	display: inline;
}
#sub-menu li.home a{
	margin-left: 35px;
}
#sub-menu li a{
	color: #fce4e6;
	display: block;
	padding: 10px 10px;
	float: left;
	text-decoration: none;
	font-size: 11px;
	background: url("../images/menu-line-white.gif") 100% 50% no-repeat;
}
#sub-menu li a:hover{
	color: #FFF;
}
#sub-menu li.selected a{
	font-weight: bold;
	color: #FFF;
}

#content{
	margin: 2px 0 0 0;
	padding: 26px 33px 120px 48px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;	
}
.single{
	background: url("../images/content-bg-one.gif") 0 0 no-repeat;
}
.double{
	background: url("../images/content-bg-two.gif") 0 0 no-repeat;
}
#content a{
	color: #ec000d;
	font-weight: bold;
}
#content a:hover{
	text-decoration: none;
}
#content ul{
	margin: 5px 0 10px;
	list-style: none;
}
#content li{
	background: url(../images/bullet.gif) 0 10px no-repeat;
	padding: 3px 0 3px 10px;
}

.left-col{
	width: 354px;
	float: left;
}
.right-col{
	width: 330px;
	float: right;
}


h2{
	font-size: 15px;
	padding: 0 0 60px 0;
	color: #ec000d;
	text-transform: uppercase;
}
h3{
	color: #ec000d;
	font-weight: bold;
	font-size: 12px;
	padding: 15px 0 10px;
}
p{
	padding: 0 0 10px;
}
#partners h3{margin-top: 0; padding-top: 0}
.partners {margin-bottom: 20px}
.partners img{display: block; float: left}


#gallery{
	border-bottom: 1px solid #b9b9bb;	
}

.news-item{
	border-bottom: 1px solid #b9b9bb;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}
.news-item h3{
	padding: 0;
}
.news-item .date{
	padding: 0 0 10px;
	color: #2f2f31;
	font-size: 10px;
	font-weight: bold;
}
.news-item .thumb{
	float: left;
	margin: 4px 10px 10px 0;
}
.news-item .read-more{
	text-align: right;
	font-size: 11px;
	padding-bottom: 5px;
}
.gallery-item{
	border-bottom: 1px solid #b9b9bb;
	padding: 0 0 25px 0;
	margin-bottom: 25px;
}
.gallery-item .text{
	width: 354px;
	float: left;
}
.gallery-item h3{
	padding: 0;
}
.gallery-item .date{
	padding: 0 0 10px;
	color: #2f2f31;
	font-size: 10px;
	font-weight: bold;
}
.gallery-item .thumbs{
	width: 340px;
	float: right;
}
.gallery-item .thumbs a{
	float: left;
	margin: 0 0 4px 4px;
}
.gallery-item .thumbs img{
	display: block;
}

.lists h3{margin-top: 30px}
.lists h3.first{margin-top: 0}
.lists ol{margin: 10px 0 10px 25px}
.lists ol ul{margin: 2px 0 2px 15px; list-style: square}
.lists ol ol{margin: 2px 0 2px 15px}
.lists li{margin: 4px 0}

h3.statues-download{margin-top: 95px}

a.doc{background: url("../images/ico-doc.gif") 0 50% no-repeat; padding: 5px 0 5px 22px}
a.pdf{background: url("../images/ico-pdf.gif") 0 50% no-repeat; padding: 4px 0 4px 22px}
a.xls{background: url("../images/ico-xls.gif") 0 50% no-repeat; padding: 4px 0 4px 22px}

p.pagination{text-align: center; font-size: 11px}
p.pagination span{margin: 0 2px}	
p.pagination span a{padding: 2px 5px;}
p.pagination span a.active{background: #EC000D; color: #FFF !important; font-weight: bold; text-decoration: none}
p.pagination .previous, p.pagination .next{color: #bfbfbf;}
p.pagination .previous a, p.pagination .next a{color: #636363 !important;}


#footer{
	width: 825px;
	margin: 0 auto;
	background: #3e3e40;
	color: #FFF;
	padding: 20px 0 17px;
	font-size: 11px;
	margin-top: -69px;	
	position: relative;
}
#footer img.logo{
	float: left;
	margin: 0 27px 0 35px;
}
#footer p{
	float: left;
	padding: 0 20px;
	background: url("../images/footer-line.gif") 0 5px no-repeat;
	width: 205px;
	text-align: left;	
}
#footer p.adrress{
	width: 170px;	
}
#footer p.fb{
	width: 140px;
	padding-right: 0;	
}
#footer a{
	color: #FFF;
}
#footer a:hover{
	text-decoration:  none;
}

.en #footer p{padding: 0 31px}
.en #footer .copyright{width: 220px}
.en #footer .fb{width: 76px}

.de #footer .copyright{width: 240px}
.de #footer .fb{width: 140px}