/** 
* Vor Werbeagentur an Snippet Styles * 
* @author Ron Kappler 
* @version 1.0 
* @see http://www.vor-dresden.de.de/ 
*/
@font-face { font-family:VOR; src: url(/templates/styles/vor.ttf) format(TrueType); }

/**
* Navigation
*/
#head-container a, #head-container a:link, #head-container a:visited, #head-container a:active, #head-container a:hover {
	color: #898989; text-decoration: none; font-weight: normal; padding-left: 8px; line-height: 25px; 
}
#head-container a.hn-act, #head-container a.hn-act:link, #head-container a.hn-act:visited, #head-container a.hn-act:active, #head-container a.hn-act:hover,
#head-container a:hover { color: #FF4300; }

/**
* Überschriften
*/
.headH1 { font-family: VOR, Arial, Helvetica, sans-serif; color: #FF4300; font-size: 18px; font-weight: bold; line-height: 27px; letter-spacing: 1px; text-transform: uppercase; margin: 0; padding: 0;  }
 
/**
* News
*/
#news-list {
	height: 255px;
	background-color: #FFFFFF;
	width: 1000px;
	margin: 0 0 40px 0;
	font-family: VOR, Arial, Helvetica, sans-serif;
}
#head-fullpic {
	height: 255px;
	width: 1000px;
	padding: 0 0 40px 0;
	overflow: hidden;
}
.home-news { margin: 0; padding: 0; list-style-type: none; }
.home-news li { font-size: 18px; line-height: 27px; letter-spacing: 1px; font-weight: bold; }
.home-news a, .home-news a:link, .home-news a:visited, .home-news a:active, .home-news a:hover {
	color: #898989;
	text-decoration: none;
	background-image: url(/templates/pics/link_arrow_big.png);
	background-position: right 2px;
	background-repeat: no-repeat;
	padding-right: 34px;
}
.home-news a:hover { color: #FF4300; }
.news-list a:link, .news-list a:visited, .news-list a:active, .news-list a:hover {
	color: #898989;
	text-decoration: none;
} 
.news-list a.act:link, .news-list a.act:visited, .news-list a.act:active, .news-list a.act:hover, .news-list a:hover { color: #FF4300; }
.block-news-years {
	width: 200px;
	height: 255px;
	margin: 0 0 35px 0;
	float: left;
	overflow: hidden;
}
.block-news-years ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.block-news-years li {
	margin: 0;
	padding: 0;
	font-size: 53px; 
	line-height: 67px;
	font-weight: bold;
	font-family: VOR, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}
.block-news-years li.act { color: #FF4300; }

.news-months {
	width: 800px;
	height: 250px;
	float: left;
	overflow: hidden;
	margin: 0 0 35px 0;
	padding: 5px 0 0 0;
}
.news-months ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}
.news-months ul li {
	margin: 0;
	padding: 0;
	font-size: 15px; line-height: 21px;
	font-weight: bold;
	font-family: VOR, Arial, Helvetica, sans-serif;
}
.news-months a:link, .news-months a:visited, .news-months a:active, .news-months a:hover {
	background-image: url(/templates/pics/link_arrow_news.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 24px;
}
#news-left { width: 200px; color: #FF4300; float: left; font-weight: bold; font-size: 18px; letter-spacing: 1px; line-height: 27px; text-transform: uppercase; font-family: VOR, Arial, Helvetica, sans-serif; } 
#news-container {
	width: 800px;
	height: 400px;
	overflow: hidden;
	float: left;
}
#news-scroll-container {
	width: 800px;
	height: 400px;
	overflow: auto;
	position: relative;
	z-index: 50;
}
#news-container h2 { font-size: 12px; margin: 0; padding: 0; line-height: 17px; }
.news-detail { width: 760px; }
.newstime { display: block; font-size: 12px; font-weight: bold; margin-bottom: 25px; color: #898989; }
.newstitle { display: block; font-size: 12px; line-height: 19px; font-weight: bold; text-transform: uppercase; color: #FF4300; }
.newsdesc { display: block; font-size: 12px; margin-bottom: 25px; line-height: 17px; }
/**
* Kunden
*/
.nav-left { margin: 0; padding: 0; list-style: none; }
.nav-left a:link, .nav-left a:visited, .nav-left a:active, .nav-left a:hover {
	color: #898989;
}
.nav-left a:hover, .nav-left li.act { color: #FF4300; }
.h17 { line-height: 17px; font-size: 12px; }
.nav-left li { font-size: 15px; line-height: 21px; font-family: VOR, Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: bold; }
/**
* Forms
*/
form, select, input, textarea, button, label {
	color: #6A6A6A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#filter { margin-bottom: 35px; }
.filter-label { text-transform: uppercase;  margin-right: 10px; color: #898989; }
.select-filter { text-transform: uppercase; width: 150px; border: 1px solid #B4B4B4; background-color: #FFFFFF; margin-right: 10px;}
.input-submit { text-transform: uppercase; background-color: #FFFFFF; border: 0; cursor: pointer; margin:0; padding: 0; overflow: visible; width: auto;  }
#project-search input { text-transform: uppercase; width: 150px; border: 1px solid #B4B4B4; background-color: #FFFFFF; margin-right: 10px; }
#project-filter .input-submit, #project-search .input-submit { background-image: url(/templates/pics/arrow_filter.png); background-repeat: no-repeat; background-position: right 3px; padding-right: 13px; }
.sn-form { width: 1000px; padding: 35px 0; }
.fm-form { margin: 0; padding: 0; position: relative; }
.fm-form label, .fm-form .input-text, .fm-form .input-textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #6A6A6A;
	font-weight: normal;
} 
.fm-form fieldset { border: 0; margin: 0; padding: 0; }
.fm-form legend { display: none; }
.div-input-text, .div-input-textarea { clear: both; }
.fm-form .form-label { width: 200px; float: left; text-transform: uppercase; letter-spacing: 1px; }
.div-input-text, .div-input-textarea { clear: both; padding-bottom: 10px; }
.fm-form .input-text { display: block; width: 790px; border: 0; border-bottom: 2px dotted #6A6A6A; background-color: #FFFFFF; }
.fm-form .input-textarea { display: block; width: 780px; padding-right: 10px; height: 300px; border: 0; border-bottom: 2px dotted #6A6A6A; background-color: #FFFFFF; }
.fm-form .buttons { position: absolute; left: 0; bottom: 0; width: 200px; height: 40px; }
.fm-form .input-submit { display: block; width: 200px; height: 28px; margin: 0; padding: 0; text-align: left; font-size: 28px; line-height: 28px; overflow: visible; color: #6A6A6A; background-image: url(/templates/pics/link_arrow_big.png); background-repeat: no-repeat; background-position: 90px 6px; border: 0;  }
.fm-form .errorMsg { margin: 35px 0; font-size: 28px; color: #FF4300; }
.fm-form .error-field label { color: #FF4300; }
/**
* Projectlist
*/
.overlay-preload { height: 1px; width: 1px; overflow: hidden; background-image:url(/templates/pics/pic_overlay.png); }
.project-year {
	background-image: url(/templates/pics/project_year.png);
	background-repeat: no-repeat;
	background-position: 0 57px;
	height: 10px;
	overflow: visible; 
	position: relative;
	padding: 0 0 0 5px;
}
html>body .project-year { height: auto; min-height: 10px; }
.year { display: block; position: absolute; left: 5px; top: 124px; z-index: 15; width: 100px; height: 20px; font-size: 10px;  }

a.single-project, a.single-project:link, a.single-project:visited, a.single-project:active, a.single-project:hover,
a.vorportrait, a.vorportrait:link, a.vorportrait:visited, a.vorportrait:active, a.vorportrait:hover {  
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	margin: 0 15px 20px 0;
	cursor: pointer;
	z-index:20;
	outline: none;
}
a.single-project:hover { border: 0; }
.project-title, a.single-project:link .project-title, a.single-project:visited .project-title, a.single-project:active .project-title { 
	display: none;
	
}
.project-pic, a.single-project:link .project-pic, a.single-project:visited .project-pic, a.single-project:active .project-pic { 
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
a.single-project:hover .project-pic { display:none; } 
a.single-project:hover .project-title, .project-title-nopic { 
	display: block;
	position: absolute;
	width: 90px;
	height: 80px;
	padding: 40px 15px 0 15px;
	left: 0;
	top: 0;
	background-color: #FF4300;
	color: #FFFFFF;
	font-size: 11px; 
	text-align: center;
	z-index: 10;
}
.pt-inbox { display: block; width: 90px; height: 37px; overflow:hidden; line-height: 12px; }
.pic-overlay{
	position: absolute;
	width: 120px;
	height: 120px;
	left: 0;
	top: 0;
	z-index: 15;
	background-image: url(/templates/pics/pic_overlay.png);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.pic-overlay-act { background-image: url(/templates/pics/pic_overlay_act.png); }
/**
* Projectdetail
*/
#project-detail, #project-relations {
	height: 255px;
	background-color: #FF4300;
	width: 1000px;
	margin: 0 0 40px 0;
	color: #FFFFFF;
	position: relative;
}
.project-description {
	position: absolute;
	left: 732px;
	top: 15px;
	width: 250px;
	height: 225px;
	z-index: 10;
	overflow: hidden;
}
.project-description a:link, .project-description a:visited, .project-description a:active, .project-description a:hover {
	color: #FFFFFF; text-decoration: underline;
}
.project-description a:hover {
	text-decoration: none;
}  
.project-description h1 { color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 18px; letter-spacing: 1px; margin: 0 0 15px 0; padding: 0;}
.project-description-text { line-height: 15px; font-size: 11px; }
.project-detail-pics {
	position: absolute;
	left: 0;
	top: 0;
	width: 715px;
	height: 255px;
	z-index: 10;
	overflow: hidden;
	background-image: url(/templates/pics/bg_scroll.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.project-detail-pics-scroll { 
	height: 255px;
	overflow: auto;
	white-space:nowrap;
}
#project-relations { display:none; position: absolute; left: 0; top: 0; z-index:50; margin: 0; padding: 20px 15px; width: 685px; height: 215px;  }
#project-relations ul { margin: 0; padding: 0; list-style: none; }
#project-relations li { font-size: 12px; line-height: 17px; clear: both; display: block; }
#project-relations span.relmedium { text-transform: uppercase; display: block; float:left; width: 150px; margin-bottom: 4px; border-right: 2px solid #FFFFFF; font-weight: bold;}
#project-relations a:link, #project-relations a:visited, #project-relations a:active, #project-relations a:hover { 
	display: block; float:left;
	margin-bottom: 2px;
	color: #FFFFFF;
	background-image: url(/templates/pics/relationslink.jpg);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding: 0 20px;  
}
/**
* Snippets allgemein
*/
.sn { width: 1000px; margin-bottom: 35px; }
.sn-left {width: 200px; color: #FF4300; margin-right: 20px; font-weight: normal; text-transform: uppercase; font-family: VOR, Arial, Helvetica, sans-serif;  }
.sn-right {width: 760px; font-weight: normal; line-height: 17px; padding-top: 6px; font-size: 12px; }
.leftH1 { font-size: 18px; letter-spacing: 1px; font-weight: bold; color: #FF4300; margin: 0; padding: 0; line-height: 27px; font-family: VOR, Arial, Helvetica, sans-serif; }
.mt-80 { margin-top: 80px; }