@charset "UTF-8";

/**
 * @section Layout
 */

 	body {
		background-color: #434944;
		color: #ffffff;
 		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.09em;
 	}	
	
	#wrapper {
		margin: 0 auto;
		width: 825px;
	}  
	
	#page {
		padding-top: 25px;
	}

	#header {
		clear: both;
		position: relative;
	}

	#navigation {
		padding-bottom: 3px;
	}
	
	#language {
		position: absolute;
		left: auto;
		top: 0;
		right:0;
	}

	#content {
		padding: 20px 0;
	}
	
	#contentMain,
	#contentMarginal {
		float: left;
	}
	
	#contentMain {
		margin-right: 10px;
		width: 540px;
	}

	#contentMarginal {
		font-size: .91em;
		width: 275px;		
	}

	#header,
	#navigation,
	#content {
		border-bottom: 1px solid #999999;
	}
	
	#footer {
		font-size: .91em;
		padding-top: 5px;
		position: relative;
	}

  
/**
* @section Navigation
*/

	#header ul {
		margin: 0;
	} 
	
	#header li {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0 10px 0 0;
	}
	
	#header li a {
		display: block;
		position: relative;
		overflow: hidden;
		height: 32px;
		width: 100px;
	}
	
	#header #language li {
		margin: 0 0 0 10px;
	}
	#header #language li a {
		height: 20px;
		width: 30px;
	}
	
	#header #navigation li a span,
	#header #language li a span,
	a.gfx span,
	.hide {
		position: absolute;
		left: -10000em;
	}
	
	#navigation .work a { background: transparent url(../img/btn_navi_work.png) top left no-repeat; }
	#navigation .work.active a,
	#navigation .work a:hover  { background-image: url(../img/btn_navi_work_hover.png); }
	
	#navigation .about a { background: transparent url(../img/btn_navi_about.png) top left no-repeat; }
	#navigation .about.active a,
	#navigation .about a:hover { background-image: url(../img/btn_navi_about_hover.png); }

	#navigation .cv a { background: transparent url(../img/btn_navi_cv.png) top left no-repeat; }
	#navigation .cv.active a,
	#navigation .cv a:hover { background-image: url(../img/btn_navi_cv_hover.png); }

	#navigation .contact a { background: transparent url(../img/btn_navi_contact.png) top left no-repeat; }
	#navigation .contact.active a,
	#navigation .contact a:hover { background-image: url(../img/btn_navi_contact_hover.png); }
	
	#navigation .imprint a { background: transparent url(../img/btn_navi_imprint.png) top left no-repeat; }
	#navigation .imprint.active a,
	#navigation .imprint a:hover { background-image: url(../img/btn_navi_imprint_hover.png); }

	#navigation .langDE a { background: transparent url(../img/btn_de.png) top left no-repeat; }
	#navigation .langDE.active a,
	#navigation .langDE a:hover { background-image: url(../img/btn_de_hover.png); }
	
	#navigation .langEN a { background: transparent url(../img/btn_en.png) top left no-repeat; }
	#navigation .langEN.active a,
	#navigation .langEN a:hover { background-image: url(../img/btn_en_hover.png); }

  
/**
* @section Footer
*/

	#footer {
		font-size: 1em;
	}

	#footer span.updated {
		display: block;
		font-size: .91em;
		font-weight: normal;
		position: absolute;
		top: 5px;
		left: auto;
		right: 0;
	}


/**
* @section General Styles
*/

#contentMain h2 {
	font-size: 1.08em;
	margin-bottom: .5em;
}

#contentMain p {
	margin-bottom: 20px;
}

#contentMain p.hidden {
	margin-top:5px;
	margin-bottom: 8px;
	padding-bottom:8px;
	border-bottom: 1px solid #666666;
}

#contentMain li p.hidden:last-child {
	border-bottom:none!important;
	padding-bottom:0;
}

#contentMain .block .cvList p {
	margin-bottom: 8px;
}

#contentMain .cvList .date {
	font-size: .91em;
}

#contentMain span.period {
	font-weight: normal;
	margin-left: 5px;
}

#contentMain img.profile {
	margin-bottom: 10px;	
}

span.smallText {
	font-size: .91em;
}

#header .banner a.link {
	position: absolute;
	left: auto;
	right: 0;
	top: 35px;
	height: 20px;
	width: 150px;
}

.noBorder {
	border: none;
}

/**
* @section Banner
*/
	.banner {
		position: relative;
	}	

/**
* @section Links
*/

	a {
		color: #ffffff;
		text-decoration: none	
	}
	
	a:active, a:hover {
		text-decoration: underline;
	}

	a.gfx {
		margin-bottom: 4px;
	}
		
	a.more,
	a.blockMore,
	a.less {
		background: transparent url(../img/btn_more.png) 0 0 no-repeat;
		display: inline-block;
		height: 20px;
		width: 90px;
		overflow: hidden;
	}
	a.more:hover,
	a.blockMore:hover { background-image: url(../img/btn_more_hover.png); }

	a.less,
	a.blockLess {
		background-image: url(../img/btn_less.png)!important;
	}
	a.less:hover,
	a.blockLess:hover { background-image: url(../img/btn_less_hover.png)!important; }

	a.impressum {
		background: transparent url(../img/btn_impressum.png) top left no-repeat;
		display: inline-block;
		height: 20px;
		width: 150px;
		overflow: hidden;
	}
	a.impressum:hover { background-image: url(../img/btn_impressum_hover.png); }	

	
	a.externalLink {
		background: transparent url(../img/icon_externalLink.png) right 6px no-repeat;
		cursor: pointer;
		display: inline-block;
		padding-right: 17px;
		text-decoration: underline;
	}

	#gallery a.externalLink {
		background: transparent url(../img/icon_externalLink_thickbox.png) right 3px no-repeat;
		color: #666!important;
	}

	
	a.pdfLink {
		background: transparent url(../img/icon_pdfLink.png) right 1px no-repeat;
		cursor: pointer;
		display: inline;
		padding-right: 17px;
		text-decoration: underline;
	}


/**
* @section WORK
*/

body.work #contentMain {
	width: 100%;
}

body.work #contentMarginal {
	display: none;
}

.portfolio a.link { background: transparent url(../img/btn_download_portfolio.png) top left no-repeat; }
.portfolio a.link:hover { background-image: url(../img/btn_download_portfolio_hover.png); }

ul#works {
	margin: 0;
}

ul#works li {
	background: transparent url(../img/bg_works_li.png) 0 0 no-repeat;
	display: block;
	cursor: pointer;
	float: left;
	margin: 1px;
	padding: 0;
	height: 191px;
	width: 273px;
	position: relative;
}

ul#works li h3 {
	font-size: 1.18em;
}

ul#works li a {
	text-decoration: none;
}

ul#works li img {
	z-index: 1;	
}

ul#works .highlight {
	display:none;
	background: transparent url(../img/container_bild_fokus_oben.png) 0 0 no-repeat;
	position: absolute;
	top: -11px;
	left:-1px;
	height: 203px;
	width: 275px;
	z-index: 99;
}

ul#works .highlight.bottom {
	background-image: url(../img/container_bild_fokus_unten.png);
	top: -1px;
}

ul#works .highlight span.text {
	color: #000;
	font-size: .91em;
	font-weight: normal;
	position:absolute;
	top: 4px;
	text-align: center;
	width: 275px;
}

ul#works .highlight.bottom span.text {
	top: 180px;
}



/**
* @section ABOUT
*/

.about a.link { background: transparent url(../img/btn_download_portfolio.png) top left no-repeat; }
.about a.link:hover { background-image: url(../img/btn_download_portfolio_hover.png); }



/**
* @section CV
*/

body.cv #contentMain {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

body.cv #contentMarginal {
	display: none;
}

.cv a.link { background: transparent url(../img/btn_download_cv.png) top left no-repeat; }
.cv a.link:hover { background-image: url(../img/btn_download_cv_hover.png); }

ul.cvList,
ul.cvList li {
	margin: 0;		
	padding: 0;
	list-style-type: none;
}

ul.cvList li {
	border-bottom: 1px solid #666;
	padding: 8px 0;
	position: relative;
}

ul.cvList li.first {
	padding-top: 0;
}

ul.cvList li.last {
	border: none;
	padding-bottom: 0;
}

ul.cvlist p.jsHide {
	border-bottom: 1px solid #666;	
}

span.date {
	font.size: .82em;
}

span.more {
	display:block;
	position:absolute;
	left:auto;
	right:0;
	top:7px;
}

li.first span.more {
	top: 0;
}


/**
* @section CONTACT
*/

.contact a.link { background: transparent url(../img/btn_download_vcard.png) top left no-repeat; }
.contact a.link:hover { background-image: url(../img/btn_download_vcard_hover.png); }

.formWrapper .cf {
	margin: 0 0 15px 0;
}

.formWrapper label {
	display: block;
	clear:both;
	font-size: 1.09em;
	margin-bottom: 5px;
}

.formWrapper label.error {
	color: #1FEB1F;
	font-weight:normal;
}

span.required, .green {
	color: #1FEB1F;
}

.formWrapper input.text,
.formWrapper textarea {
	background-color: #999;
	width:300px;
}

.formWrapper textarea {
	width:536px;
}

.formWrapper .inputText {
	position:relative;
}
.formWrapper .searchbgIE {
	background: transparent (../img/inputTextBg.png) 0 0 no-repeat;
	width:101px;
	height:23px;
	display:block;
	border: 0;
}

.formWrapper input.text,
.formWrapper textarea {
	float:left;
	background: transparent url(../img/inputTextBg.png) 0 0 no-repeat;
	border:0;
	height: 20px;
	padding: 2px 3px 0px 3px;
}

.formWrapper textarea {
	background-image: url(../img/inputTextareaBg.png);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	padding-bottom: 2px;
	height: 168px;
}


.formWrapper input.text.error {
	background-image: url(../img/inputTextBg_error.png);
}

.formWrapper textarea.error {
	background-image: url(../img/inputTextareaBg_error.png);
}

.formSubmit,
.formSubmit input.button {
	clear: both;
	display: block;
	margin: 15px 5px 5px 0;
}



/**
* @section IMPRINT
*/

.imprint a.link { background: transparent url(../img/btn_download_vcard.png) top left no-repeat; }
.imprint a.link:hover { background-image: url(../img/btn_download_vcard_hover.png); }



/**
* @section Definition List
*/

	dt, dd {
		border-top: 1px solid #666;
		padding: 12px 0 0 0;
	}

	dt {
		float:left;
		margin: 0 0 15px 0;
		padding-right:15px;
		width:155px;
	}
	
	dd {
		float:left;
		margin: 0 0 15px 0;
		width:620px;
	}
	
	dt.block {
		width:775px;
		position:relative;
	}
	
	dd.block {
		position: relative;
		left: 170px;
		border: none;
		padding: 0;
	}
	
	dd li a.externalLink {
		margin-bottom:8px;
	}


/**
* @section MARGINAL
*/

#contentMarginal,
#contentMarginal a{
	color: #ccc; 
}

#contentMarginal h2 {
	font-size: 1.09em;
	margin-bottom: 3px;
}

#contentMarginal a {
	text-decoration: underline;
}

#contentMarginal .banner {
	background-color: #363a36;
	margin-bottom: 2px;
	padding: 10px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#contentMarginal ul,
#contentMarginal li {
	list-style-type: none;
	margin: 0;
}


/**
* @section Gallery
*/

#galleryBody {
	background-color: #fff;
	color: #333;
}

#gallery {
	position: relative;
	font-size: 1em;
}

#gallery li {
	float:left;
	list-style-type: none;
}


#gallery ul.imgList {
	position: relative;
	width:1000em;
}

#gallery ul.imgList li {
	margin: 0;
	text-align: center;
	width: 775px;
}

#gallery .mask {
	position: relative;
	overflow: hidden;
	width: 100%!important;
}

#gallery #info {
	border-top: 1px solid #999;
	color: #666;
	position: absolute;
	top: 400px;
	padding: 10px 12px 0;
}

#gallery h2 {
	color:#666;
	display:block;
	font-size: 1em;
	font-weight: normal;
	float: left;
	margin: 0;
	width: 95px!important;
	text-align:right;
	padding-right:10px!important;
}

#gallery p {
	float: left;
	margin: 0;
	padding: 0!important;
	width: 650px;
}

#gallery #btnLeft,
#gallery #btnRight {
	position: absolute;
	top: 170px;
	left: 15px;
}

#gallery #btnRight {
	left: auto;
	right: 15px;
}

#gallery #dots ul {
	text-align: center;
}

#gallery #dots li {
	display: inline;
	float: none;
	margin: 0 2px;
}