/*
KHB Blau   >   #6C97B1
MMA Orange   >   #CE7711
PKG Silber   >   #969C9F
*/

* { margin:0; padding:0; outline:none; }
html { overflow-y:scroll; }
img { border:none; }

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color:#666;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* BEGIN pkg */
body#pkg { background:url('../images/pkg.background.png') #969c9f left top repeat-x; }
body#pkg #header { background:url('../images/pkg.logo.png') right center no-repeat; }
body#pkg .content a {
	display:block;
	width:230px; height:46px; line-height:46px;
	text-align:center; font-size:18px; /* font-family: "Trebuchet MS"; */
	background:url('../images/button-round.png') left top no-repeat;
}
body#pkg #navigation-meta a:hover,
body#pkg #content-left h1,
body#pkg #content-left h3,
body#pkg #content-left a { color:#333; }
body#pkg #content-left a:hover { color:#666; }

body#pkg #content-center h1,
body#pkg #content-center h3,
body#pkg #content-center a { color:#567299; }

body#pkg #content-right h1,
body#pkg #content-right h3,
body#pkg #content-right a { color:#CE7711; }
body#pkg .content table.references td.references-text h3 { color:#333 !important; }

body#pkg .content a:hover { color:#333 !important; }

body#pkg #header-slideshow { background:url('../images/pkg.start.jpg') left top no-repeat; }
body#pkg #footer-left,
body#pkg #footer-right { display:none !important; }
body#pkg #footer-center { text-align:center; width:auto !important; }
/* END pkg */

/* BEGIN khb */
body#khb { background:url('../images/khb.background.png') #567299 left top repeat-x; }
body#khb #header { background:url('../images/khb.logo.png') right center no-repeat; }
body#khb #navigation-meta a:hover,
body#khb .content h1,
body#khb .content h3,
body#khb .content a { color:#567299 !important; }
body#khb .content table.references td.references-text h3 { color:#333 !important; }
body#khb .content input[type=submit] { color:#567299; }
body#khb .content input[type=submit]:hover { cursor:pointer; }

body#khb #navigation li a { color:#567299; }
body#khb #navigation li a:hover { color:#999; }
body#khb #navigation li ul li a { color:#aaa; }
body#khb #navigation li ul li a:hover { color:#567299; }
body#khb .appointment-content-wrapper { border-bottom:1px solid #568299; }
body#khb .content a:hover { color:#333 !important; }
/* END khb */

/* BEGIN mma */
body#mma { background:url('../images/mma.background.png') #CE7711 left top repeat-x; }
body#mma #header { background:url('../images/mma.logo.png') right center no-repeat; }
body#mma #navigation-meta a:hover,
body#mma .content h1,
body#mma .content h3,
body#mma .content a { color:#CE7711; }

body#mma .content input[type=submit] { color:#CE7711; cursor:pointer; }
body#mma .content input[type=submit]:hover { cursor:pointer; }

body#mma #navigation li a { color:#CE7711; }
body#mma #navigation li a:hover { color:#999; }
body#mma #navigation li ul li a { color:#aaa; }
body#mma #navigation li ul li a:hover { color:#CE7711; }
body#mma .appointment-content-wrapper { border-bottom:1px solid #CE7711; }
body#mma .content a:hover { color:#333 !important; }

/* END khb */

#wrapper-header {
	height:315px;
}

	#header {
		width:960px;
		margin:0 auto;
		height:101px;
		position:relative;
	}
	
		#navigation-meta {
			position:absolute;
			left:0;
			bottom:18px;
		}
		
			#navigation-meta a {
				/* font-family: "Trebuchet MS"; */
				font-size: 16px;
				color: #999;
				text-decoration: none;
			}

	#header-slideshow {
		width:960px;
		margin:0 auto;
		height:214px;
	}
#wrapper-bg { background-color:white; }

	#wrapper-content {
		width:960px;
		margin:0 auto;
	}

		#content-left { float:left; width:300px; margin-right:30px; padding-top:32px; margin-bottom:20px; }
		#content-center { float:left; width:300px; margin-right:30px; padding-top:32px; margin-bottom:20px; }
		#content-right { float:left; width:300px; padding-top:32px; margin-bottom:20px; }

		#content {
			float:left;
			width:700px;
			padding-top:32px;
			margin-bottom:20px;
		}
		
			.content h1 {
				/* font-family: Georgia, 'Times New Roman', Times, serif; */
				font-size: 24px;
				line-height: 24px;
				font-weight:normal;
				margin-bottom:.65em;
			}
			
			.content h2 {
				/* font-family: Georgia, 'Times New Roman', Times, serif; */
				font-size: 20px;
				color: #333;
				line-height: 24px;
				margin-bottom:4px;
				font-weight:normal;
			}

			.content h3 {
				font-size: 16px;
				font-weight:bold;
				margin-bottom:1em;
			}
			
			.content p,
			.content table,
			.content ol,
			.content ul,
			.content blockquote,
			.content cite,
			.content fieldset {
				margin:0 0 1em 0;
			}
			
			.content ol, .content ul { padding-left:22px; }
			.content li { padding-bottom:.5em; }
			
			.content .content-inset {
				padding:0 15px 1px 15px;
				background:url('../images/gradient.engaged.content.png') left bottom repeat-x;
				margin:0 0 2em 0;
			}

			.content a { text-decoration:none; }

			.content .appointment-wrapper {
				/*background:url('../images/gradient.engaged.content.png') left bottom repeat-x;*/
			}

			.appointment-content-wrapper { display:none; padding:0 15px; margin-bottom:5px; }
			.appointment-wrapper h3 { cursor:pointer; margin-bottom:5px !important; padding: 3px 15px; }
			.appointment-wrapper h3:hover { background-color:#eeeeee; }
			.appointment-wrapper table { width:670px; border:none; border-collapse:collapse; margin-bottom:5px; }
			.appointment-date { width:155px; }
			.appointment-availability { width:75px; }
			.appointment-location { width:440px; }

			/* FORMULARE */

			.content fieldset { border:none; }
			.content fieldset label {
				width:120px;
				display:block;
				float:left;
				clear:left;
			}
			.content fieldset input[type=text] {
				height:22px;
				line-height:22px;
				border:1px solid #999;
				width:400px;
				padding:0 5px;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				-o-border-radius:4px;
				border-radius:4px;
			}
			.content fieldset textarea {
				line-height:22px;
				border:1px solid #999;
				width:400px;
				height:150px;
				padding:3px 5px;
				-webkit-border-radius:4px;
				-moz-border-radius:4px;
				-o-border-radius:4px;
				border-radius:4px;
			}
			.content fieldset div.csc-mailform-field { line-height:26px; min-height:26px; }
			.content fieldset .csc-mailform-submit { margin:10px 0 0 120px; }
			.content input[type=submit] {
				border:none;
				background-color:transparent;
				width:400px;
				text-align:center;
				font-size: 18px;
				line-height: 28px;
			}
			.content input[type=submit]:hover {
				color:#333 !important;
				cursor:pointer;
			}

		.wrapper-roundabout {
			background:url('../images/gradient.engaged.content.png') left bottom repeat-x;
			padding-bottom:12px;
			margin-bottom:1em;
		}
		.roundabout { margin-left:60px !important; }
		.roundabout-holder { padding: 0; height: 170px; width:580px; list-style:none; padding-left:30px; }
		.roundabout-moveable-item { 
			width:10em; height:10em;
			cursor: pointer;
		}
		.roundabout-moveable-item img { width:10em; height:10em; border:3px solid #eee; }
		.roundabout-in-focus { cursor: auto; height:20em;  }
		#roundabout-description { margin-right:5px; height:50px; text-align:center; }
		#roundabout-description .position { font-style:italic; font-size:.9em; /* font-family:'Trebuchet'; */ }
		
		#wrapper-imageflow {
			background:url('../images/gradient.engaged.content.png') left bottom repeat-x;
			margin-bottom:2em;
			height:300px !important;
			margin-top:-40px !important;
		}
		
		#wrapper-imageflow_navigation { height:50px !important; }
		#wrapper-imageflow img { cursor: pointer !important; border:3px solid #eee; }
		#wrapper-imageflow_caption { margin-top:8px; }

		/* Galerie */
		
		.gallery-wrapper { margin-bottom:1em;  }
		ul.gallery { padding-left:0 !important; }
		.gallery li { display:inline; float:left; width:150px; border:1px solid #ccc; padding:5px; margin-right:10px; margin-bottom:10px; }
		.gallery li:hover {
			-webkit-box-shadow:0 0 10px #666;
			-moz-box-shadow:0 0 10px #666;
			-o-box-shadow:0 0 10px #666;
			box-shadow:0 0 10px #666;
		}
		
		.gallery li .gallery-image-container { height:150px; display:table-cell; vertical-align:middle; line-height:150px !important; }
		.gallery li a {}
		.gallery li a {}
		.gallery-caption { font-size:.8em; font-style:italic; text-align:center; padding-top:5px; }
		#sidebar {
			float:right;
			width:230px;
			padding-top:32px;
			margin-bottom:20px;
		}

		/* Referenzen */
		
		table.references { margin-bottom:1em; }
			table.references td.references-image { width:215px; height:115px; background:url('../images/image-placeholder.png') left top no-repeat; padding:5px; vertical-align:middle; }
				table.references td.references-image .references-image-bg {
					width:225px;
					height:125px;
					overflow:hidden;
				}
					table.references td.references-image .references-image-bg img {}
			table.references td.references-text {}
				table.references td.references-text h3 {
					/* font-family: "Trebuchet MS"; */
					font-size: 20px;
					color: #333 !important;
					line-height: 24px;
					margin-bottom:4px;
					font-weight:normal;
				}
				table.references td.references-text .references-text-content {}

			#navigation,
			#navigation ul { list-style:none; }
			
				#navigation li {
					text-align:center;
				}
				
					#navigation li a {
						line-height:47px;
						display:block;
						width:230px;
						height:47px;
						background:url('../images/button.mainmenu.png') left top no-repeat;
						text-decoration:none;
						/* font-family: 'Trebuchet MS', 'Times New Roman', Times, serif; */
						font-size: 20px;
						margin-bottom:1px;
					}

						#navigation li ul li a {
							background:url('../images/button.submenu.png') left top no-repeat;
						}
						
						.navigation-sub {
							display:none;
						}

						/* .navigation-sub li a { color:#aaa !important; } */

						#navigation li.active .navigation-sub {
							display:block;
						}
#wrapper-footer {
	width:960px;
	margin:0 auto;
	color:white;
	padding-top:20px;
	position:relative;
	/* font-family: 'Trebuchet MS'; */
	font-size:12px;
	line-height:16px;
}

	#wrapper-footer h3 { font-size:1em; font-weight:bold; }
	#wrapper-footer p { margin-bottom:.8em; }
	#footer-left {
		float:left;
		width:415px;
		padding-bottom:20px;
		padding-right:25px;
	}

	#footer-center {
		width:325px;
		float:left;
		padding:0 25px 20px 0;
	}

	#wrapper-footer input[type=text] {
		background:url('../images/form.shadow.png') left top no-repeat;
		width:220px;
		height:30px;
		line-height:30px;
		padding:0 5px;
		border:none;
		color:#999;
		font-size:15px;
		/* font-family: Georgia, 'Times New Roman', Times, serif; */
		margin-bottom:3px;
	}
	
	#wrapper-footer input[type=submit] {
		border:none;
		background-color:transparent;
		width:220px;
		text-align:center;
		color:white;
		font-size: 18px;
		line-height: 28px;
	}

	#wrapper-footer input[type=submit]:hover {
		color:#333;
		cursor:pointer;
	}

	#footer-right {
		position:absolute;
		width:230px;
		right:0;
		padding-bottom:20px;
	}