@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: 0; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #000 url(images/body_bg.jpg); }

	#col-a { float: left; width: 175px; margin: 32px 0 0 0; padding: 120px 0 0 0; }
	#col-b { float: left; display: inline; width: 500px; margin: 32px 15px 0 0;}
	#col-c { float: left; width: 300px; margin: 32px 0 0 0; }
	
	#logo { display: block; height: 120px; background: url(images/logo.png) no-repeat center center; }
	
	.block { background: url(images/block_bg.png);  }
	.block h1 { margin: 0 0 0 0; font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 35px; color: #fff; line-height: 35px; text-transform: uppercase; }
	.block h2 { margin: 0 0 15px 0; padding: 0 0 3px 0; font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid #636363; font-size: 20px; color: #fff; text-transform: uppercase; }
	.block h3 { margin: 0 0 15px 0; padding: 0 0 3px 0; font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; border-bottom: 1px solid #636363; font-size: 20px; color: #fff; text-transform: uppercase; }
	
	#content { padding: 15px; }
	#content .vsl { margin: 0 0 15px 0; border: 1px solid #767676; }
	#news .vsl { margin: 0 0 15px 0; border: 1px solid #767676; }
	#content .related-images li {float: left;  margin: 0 10px 10px  0;} 
	#content .related-images li img { border: 1px solid #767676; } 
	
/*	=TOP BAR
	----------------------------------------------------*/
	#top-bar { position: absolute; top: 0; left: 0; width: 100%; height: 32px; }
	#top-bar .outer {  margin: 0 0 0 175px; background: #c00303; }
	#top-bar .inner {  position: relative; width: 815px; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#crumbpath { position: absolute; top: 0; right: 0; list-style: none; }
	#crumbpath li { float: left; display: inline; font-size: 10px; color: #fff; line-height: 30px; text-transform: uppercase; }
	#crumbpath li.first { margin-left: 0; padding: 0 0 0 8px; background: url(images/crumbpath_ico_arrow.gif) no-repeat 0 11px; }
	#crumbpath li a { font-size: 10px; color: #fff; line-height: 30px; text-decoration: none; }


	#nav-main { width: 175px; overflow: hidden; list-style: none; }
	#nav-main li { border-bottom: 1px solid #787c7c; font-size: 16px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #fff; }
	#nav-main li.first { border-top: 1px solid #787c7c; }
	#nav-main li.active, #nav-main li:hover { background: url(images/nav-main_li_active_bg.png); }

	#nav-main li a.typeface-js { width: 175px; font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; padding: 10px 0 10px 10px; text-decoration: none; color: #fff; }
	#nav-main ul { padding: 10px 0; list-style: none; background: #181817; display: none;}
	#nav-main ul li { font-size: 12px; color: #fff; font-weight: bold; border: 0; text-transform: none; }
	#nav-main .active  ul {display: block;}

	
	#nav-main ul li a { padding: 5px 15px; color: #fff; text-decoration: none; display: block; height: 100%; font-weight: bold; }
	#nav-main ul li a:hover, #nav-main ul li.active a{ color: #c00303 !important; background: 0!important; }
	#nav-main ul li:hover { background: 0; }
	
	#nav-meta { height: 32px; padding: 0 0 0 20px; list-style: none; }
	#nav-meta li { font-size: 10px; color: #fff; line-height: 30px; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { margin: 15px 0 20px 0; padding: 10px 15px 30px 15px; }
	#footer .copyright { float: left; color: #fff; font-size: 12px; }
	#footer .byblueberry { float: right; }
	#footer .byblueberry a { color: #fff; font-size: 12px; text-decoration: none; }
	#footer .byblueberry a:hover { text-decoration: underline; }
	
		
	
/*	=HOME
	----------------------------------------------------*/
	#home-intro { padding: 15px; }
	#home-intro .vsl { margin: 0 0 15px 0; border: 1px solid #767676; }
	#home-intro p { margin: 15px 0 0 0; font-size: 12px; color: #fff; line-height: 18px; }
	#home-intro .cta { margin: 15px 0 0 0; list-style: none; }
	#home-intro .cta li { float: left; display: inline; margin: 0 15px 0 0; padding: 6px; background: #454545; color: #dadada; font-size: 14px;text-transform: uppercase; }
	#home-intro .cta a { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 14px; padding: 0 0 0 7px; color: #dadada; text-decoration: none; background: url(images/home-intro_cta_bg.gif) no-repeat 0 3px; }
	
	#home-projects { margin: 15px 0 0 0; padding: 0 15px 15px 15px; }
	#home-projects h4 { color: #fff; font-size: 13px; line-height: 24px; text-transform: uppercase; }
	#home-projects h4 b { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 10px 0 20px; background: #c00303 url(images/news_hdr_bg.gif) no-repeat 10px 8px;  }
	#home-projects .project { float: left; margin: 15px 0 0 14px; }
	#home-projects .project.first { margin-left: 0; }
	#home-projects .project a { line-height: 12px; color: #fff; text-transform: uppercase; font-size: 15px; text-decoration: none; font-weight: bold; }
	#home-projects .project a span { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; }
	#home-projects .project img { display: block; margin: 0 0 10px 0; border: 2px solid #909090; }
	
/*	=NEWS
	----------------------------------------------------*/
	#news { padding: 15px; }
	#news .news { margin: 20px 0 0 0; }
	#news .news p { font-size: 12px; color: #fff; line-height: 18px; }
	#news .news p a { display: block; height: 100%; color: #fff; text-decoration: none; }
	#news .news img { float: left; margin: 0 10px 0 0; border: 2px solid #fff; }
	
	#news h4 { color: #fff; font-size: 13px; line-height: 24px; text-transform: uppercase; }
	#news h4 b { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 10px 0 20px; background: #c00303 url(images/news_hdr_bg.gif) no-repeat 10px 8px;  }

/*	=NEWSLETTER
	----------------------------------------------------*/
	#newsletter { padding: 15px; }
	#newsletter * { vertical-align: middle; }
	#newsletter .inpt { width: 175px; height: 21px; padding: 3px 0 0 3px; background: #565656; border: 1px solid #656464; color: #fff; }

/*	=CONTACT
	----------------------------------------------------*/	
	#contact { padding: 15px; }
	#contact ul { list-style: none; }
	#contact ul li { float: left; display: inline; margin: 0 25px 0 0; font-size: 12px; color: #fff; line-height: 18px; }
	#contact a {color: #fff; text-decoration: none;} 
	#contact a:hover {text-decoration: underline;}
	 
/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 18px; color: #fff; }
	.dynamic-input p { padding: 0 0 15px 0; }
	.dynamic-input h1 { margin: 0 0 15px 0; font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 35px; color: #fff; line-height: 35px; }
	.dynamic-input h2, 
	.dynamic-input h3, 
	.dynamic-input h4, 
	.dynamic-input h5 { margin: 0 0 5px 0; padding: 10px 0 5px 0; }
	.dynamic-input h2 { font-size: 18px; }
	.dynamic-input h3 { font-size: 16px; }
	.dynamic-input h4, .dynamic-input h5 { font-size: 12px; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #fff; text-decoration: underline; }
	.dynamic-input a:hover { text-decoration: none; }
	.dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
	.dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
	.dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }
	
	
/*	=NEWS PAGE
	----------------------------------------------------*/
/*
	#col-b h3   { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal;  text-decoration: none; color: #fff; font-size: 22px;}
*/

	#news .news-item h3 a  { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal;  text-decoration: none; color: #fff; font-size: 22px; margin: 20px 0 0 0;}
	#news .news-item {width: 460px; clear: both;} 
	#news .news-item img.vsl {float: left; margin: 5px 10px 0 0;} 
	#news .news-item p {margin: 5px; } 
	#news .news-item a.more {color: #c00303; text-decoration: none;} 
	#news .news-item a.more:hover {text-decoration: underline;} 

	
/* =PROJECTS
	---------------------------------------------------*/
	#content #projects .project {margin: 5px 10px 0 0 ;  list-style-type: none; float: left;}   
	#projects .project img.vsl { border: 2px solid #767676; margin: 0;} 
	#projects .project h3 {border: 0;}
	#projects .project h3 a  { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal;  text-decoration: none; color: #fff; font-size: 16px; border: 0;}
	
/* =PHOTOALBUM
	---------------------------------------------------*/
	#content #photoalbum .album {margin: 5px 10px 0 0 ;  list-style-type: none; float: left; margin-right: 30px;}   
	#photoalbum .album img.vsl { border: 2px solid #767676; margin: 0;} 
	#photoalbum .album h3 {border: 0;}
	#photoalbum .album h3 a  { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal;  text-decoration: none; color: #fff; font-size: 16px; border: 0;}
	
	#content .photos li {float: left;  margin: 0 15px 15px  0; list-style-type: none;} 
	#content .photos li img { border: 1px solid #767676; } 


/* =OFFERS 
	---------------------------------------------------*/
	select.type {position: relative; left: 335px; top: -40px;} 
	ul#offers {border-top: 1px solid #959494;} 
	ul#offers li {width: 465px;	height: 90px; margin: 5px 0 0 0; border-bottom: 1px solid #3f3f3e; }  
	ul#offers ul.info li{ float: left; width: 150px; list-style-type: none; border: 0;  } 
	ul#offers ul.info li h3  {border: 0; margin: 0; }
	ul#offers ul.info li h3 a { font-family: Futura BdCn BT, Arial, Helvetica, sans-serif; font-weight: normal;  text-decoration: none; color: #fff; font-size: 16px; }
	ul#offers ul.info li a.more {font-size: 12px; color: #FFF; text-decoration: none; padding-left: 15px; background-image: url('images/img_readmore_white.png'); background-repeat: no-repeat;}
	ul#offers ul.info li a.more:hover {text-decoration: underline;}
	.related-images li{  list-style-type: none;} 
	
	#offer .price { text-align: right; size: 16px; font-weight: bolder;} 
	
	.kostdat { display: block; margin: 20px 0 0 20px; }
	
	
#contact-left{
	float:left;

}
#contact-right{
	float:right;

}

	
	#form {
	width:480px;
	
}
#form div.element {
	padding-top:5px;
	padding-bottom:5px;
}
#form div.element ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:155px;
}
#form div.element ul li input{
	margin-top:5px;
}
label.label {
	display:block;
	padding-top:15px;
	clear:both;
	font-weight:bold;
	color:#81817c;
}
div.element {
	clear:both;
}
div.form-elements {
	float:left;
}
div.input-error {
	float:left;
}
.input-error {
	font-weight:bold;
	color:red;
	clear:both;
	margin-left:155px;
}
.error-panel {
	margin-left:130px;
	margin-top:-30px;
	z-index:10;
	position:relative;
	float:left;
}
.formelement {
	padding:4px;
	border:1px solid #c8c8c0;
	width:208px;
	height:14px;
	margin-right: 10px;
}
.formelementbutton{
	padding-top:15px;
	float: none;
}
.formelementtextarea{
	width:462px;
	height:100px;
}
.error{
	border:1px solid #c00303;
}
.error-news{
	color:#FFFFFF;
	font-size:12px;
}
.input-error{
	color:#ffffff;
	font-weight:bold;
}
#error{
	z-index:1100;
	left:0px;
	top:0px;
	position:absolute;
}
#error-text{
	z-index:1100;
	background-color:#c00303;
	padding:4px;
	color:  #fff; 
	font-weight: bold;
	font-size: 12px;
	
}
#error-corner{
	z-index:1100;
	width:46px;
	height:15px;
	background-image:url(images/corner.png);
	background-position-x:2px;
	background-repeat:no-repeat;
}