/*
Name:		site.css
Zweck:		Layout Definitionen
Ersteller:	fm, mt
=============================
*/

	html, body { 
		height: 100%;
	} 
	
	hr {
		border: 0;
		background-color: #e9e9e9;
		height: 1px;
		margin: 20px 0 24px 0;
	}

	hr.spacerTopBottom {
		margin: 10px 0 12px 0;
	}

	q {
		display: block;
		padding-left: 15px;
		border-left: 1px solid #e9e9e9;
		margin-bottom: 1em;
	}
	p {
		margin-bottom:10px;
	}

	strong {
		font-weight: bold;
	}
	
	div.threeColumnLayout .columnOne ul, div.threeColumnLayout .columnTwo ul,
	div.twoColumnLayout .columnOne ul, div.twoColumnLayout .columnTwo ul {
		list-style: square;
		margin-left: 30px;
	}
	
	div#mainContainer { 
		position: relative;
		width: 990px; 
		min-height: 100%;
		margin: 0 auto;
	} 
	
	* html div#mainContainer { 
		height: 100%; 
	} 
	 
	div#contentContainer { 
		padding-bottom: 90px; /* Must have same value like the footer height */ 
	} 
	 
	div#footerContainer { 
		position: relative; 
		width: 900px;
		height: 60px;
		border-top: 3px solid #e9e9e9;  
		margin: -63px auto 0 auto; /* Must have same value like the footer height */ 
	} 

/*
iPhone Toolbar
=============================
*/		

div#iphonetoolbar {
	width:100%;
	height:80px;
	padding-top:60px;
	background:#eeeeee;
}

/*
Optional Content Styles
=============================
*/		
	
	div#header { 
		margin: 0 45px;
	} 
	
	a#logo {
		float: left;
		display: block;
		background: url(../images/logo.gif) bottom no-repeat;
		text-indent:-9999em;
		width: 231px;
		height: 36px;
		margin: 40px 0 50px 0;
	}
	
	div#banner {
		background: #eee;
		padding: 15px 45px;
	}
	
	div#content { 
		margin: 20px 45px 0 45px;
	} 
	 
	div#footer { 
		padding: 15px 0; 
		color: #888;
	} 
	 
	div#footer a { 
		padding: 15px 0; 
	} 
	
	div#footer address {
		float: left;
		margin-right: 20px;
	}

/*
Three Column Layout
=============================
*/		
	
	div.threeColumnLayout div.columnOne, div.threeColumnLayout div.columnThree {
		float: left;
		width: 265px;
	}
	
	div.threeColumnLayout div.columnTwo {
		float: left;
		width: 290px;
		margin: 0 40px;
	}
	div#footer div.columnOne {
		float: left;
		width: 285px;
	}
	div#footer div.columnThree {
		float: left;
		width: 220px;
	}
	
	div#footer div.columnTwo {
		float: left;
		width: 355px;
		margin: 0 30px 0 10px;
	}

/*
Two Column Layout
=============================
*/		
	
	div.twoColumnLayout div.columnOne {
		float: left;
		width: 590px;
		margin-right: 10px;
		padding-right:20px;
	}
	
	div.twoColumnLayout div.columnTwo {
		float: left;
		width: 265px;
		margin-left: 10px;
	}

/*
Two Column Layout
=============================
*/			
	
	/* --- Navigation --- */
	
	ul#navigation {
		float: right;
		margin: 18px 0 0 0;
		font-size: 1.25em;
	}
	
	ul#navigation li {
		float: left;
		list-style:none;
	}
	
	ul#navigation li.current a, ul#navigation li.current a:hover {
		background: #e65224;
	}
	
	ul#navigation li a:hover {
		background: #f2f2f2;
	}
	
	ul#navigation li a {
		display: block;
		text-decoration: none;
		padding: 25px 35px 10px 10px;
	}
	
	ul#quickNavigation {
		float: left;
		margin: 0 0 1em 0;
		list-style: none;
	}
	
	ul#quickNavigation li {
		float: left;
		padding: 0 9px;
		border-right: 1px solid #e9e9e9;
	}
	
	ul#quickNavigation li.first {
		padding-left: 0;
	}
	
	 ul#quickNavigation li.last {
	 	padding-right: 0;
		border-right: 0;
	 }
	
	ul#quickNavigation li a {
		display: block;
	}	
	
	span.sIFR-alternate {
		display:none;
	}
	
	.clear {
		clear: both;
	}
	
	h1 {
	margin-bottom: 0;
} 

h2.pageTitle {
	display:none;
}

h3 {
	margin-bottom: 14px;
	clear: both;
} 

h3.spacerTop {
	margin-top: 30px;
}

h4 {
	line-height: 1.4em;
	margin-bottom: 10px;
}	

h5 {
	float: left;
	background: #e65224;
	padding: 0 3px;
	margin: -1px 3px 0 0;
}
dd {
line-height:1.5;
}
table {
	border-collapse:inherit;
	border-spacing:0;
}
td {
	border:none;
	line-height:1.5;
	padding:0;
	vertical-align:top;
}
/*
Kommentar Linien
=============================
*/		
.line {
	border-bottom:1px dotted #CCCCCC;
	margin: 20px 0;
}
#svComments dl {
	border:none;
} 


/*
Two Column Layout
=============================
*/			

.content p {
	margin-bottom: 1em;
}

.content a.spacerTop {
	display: block;
	margin-top: 1em;
}

/*
Team Bereich
=============================
*/	

.teamImgBox div {
	margin: 0 10px 12px 0;
}
.teamImgBox div.last {
	margin: 0 0 12px 0;
}

a.teamImg {
	display: block;
	width:70px;
	height:70px;
	border: 4px solid #e9e9e9;
	background-position:center;
	background-repeat:no-repeat;
}

div.columnTwo .teamImg:hover {
	border: 4px solid #e65224;
}
/* -------------- Detail Seite -------------- */

#primary.content div#teammember div#images {
	float:left;
	margin:0 1em 1em 0;
	width:277px;
}
#primary.content div#teammember #imgMed {
	float:none;
	border: 4px solid #e9e9e9;
	margin:0 0 5px 0;
	width:268px;
	height:359px;
	background-position:center;
	background-repeat:no-repeat;
}
#primary.content div#teammember #imgMed a {
	display:block;
	width:268px;
	height:359px;
}
#primary.content div#teammember #imgMed a span {
	display:none;
}
#primary.content div#teammember .smallImage, #primary.content div#teammember .smallImage-last {
	float:left;
	border: 4px solid #e9e9e9;
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
}
#primary.content div#teammember .smallImage {
	margin-right:6px;
}
#primary.content div#teammember .smallImage a.showBigImage, #primary.content div#teammember .smallImage-last a.showBigImage {
	display:block;
	width:80px;
	height:80px;
}
#primary.content div#teammember .smallImage a.showBigImage span, #primary.content div#teammember .smallImage-last a.showBigImage span {
	display:none;
}
#primary.content div#teammember .smallImage-last {
	margin-right:0;
}

#primary.content div#teammember a#svAsset {
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
	margin:0;
	padding:0 20px 0 0;
}

/*
Formulare
=================================================== */
fieldset {
	border:none;
	margin:0;
	padding:0;
	width:100%;
}
div#svComments {
	margin-top:15px;
}
fieldset legend {
	margin:0;
	padding:0;
}

fieldset li label {
	text-align:left;
	float:left;
	margin-right:0;
	padding:0 10px 0 0;
	width:120px;
}
fieldset li label.zip {
	float:left;
	display:block;
}
fieldset li label.place {
	float:left;
	display:block;
}
fieldset .req label, p.required {
	background:none;
}
fieldset input, fieldset textarea {
	float:left;
}
fieldset input.text, fieldset input.errorfield, fieldset textarea, fieldset textarea.errorfield {
	width:274px;
	padding:6px;
	margin-bottom:5px;
	border:1px solid #dedede;
}
fieldset textarea, fieldset textarea.errorfield {
	width:400px;
}
fieldset input.errorfield, fieldset textarea.errorfield {
	border:1px solid #E65224;
}
fieldset input#zip {
	float:left;
	width:74px;
	margin-right:4px;
}
fieldset input#place {
	float:left;
	width:190px;
}
form .buttons {
	float:none;
	clear:both;
	margin-left:130px;
	text-align:left;
}
form li {
	margin-bottom:0;
}
form li#svCaptcha {
	margin-left:130px;
	padding-left:0;
	width:auto;
}
input.submit {
	width:84px;
	height:26px;
	border:1px solid #dedede;
	background:#fff;
}
p.required {
	float:none;
	margin:0;
	padding:0;
}
.content p#errormessage {
	display:none;
	margin-bottom:0px;
	width:279px;
	padding:2px;
}
.content p#errormessage.showerror {
	display:block;
	width:100%;
	color:#ffffff;
	background: #E65224;
	margin-bottom:15px;
	padding:5px 0 5px 5px;
}
.error, .notice, .success {
	background: #eaeaea;
	border:1px solid #87888A;
	margin-top:1em;
	padding:0.8em;
}

/*
Projekte
=============================
*/

div#svPortal.projekte, div#svPortal.projekteticker {
	border-top:none;
}
div#svPortal.projekte dl {
	float:left;
	clear:none;
	width:50%;
	border:0;
	margin:0;
	padding:0;
}
div#svPortal.projekte dl.moreResults {
	float:none;
	width:100%;
}

div#svPortal.projekteticker dl {
	clear:none;
	border:0;
	margin:0;
	padding:0;
}
div#svPortal.projekte dl.hasImage dd.image, div#svPortal.projekteticker dl.hasImage dd.image {
	width:269px;
	height:105px;
	border: 4px solid #e9e9e9;
	display:inherit;
}
div#svPortal.projekte dl.hasImage dd.image a, div#svPortal.projekteticker dl.hasImage dd.image a {
	display:block;
	width:269px;
	height:105px;
	background-position:center;
	background-repeat:no-repeat;
}
div#svPortal.projekte dl.hasImage dd.summary, div#svPortal.projekteticker dl.hasImage dd.summary {
	margin-bottom:30px;
	width:277px;
}

#right div#svPortal dl.hasImage dd.image, #right div#svPortal dl.hasImage dd.image a {
	margin:0;
	width:257px;
}
#right div#svPortal.projekteticker dl.hasImage dd.summary {
	width:265px;
}

/*
Projekt Detail
=============================
*/
div#svGallery dl {
	float:left;
	clear:none;
	width:50%;
	border:0;
	margin:30px 0 0 0;
	padding:0;
}
div#svGallery dl dd.image {width:269px;
	height:105px;
	border: 4px solid #e9e9e9;
}
div#svGallery dl dd.image a {
	display:block;width:269px;
	height:105px;
	background-position:center;
	background-repeat:no-repeat;
}
div#svGallery dl dd.summary {
	width:277px;
	height:50px;
	padding:4px;
	background:#e9e9e9;
}
div#svGallery dl dd.summary p {
	margin-bottom:0;
}

/*
Blog
=============================
*/

div#svPortal.blog {
	border:none;
}
div#svPortal.blog dl {
	border:none;
}
div#svPortal.blog dl dd.summary {
	margin-top:10px;
}

/* Blog Nav */
div#catSummary ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#catSummary ul li {
	margin:0;
	padding:4px 0;
	border-bottom:1px solid #e9e9e9;
}
div#catSummary ul li.last {
	border-bottom:none;
}
/* Blog Year Nav */
div#dateNav {
	margin-top:20px;
}
div#dateNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#dateNav ul.month, div#dateNav ul.entry  {
	margin-left:20px;
}
div#dateNav ul.year li {
	background:url('../images/arrow_close.gif') left top no-repeat;
	margin: 0;
	padding: 0 0 0 15px;
}
div#dateNav ul.year li a {
	display:block;
	margin:0;
	padding:2px 0;
}
/* Tag Clouds */
div#svTagCloud {
	margin-top:20px;
}

/*
Kunden Ticker
=============================
*/

div#customers { 
	width:260px;
}
div#customers p {
	margin-bottom:1em;
}

div#customers a img {
	margin-top:5px;
}

/*
Feedback Ticker
=============================
*/

div#feedbacks { 
	width:260px;
	margin-top:30px;
}
div#feedbacks p {
	margin-bottom:1em;
}

div#feedback-container {
	padding-left:20px;
	border-left:1px solid #e9e9e9;
}

/*
Diverses
=============================
*/			

.projectPreviewImg {
	display: block;
	border: 4px solid #e9e9e9;
	margin-bottom: 15px;
}

.projectPreviewSpacer {
	padding-bottom: 20px;
}

.quoteAuthor {
	display: block;
	text-align: right;
}

a.linkArrow {
	background: url(../images/arrow.gif) center left no-repeat;
	padding-left: 14px;
}

span.blogEntryDetail {
	display: block;
	color: #888;
}

.backlink {
	width:100%;
	height:50px;
	border-top:1px solid #e9e9e9;
	margin-top:20px;
	padding-top:10px;
}

.backlink a {
	float:right;
}

a#twitterLink {
	float:left;
	margin-left:0px;
	display:block;
	width:20px;
	height:20px;
	background: url(../images/twitter_button.gif) center left no-repeat;
}

a#twitterLink span {
	display:none;
}

#sysAktuelleEintrge a {
	text-decoration:underline;
}

#sysAktuelleEintrge dl {
	border-bottom:1px solid #E9E9E9;	
}
#sysAktuelleEintrge dd.summary {
	margin-bottom:10px;
}

#sysAktuelleEintrge .readMore {
	display:none;	
}