@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	margin:0;
	padding:0;
	}

	
.c {clear:both;}

body.frontend {
	background-color:#FFFFFF;
	background-image:url(/assets/images/sys/bgrdBody.png);
	background-position:top;
	background-repeat:repeat-x;
	}

img {border:none;}

#printSpace {
	width:880px;
	margin:0 auto 0 auto;
	}
	
#grid {
	background-image:url(/assets/images/sys/grid.png);
	z-index:-1000;
	background-position:top left;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	}
	
#wrapColWide {
	width:670px;
	float:right;
	padding:0 0 0 0;
	}
	
#pageletSidebar {
	width:190px;
	margin-right:20px;
	float:left;
	color:#6c6f70;
	padding-top:0em;
	}
	
	
	
/* ################################################################### */
/* Kontaktformular  */
/* ################################################################### */

#pageletContactForm {
	margin-top:3em;
	}
	
	#pageletContactForm .formLabel {
		font-size:1.2em;
		height:1.6667em;
		display:block;
		}
	
	#pageletContactForm .formFeld {
		font-size:1.1em;
		height:1.55em;
		width:189px;
		display:block;
		border:1px #6c6f70 solid;
		padding:0.1em 0 0.1em 0;
		}
	
	#pageletContactForm .formFeldVericode {
		width:90px;
		margin-right:0.6em;
		height:30px;
		border:1px #6c6f70 solid;
		}
	
	#pageletContactForm .formVericodeImg {
		border:1px #6c6f70 solid;
		vertical-align:top;
		}
		
	#pageletContactForm .formZeile {
		margin-bottom:1.6667em;
		}
		
	#pageletContactForm textarea.formFeld {
		height:8em;
		}	
	
	#pageletContactForm h2,
	#pageletContactForm h3,
	#pageletContactForm p {
		font-size:1.2em;
		margin:0 0 0.8333em 0;
		line-height:1.6667em;
		}
		


/* ################################################################### */
/* Inhalt  */
/* ################################################################### */

#pageletContent {
	margin:3em 0 0 0;
	color:#6c6f70;
	}
	
	#pageletContent h1 {
		font-size:1.2em;
		text-transform:uppercase;
		}
	
	#pageletContent h2,
	 #pageletContent p {
		font-size:1.2em;
		font-weight:normal;
		line-height:1.6667em;
		}
	
	#pageletContent p {
		margin-bottom:1.6667em;
		}
	
	

/* ################################################################### */
/* dittoTplProjekte (Projektliste auf Übersichtsseite)  */
/* ################################################################### */

#pageletProjektListe {
	margin-top:3em;
	color:#6c6f70;
	}
	
	#pageletProjektListe a,
	#pageletProjektListe a:visited {
		color:#6c6f70;
		text-decoration:none;
		}
	
	#pageletProjektListe h2,
	#pageletProjektListe h3 {
		font-size:1.2em;
		}
	
	#pageletProjektListe h2 {
		text-transform:uppercase;
		}
	
	#pageletProjektListe h3 {
		line-height:1.6667em;
		font-weight:normal;
		}
	
	
	#pageletProjektListe .projektListItem {
		padding:0 0 1em 0;
		margin:0 0 1em 0;
		border-bottom: 1px #d0cfcb solid;
		}
	
	#pageletProjektListe .projektListItemLast {
		padding:0 0 1em 0;
		margin:0 0 0 0;
		border-bottom: none;
		}
	
		#pageletProjektListe .info {
			float:left;
			}
	
		#pageletProjektListe .thumb {
			width:11em;
			margin-right:2em;
			float:left;
			}
	
/* ################################################################### */
/* pageletProjektBeschreibung  */
/* ################################################################### */


#pageletProjektBeschreibung {
	margin:2em 0 1em 0;
	}
	
	#pageletProjektBeschreibung p {
		font-size:1.2em;
		line-height:1.6667em;
		color:#6c6f70;
		margin-bottom:1em;
		}
	


/* ################################################################### */
/* pageletProjektGallery  */
/* ################################################################### */
#pageletProjektGallery {
	width:44em;
	margin-right:2em;
	float:right;
	margin-top:3em;
	}
	
	
	#pageletProjektGallery #pageletMgThumbs {
		padding-top:1em;
		border-top:1px #d0cfcb solid;
		}
		
		#pageletProjektGallery .thumbSingle {
			width:5em;
			height:5em;
			margin-right:1em;
			float:left;
			}
			
			#pageletProjektGallery .thumbSingle img {
				border:none;
				}

	

/* ################################################################### */
/* pageletProjektDetails  */
/* ################################################################### */

#pageletProjektDetails {
	width:21em;
	color:#6c6f70;
	float:right;
	margin-top:3em;
	}
	
	#pageletProjektDetails h1 {
		font-size:1.2em;
		font-weight:bold;
		text-transform:uppercase;
	}
		
	#pageletProjektDetails h2 {
		font-size:1.2em;
		font-weight:normal;
		margin-bottom:0.8333em;
		line-height:1.6667em;
		}
	
	#pageletProjektDetails p {
		margin-bottom:0.8333em;
		font-size:1.2em;
		line-height:1.6667em;
		}



/* ################################################################### */
/* pageletBack (zurück zur Übersicht  */
/* ################################################################### */

#pageletBack {
	height:2em;
	margin-top:1em;
	}
	
	#pageletBack p {
		font-size:1.2em;
		line-height:2.5em;
		padding:0;
		margin:0;
		}
	
		#pageletBack a,
		#pageletBack a:visited {
			text-decoration:none;
			color:#d0cfcb;
			}

/* ################################################################### */
/* NavSide (Navigation auf linker Seite)  */
/* ################################################################### */

#navSide {
	margin:2em 0 0 0;
	}
	
	#navSide ul {
		list-style-type:none;
		font-size:1.2em;
		border-top: 1px ;
		}
		
		#navSide ul li {
			border-bottom:1px #d0cfcb solid;
			}
		
			#navSide ul li.lastItem {
				border-bottom:none;
				}
		
		#navSide li a,
		#navSide li a:visited {
			color:#6c6f70;
			text-decoration:none;
			display:block;
			height:1.6em;
			padding:0.74em 0 0.25em 0;
			}
		
		#navSide li a:hover {
			background-color:#f3f3f2;
			}
		
		#navSide li.currentPath a,
		#navSide li.currentPath a:visited {
			color:#cdce00;
			}



/* ################################################################### */
/* Addressen Home */
/* ################################################################### */

.pageletAddressHome {
	float:right;
	color:#6c6f70;
	margin-left:3em;
	}
	
	.pageletAddressHome p {
		padding:0;
		margin:0;
		font-size:1.1em;
		line-height:1.3636em;
		}


/* ################################################################### */
/* pageletContentHome */
/* ################################################################### */

#pageletContentHome {
	margin-top:2.5em;
	}
	
	#pageletContentHome p {
		font-size:1.2em;
		line-height:1.6667em;
		margin-bottom:0.8333em;
		}
	

/* ################################################################### */
/* pageletSlideShowPro */
/* ################################################################### */

#pageletSlideShowPro {
	margin-bottom:2em;
	margin-top:3em;
	}



/* ################################################################### */
/* navMain */
/* ################################################################### */

#navMain {
	width:670px;
	float:left;
	height:3em;
	background-image:url(/assets/images/sys/bgrdGrayBar.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-transform:uppercase;
	font-weight:bold;
	}
	
	#navMain a,
	#navMain a:visited {
		text-decoration:none;
		color:#6c6f70;
		font-size:1.2em;
		}
	
	#navMain ul {
		float:left;
		list-style-type:none;
		}
		
		#navMain ul li {
			float:left;
			border-right:1px #ffffff solid;
			height:2.9em;
			padding:0.1em 1em 0 1em;
			}
		
		#navMain ul li.currentPath {
			background-image:url(/assets/images/sys/bgrdGreenBar.png);
			background-repeat:repeat-x;
			background-position:bottom;
			}
	
	#navMain p {
		float:right;
		text-align:right;
		}
		
		#navMain p a,
		#navMain p a:visited; {
			color:#d0cfcb;
			}

/* ################################################################### */
/* Footer */
/* ################################################################### */

#pageletFooter {
	width: 670px;
	margin:4em 0 1em 210px;
	border-top: 1px #6c6f70 solid;
	color:#a2a5a4;
	text-align:right;
	padding-top:0.25em;
	}
	
	#pageletFooter p {
		font-size:1.1em;
		}

/* ################################################################### */
/* pageletGreenBar */
/* ################################################################### */

#pageletGreenBar {
	background-image:url(/assets/images/sys/bgrdGreenBar.png);
	background-repeat:repeat-x;
	background-position:bottom;
	width:190px;
	margin-right:20px;
	height:3em;
	float:left;
	}


/* ################################################################### */
/* Logo */
/* ################################################################### */

#pageletLogo {
	height:135px;
	}
	
	#pageletLogo img {
		margin-left:210px;
		margin-top:30px;
		}



/* ################################################################### */
/* Nav Service */
/* ################################################################### */
	
#navService {
	}
	
	#navService ul {
		list-style-type:none;
		font-size:1.1em;
		background-repeat:no-repeat;
		height:25px;
		text-transform:lowercase;
		}
				
		#navService li {
			background-image:url(/assets/images/sys/navServiceCenter.png);
			background-position:center;
			background-repeat:repeat-x;
			float:right;
			height:25px;
			}
		
		#navService li.firstItem {
			background-image:url(/assets/images/sys/navServiceRight.png);
			background-position:right;
			background-repeat:no-repeat;
			padding-right:1em;
			}
		
		#navService li.lastItem {
			background-image:url(/assets/images/sys/navServiceLeft.png);
			background-position:left;
			background-repeat:no-repeat;
			padding-left:1em;
			}
		
		
		#navService a,
		#navService a:visited {
			border-right:1px #999999 solid;
			text-decoration:none;
			color:#FFFFFF;
			padding:0 0.5em 0 0.5em;
			margin-top:0.5em;
			display:block;
			}
		
		#navService li.firstItem a {
			border-right:none;
			}