/*
*	Basics
*/
body {
	background:#160003 url(../images/background.gif) center;
	color:#c1b6b8;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
}
p {
	line-height:1.8;
	margin-bottom:1.5em;
	font-size:13px;
}
img {
	display:block;
}

/*
*	Links
*/
a,
.fakeLink {
	border-bottom:1px dotted #AB364C;
	color:#ffffff;
	padding:1px;
	text-decoration:none;
}
a:hover,
a:focus,
a.active {
	color:#ffffff;
	background:#AB364C;
	outline:0;
}
a.linkNoBorder,
a.linkNoBorder:hover {
	background:transparent;
	border:0px;
	padding:0px;
}
a.linkNoBorder img,
a.linkNoBorder:hover img {
	display:block;
}
abbr, acronym {
	border-bottom:0px;
}

/*
*	Headlines
*/
h1 {
	color:#AB364C;
	font-size:26px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:-2px;
}
h2 {
	color:#AB364C;
	font-size:18px;
	font-weight:bold;
}
h3 {
	color:#AB364C;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin-bottom:10px;
}
/*
*	BasicClasses
*/
ul.bullets {
	list-style-type:none;
	margin:10px 0px;
	padding:0;
}
ul.bullets li {
	background:url(../images/next.gif) no-repeat 2px 9px;
	padding:5px 0px 5px 30px;
}
ul.inlineList,
ul.tasks {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.inlineList li {
	display:inline;
}
ul.tasks li{
	background:url(../images/mark.gif) no-repeat center left;
	padding:5px 0px 5px 30px;
}
.clearB {
	clear:both;
	height:0px;
	line-height:0; /* IEfix */
}
.floatLast {
	margin-right:0px !important;
}
.noMargin {
	margin-bottom:0px !important;
}
.smallMargin {
	margin-bottom:5px !important;
}
.darkFont {
	color:#675B60;
}
.blackFont {
	color:#000000;
}
.smallFont {
	font-size:11px;
}
.noBorder {
	border:0px !important;
}
.hide {
	display:none;
}

/*
*	BasicLayout
*/
#container {
	margin:50px auto;
	width:940px;
}
/*
*	Header
*/
#header {
	border-bottom:1px solid #441329;
	height:50px;
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
}
#header #logo {
	background:url(../images/logo.gif) no-repeat bottom left;
	width:420px;
	position:absolute;
	bottom:20px;
	left:0px;
}
#header #logo a img {
	width:420px;
	height:48px;
}
#header #navigation {
	text-align:right;
	width:520px;
	position:absolute;
	bottom:20px;
	right:0px;
	height:20px;
}
#header #navigation li{
	font-size:13px;
	margin-left:30px;
	padding:2px;
}
/*
*	Footer
*/
#footer {
	font-size:11px;
	margin:2px 0px 20px 0px;
	padding:2px 0px;
}
#footer .col1 {
	float:left;
	width:450px;
}
#footer .col2 {
	float:right;
	text-align:right;
	width:450px;
}
#footerNavigation li {
	margin-left:20px;
}
/*
*	MainContent
*/
#mainContent {

}
.mainContent1Col,
.mainContent2Col,
.mainContent3Col {
	padding-bottom:5px;
	border-bottom:1px solid #441329;
}

.mainContent2Col .col1 {
	float:left;
	width:460px;
}
.mainContent2Col .col2 {
	float:right;
	width:460px;
}
.mainContent2Col .col1Intent{
	float:left;
	margin-left:50px;
	width:520px;
}
.mainContent2Col .col2Intent {
	float:right;
	margin-top:34px;
	width:320px;
}
.mainContent2Col .col1IntentHD{
	float:left;
	margin-left:50px;
	width:590px;
}
.mainContent2Col .col2IntentHD {
	float:right;
	margin-top:0px;
	margin-right:50px;
	width:210px;
}
.mainContent2Col .col1Small {
	float:left;
	width:260px;
}
.mainContent2Col .col2Big {
	float:right;
	width:680px;
}
.mainContent3Col .col1 {
	float:left;
	margin-right:20px;
	width:300px;
}
.mainContent3Col .col2 {
	float:left;
	margin-right:20px;
	width:300px;
}
.mainContent3Col .col3 {
	float:left;
	width:300px;
}
/*
*	Thumbs
*/
.thumbWrapper {
	float:left;
	margin:10px 8px 5px 0px;
	width:308px;
	position:relative;
}
.thumbWrapper .thumbImage {
	background:#160003;
	padding:5px;
	height:100px;
	width:298px;
}
.thumbWrapper .thumbDescription {
	background:#AB364C;
	color:#ffffff; 
	font-size:11px;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	position:absolute;
	top:75px;
	left:5px;
}
.thumbWrapper .thumbTeaser {
	padding:5px 5px;
}
.thumbWrapper .thumbTeaser p {
	font-size:11px;
}
.thumbWrapper .lastThumbWebdesign {
	background:#160003;
	padding:30px 20px;
}
.thumbWrapper .lastThumbPhotographie {
	background:#160003;
	padding:20px 20px;
}
.thumbWrapper .lastThumbWebdesign p,
.thumbWrapper .lastThumbPhotographie p {
	font-size:11px;
}
.thumbWrapper .imageSpacer {
	padding:30px 0px;
	text-align:center;
}
/*
*	LightBoxHD
*/
.lightBoxHD {
	height:468px;
	padding-bottom:20px;
	position:relative;
}
.lightBoxHD .bar {
	background:url(../images/lbhdshadow.jpg) no-repeat 10px 50px #160003;
	height:298px;
	width:940px;
	position:absolute;
	top:80px;
	left:0px;
}
.lightBoxHD #lightBoxPicture {
	background:#160003;
	display:block;
	padding:10px;
	height:448px;
	width:840px;
	position:absolute;
	top:-80px;
	left:40px;
	z-index:3;
}
.lightBoxHD #lightBoxPicture #ajaxBox {
	height:448px;
	width:840px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:500;
}
.lightBoxHD #lightBoxDescription {
	width:200px;
	position:absolute;
	right:0px;
	bottom:20px;
}

.col2IntentHD #lightBoxDescription {
	display:none;
}

/*
*	LightBox
*/
.lightBox {
	height:448px;
	padding-bottom:10px;
	position:relative;
}
.lightBox .bar {
	background:url(../images/lbshadow.jpg) no-repeat 10px 50px #160003;
	height:285px;
	width:940px;
	position:absolute;
	top:80px;
	left:0px;
}
.lightBox #lightBoxPicture {
	background:#160003;
	display:block;
	padding:10px;
	height:428px;
	width:640px;
	position:absolute;
	top:-80px;
	left:40px;
	z-index:3;
}
.lightBox #lightBoxPicture #ajaxBox {
	height:428px;
	width:640px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:500;
}
.lightBox #lightBoxDescription {
	width:200px;
	position:absolute;
	right:10px;
	bottom:20px;
	z-index:120;
}
.galleryDescription {
	margin:0px 0px 0px 50px;
	width:640px;
}
/*
*	LightBox Buttons (Small + Regular)
*/
.lightBox #prevPicture,
.lightBox #nextPicture,
.lightBoxHD #prevPicture,
.lightBoxHD #nextPicture,
.lightBoxSmall #prevPicture,
.lightBoxSmall #nextPicture {
	border:0;
	cursor:pointer;
	padding:20px 0px;
	text-align:center;
	width:40px;
	height:130px;
}
.lightBox #prevPicture,
.lightBoxHD #prevPicture,
.lightBoxSmall #prevPicture {
	background:#160003 url(../images/prevPic.jpg) no-repeat top left;
}
.lightBox #prevPicture:hover,
.lightBoxHD #prevPicture:hover,
.lightBoxSmall #prevPicture:hover {
	background-position:bottom left;
}
.lightBox #nextPicture,
.lightBoxHD #nextPicture,
.lightBoxSmall #nextPicture {
	background:#160003 url(../images/nextPic.jpg) no-repeat top left;
}
.lightBox #nextPicture:hover,
.lightBoxHD #nextPicture:hover,
.lightBoxSmall #nextPicture:hover {
	background-position:bottom left;
}
.lightBoxSmall #prevPicture {
	position:absolute;
	left:0px;
	top:8px;
	z-index:100;
}
.lightBoxSmall #nextPicture {	
	position:absolute;
	left:580px;
	top:8px;
	z-index:100;
}
.lightBox #prevPicture {
	position:absolute;
	left:0px;
	top:50px;
	z-index:100;
}
.lightBox #nextPicture {
	position:absolute;
	left:700px;
	top:50px;
	z-index:100;
}
.lightBoxHD #prevPicture {
	position:absolute;
	left:0px;
	top:65px;
	z-index:100;
}
.lightBoxHD #nextPicture {
	position:absolute;
	right:0px;
	top:65px;
	z-index:100;
}
.lightBox #backToGallery,
.lightBoxHD #backToGallery {
	background:#160003 url(../images/back.gif) no-repeat center bottom;
	border:0;
	cursor:pointer;
	height:15px;
	width:80px;
}
.lightBox #backToGallery {
	position:absolute;
	left:325px;
	top:-95px;
	z-index:7;
}
.lightBoxHD #backToGallery {
	position:absolute;
	left:430px;
	top:-95px;
	z-index:7;
}

.visitProject,
.visitProject:hover,
.buttonKennenlernen,
.buttonKennenlernen:hover  {
	background:url(../images/submitBackground.gif) left center no-repeat;
	border:0;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 25px;
	margin:0;
	margin-right:10px;
	overflow:visible;
}
.buttonKennenlernen,
.buttonKennenlernen:hover {
	padding:6px 19px;
}
.offlineProject,
.offlineProject:hover  {
	background:url(../images/submitGreyBackground.gif) left center no-repeat;
	border:0;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 35px;
	margin:0;
	margin-right:10px;
	overflow:visible;
}
#ajaxLoader {
	background:#160003 url(../images/ajax-loader.gif) center center no-repeat;
	height:40px;
	width:80px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:499;
}
/*
*	LightBoxSmall
*/
.lightBoxSmall {
	height:265px;
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px solid #441329;
	position:relative;
}
.lightBoxSmall .bar {
	background:#160003;
	height:185px;
	width:940px;
	position:absolute;
	top:40px;
	left:0px;
}
.lightBoxSmall #lightBoxPicture #ajaxBox {
	height:245px;
	width:520px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	z-index:500;
}
.lightBoxSmall #lightBoxPicture #ajaxBoxSwap {
	height:245px;
	width:520px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;
	z-index:498;
}
.lightBoxSmall #lightBoxPicture {
	background:#160003;
	display:block;
	padding:10px;
	height:245px;
	width:520px;
	position:absolute;
	top:-40px;
	left:40px;
	z-index:3;
}
.lightBoxSmall #lightBoxPicture img {
	/*height:245px; */
	width:520px;
}
.lightBoxSmall #lightBoxPicture  .infoText {
	background:#AB364C;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	line-height:1.2;
	padding:5px 8px;
	position:absolute;
	left:0px;
	bottom:30px;
	z-index:100;
}
.lightBoxSmall .introText {
	background:#160003;
	margin-left:640px;
	padding:20px 10px 20px 0px;
	width:290px;
}
.lightBoxSmall .introText h1 {
	margin-bottom:8px;
}
.lightBoxSmall .introText p {
	font-size:11px;
	line-height:1.5;
	margin-bottom:0px;
}
/*
*	Kontaktseite
*/
.portrait {
	background:#160003;
	margin-bottom:20px;
	padding:5px;
	width:200px;
}
.contactDetails {
	padding-left:5px;
}
.darkBox {
	background:#160003;
	padding:10px 20px;
	margin-bottom:20px;
	font-size:11px;
}
.darkBox p {
	font-size:11px;
}

/* 
#
#	ContactForm
#
*/
#contactForm {
	margin-bottom:20px;
}
#contactForm .inputContainer {
	margin:5px 0px;
}
#contactForm .row .labels {
	float:left;
	padding-top:12px;
	text-align:left;
	padding-right:0px;
	width:145px;
}
.requiredField {
	background:url(../images/required.gif) 120px 13px no-repeat;
}
.successField{
	background:url(../images/mark.gif) 120px 13px no-repeat;
}
#contactForm .row .inputs {
	float:right;
	margin-right:10px;
	width:360px;
}
#contactForm label {
	font-weight:normal;
}
#contactForm .formText {
	background:url(../images/inputBackground.gif) no-repeat;
	border:0;
	font-size:13px;
	font-weight:bold;
	padding:6px 10px;
	width:340px;
	height:19px;	
}
#contactForm textarea {
	background:url(../images/textareaBackground.gif) no-repeat;
	border:0;
	font-family:Tahoma, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 10px;
	width:340px;
	height:112px;
}
.submitButton {
	background:url(../images/submitBackground.gif) center center no-repeat;
	border:0;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	margin:0;
	margin-right:10px;
	overflow:visible;
}
#contactForm .resetButton {
	background:transparent;
	border:0px;
	border-bottom:1px dotted #AB364C;
	color:#ffffff;
	font-size:11px;
	padding:1px;
}
.hint {
	background:url(../images/required.gif) 0px 2px no-repeat;
	text-align:right;
	float:right;
	width:135px;
	margin:0;
	margin-right:10px;
	padding:0;
}
.messageBoxSuccess {
	background:#160003 url(../images/mark.gif) no-repeat 20px 17px;
	padding:10px 20px 10px 60px;
	margin:34px 10px 20px 0px;
}
.messageBoxError {
	background:#160003 url(../images/required.gif) no-repeat 20px 15px;
	padding:10px 20px 10px 60px;
	margin:34px 10px 20px 0px;
}
/* 
#
#	Social Media Box
#
*/
.socialMediaButtons {
	font-size:11px;
}
.socialMediaButtons ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.socialMediaButtons li {
	padding:5px 50px 5px 25px;
}
.socialMediaButtons li.xing {
	background:url(../images/smicons/xing.gif) no-repeat left center;
}
.socialMediaButtons li.twitter {
	background:url(../images/smicons/twitter.gif) no-repeat left center;
}
.socialMediaButtons li.lastfm {
	background:url(../images/smicons/lastfm.gif) no-repeat left center;
}
.socialMediaButtons li.flickr {
	background:url(../images/smicons/flickr.gif) no-repeat left center;
}
.socialMediaButtons li.dopplr {
	background:url(../images/smicons/dopplr.png) no-repeat left center;
}
.socialMediaButtons li.nikeplus {
	background:url(../images/smicons/nikeplus.png) no-repeat left center;
}