*{
	color:#F2F2F2;
	font-family:"Segoe UI", "Trebuchet MS", Tahoma, sans-serif;
	font-size:13px;
	text-align:left;
	margin:0 auto;
}

body{
	text-align:center;
	background:#220D4C;
	min-width:950px;
	_width:expression(document.body.clientWidth < 950? "950px" : "auto");
}

img{
	border:0;
	vertical-align:middle;
}

.violet{
	color:#7D5286;
}

a.ext{
	color:#D1EF07;
	padding-right:12px;
	background:url("../images/ext_href.gif") right center no-repeat;
}


/** Header **/
.head{
	position:relative;
	width:100%;
	height:445px;
}

.head_bg_left{
	display:block;
	position:absolute;
	width:45%;
	height:445px;
	float:left;
	background:url("../images/head_left.gif") left top repeat-x;
}

.head_bg_right{
	display:block;
	position:absolute;
	right:0;
	width:45%;
	height:445px;
	float:right;
	background:url("../images/head_right.gif") right top repeat-x;
}

.head_cont{
	position:relative;
	width:100%;
	height:445px;
	text-align:center;
	background:url("../images/head.jpg") center top no-repeat;
}

.head_frame{
	position:relative;
	width:870px;
	height:445px;
}

h1{
	position:absolute;
	top:105px;
	left:20px;
	line-height:20px;
}

h1 a{
	color:#E6E6E6;
	font-size:53px;
	font-style:italic;
	text-decoration:none;
}

h1 a span{
	display:block;
	font-size:16px;
}

.logo{
	position:absolute;
	top:94px;
	left:10px;
}


/** Language selector **/
.lang_menu{
	position:absolute;
	width:26px;
	left:0;
	top:20px;
	margin:0;
	padding:0;
	list-style-type:none;
}

.lang_menu li{
	display:block;
	padding:0;
	margin:0 0 4px 0;
}

.lang_menu li a{
	display:block;
	width:26px;
	height:49px;
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	line-height:49px;
	background:url("../images/lang_bg.gif") -23px center no-repeat;
}

.lang_menu li a.active, .lang_menu li a:hover{
	background-position:right center;
	background-color:#63567E;
}


/** Top text **/
#top{
	width:100%;
	height:177px;
	background:url("../images/head_text_bg.gif") left top repeat-x;
}

#top div{
	width:870px;
	position:relative;
}

#top h2{
	font-weight:normal;
	font-size:40px;
	color:#FEFEFE;
	letter-spacing:1px;
	margin-bottom:5px;
}

#top h2 sup{
	font-size:27px;
}

.toptext_green{
	color:#D1EF07;
	font-size:18px;
	margin-bottom:5px;
}

.toptext_violet{
	color:#7A4A95;
	font-size:12px;
	text-transform:uppercase;
}

#top img{
	position:absolute;
	left:0;
	top:0;
}


/** "Kontakt" button **/
.goto_contact{
	display:block;
	position:absolute;
	top:-12px;
	right:-33px;
	width:63px;
	height:30px;
	text-decoration:none;
}

.goto_contact.cs{
	background:url("../images/btn_contact_cs.jpg") left top no-repeat;
}

.goto_contact.en{
	background:url("../images/btn_contact_en.jpg") left top no-repeat;
}

.goto_contact:hover{
	background-position:left bottom;
}


/** Main content **/
.main{
	text-align:center;
	background:#1D0945 url("../images/cont_bg.gif") left bottom repeat-x;
	border-bottom:1px solid #331F59;
	width:100%;
}

.cont{
	width:870px;
	padding-top:100px;
}

.cont a{
	text-decoration:none;
}

.cont a:hover{
	text-decoration:underline;
}

.end{
	display:block;
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;
	line-height:1px;
}


/** Reference **/
.reference{
	clear:both;
	text-align:right;
}

.reference_prev{
	float:left;
	position:relative;
	width:647px;
	height:313px !important;height: /**/:353px;
	padding-bottom:40px;
}

.reference_prev img, .reference_prev a{
	width:647px;
	height:313px;
}

.reference_prev a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:50;
}

.reference_prev span{
	display:block;
	position:absolute;
	width:647px;
	height:313px;
}

.reference_1{
	background:url("../images/ref_frame_1.png");
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/ref_frame_1.png");
}

.reference_2{
	background:url("../images/ref_frame_2.png");
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/ref_frame_2.png");
}

.reference_3{
	background:url("../images/ref_frame_3.png");
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/ref_frame_3.png");
}

.reference div{
	width:190px;
	margin-right:10px;
	padding-bottom:40px; 
}

.reference h3{
	color:#EBEBEB;
	font-size:25px;
	font-weight:normal;
	margin-bottom:12px;
	line-height:25px;
}

.reference h3 span{
	display:block;
	font-size:15px;
	color:#7D5286;
	margin-top:3px;
}

.reference b{
	color:#7D5286;
}

.reference p{
	margin:0.2em 0 12px 0;
}



/** Footer, contact **/
#foot{
	text-align:center;
	padding-bottom:15px;
	background:#220D4C url("../images/foot_bg.gif") left top repeat-x;
	border-top:1px solid #130332;
	width:100%;
}

#foot *{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#foot p{
	width:870px;
	padding-top:35px;
}

#foot .contact span{
	display:block;
	margin-top:10px;
	margin-bottom:3px;
	color:#7D5286;
	font-style:italic;
}

#foot .copy{
	font-size:10px !important;
	color:#59376F;
}


/** "TOP" button **/
#goto_top{
	display:none;
	position:absolute;
	right:0;
	width:100px;
	height:100px;
}

#goto_top span{
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100px;
	height:100px;
	text-align:center;
	background:url("../images/goto_top.png");
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/goto_top.png");
}

#goto_top a{
	position:relative;
	top:28px;
	z-index:2;
	display:block;
	width:44px;
	height:44px;
	text-decoration:none;
}
