html, body {
	margin:						0;
	padding:					0;
	height:						100%;
	width:						100%;
}

body {
	background:					url(../images/structure/dswd_be_background.jpg) repeat-x #000000; 
}

#mainPageWrapper {
	width:						930px;
	background:					#FFFFFF;
	padding:					0 15px 15px 15px;
	margin:						0 auto;
	margin-bottom:				10px;
}

header {
	
	height:						120px;
	width:						100%;
	text-align:					center;
} 

	#headerLogo {
		margin-top:				15px;
	}


/*-------------------------------*/
/*-------Slider------*/
/*-------------------------------*/
	
#slider {
	height:						300px;
	background:					#000000;
	margin-top:					15px;
	position:					relative;
}

	

#slider img {
    position:					absolute;
    top:						0;
    left:						0;
    z-index:					8;
}

#slider img.active {
    z-index:					10;
}

#slider img.last-active {
    z-index:					9;
}


/*-------------------------------*/
/*-------Content Area------*/
/*-------------------------------*/

#content {
	margin-top:					15px;
}

main {
	width:						650px;
	display:					inline-block;
	margin-right:				20px;
	vertical-align:				top;
}

aside {
	width:						250px;
	display:					inline-block;
			
}

aside section {
	border-left:				0.25em solid #e9a436;
	padding-left:				10px;
	margin-bottom:				40px;
}

/*-------------------------------*/
/*-------Footer Area------*/
/*-------------------------------*/

footer {
	height:						20px;
	background:					#FFFFFF;
	width:						930px;
	margin:						0 auto;
	margin-bottom:				10px;
	padding:					15px;
	text-align:					center;
	line-height:				8px;
}

.alignLeft {
	float:						left;
}

.alignRight {
	float:						right;
}

footer small nav {
	display:					inline-block;
}
#mainNavigation ul {
	list-style:					none;
	background:					#000;
	padding:					1px 0 6px 0;
}

#mainNavigation ul>li {
	display:					inline-block;
	padding:					0 30px; 
}

#mainNavigation ul>li>a {
	color:						#fff;
	text-decoration:			none;
	font-family:				Arial, sans-serif;
	font-size:					0.75em;
	font-weight:				700;
	letter-spacing:				0.2em;
	text-transform:				uppercase;
}

#mainNavigation ul>li:first-child {
	padding-left:				0;
}

#mainNavigation ul>li:last-child {
	padding-right:				0;
}

#mainNavigation ul>li>a:hover {
	color:						#e9a436;
}
body {
	font-size:						100%;
	font-family:					Tahoma, sans-serif;
}

h1 {
	font-family:					Georgia, sans-serif;
	font-weight:					200;
	font-size:						1.6em;
	margin-top:						0.35em;
	margin-bottom:					0.7em;
}

h2 {
	font-family:					Georgia, sans-serif;
	font-weight:					200;
	font-size:						1.6em;
	margin-top:						0.35em;
	margin-bottom:					0.7em;
	border-left:					0.85em solid #e9a436;
	line-height:					0.85em;
	padding-left:					0.25em;
}

h3 {
	font-family:					Georgia, sans-serif;
	font-weight:					400;
	font-size:						1.0em;
	margin-top:						1.35em;
	margin-bottom:					1em;

	line-height:					0.85em;
	padding-left:					1.65em;
}

p, #leistungen {
	font-family:					Tahoma, sans-serif;
	font-weight:					200;
	font-size:						0.8em;
	line-height:					1.5em;
}

a {
	color:							#444444;
}

strong {
	color:							#444444;
}

blockquote {
	font-family:					Georgia, serif;
	font-style:						italic;
	color:							#666;
	
}

/*-------------------------------*/
/*-------Specifics------*/
/*-------------------------------*/

main h1 {
	border-left:					0.85em solid #e9a436;
	line-height:					0.85em;
	padding-left:					0.25em;
}

main p {
	padding-left:					2.25em;
}

#oeffnungszeiten {
	list-style:						none;
	margin:							0;
	padding:						0;
	display:						inline-block;
	font-size:						0.8em;
	line-height:					1.5em;
} 

#oeffnungszeiten dt {
	float:							left;
	width:							30px;
	
}

#oeffnungszeiten dd {
	width:							200px;
}

footer a {
	color:							#444444;
	text-decoration:				none;
}

a.specialLink, .googleMapLink {
	color:							#915800; 
}

footer a:hover, .googleMapLink {
	text-decoration:				underline;
}

footer small, .googleMapLink {
	font-size:						0.7em;
}

.successMessage {
	color: 							#915800;
	background:						#EECB92;
	padding:						20px 20px;
}


#pageKontakt input[type="text"], #pageKontakt input[type="email"], #pageKontakt textarea  {
	border-radius:						4px;
	padding:							5px;
	border:								1px solid #cdcdcd;
	display:							block;
	width:								300px;
	margin-bottom:						20px;
	font-family:						Tahoma, sans-serif;
	outline-color:							#e9a436;
} 

#pageKontakt textarea {
	width:								500px;
	height:								295px;
	resize:								none;
}

#pageKontakt form {
	width:								512px;
	margin-top:							2.25em;
	margin-left:						2em;
	padding:							1em;
	border:								1px solid #e9a436;
}

#pageKontakt input[type="submit"] {
	padding:							5px 20px;
	border-radius:						4px;
	border:								0;
	background:							#e9a436;
	color:								#FFF;

}

#Grid .mix {
	opacity:							0;
	display:							none;
	margin-right:						6px;
	margin-bottom:						2px;
}

.imageList {
	padding:							0;
}

.imageList a img {
	width:								100px;
	border:								1px solid #e9a436;
}

.imageList a:hover img {
	border:								1px dotted #e9a436;
}

#Grid .activeImage img {
	border:								1px dotted #e9a436;
}

#filterGallery {
	list-style:							none;
	display:							block;
	float:								left;
	width:								100%;
	margin-left:						0;
	padding:							0;
}

#filterGallery li {
	float:								left;
	font-size:							0.8em;
	color:								#FFF;
	background:							#e9a436;
	font-weight:						400;
	padding:							10px 30px;
	margin-right:						10px;
	cursor:								pointer;
}

#filterGallery li.active {
	background:							#915800;
}


#imageViewPlace {
	height:								317px;
	width:								317px;
	float:								right;
	background:							#fff url(../images/contents/galerie/title.jpg);
	margin-right:						8px;
	position:							relative;
}

#imageViewPlace img {
	xdisplay:							none;
}

.allocatedImageWrapper {
	position:							absolute;
}

.allocatedFile {
	display:							none;
}


#imageViewPlace>.setOfImages>li>a>.allocatedFile {
	display:							block;

}

#imageViewPlace>.setOfImages {
	display:							block;
	position:							absolute;
	bottom:								0;
	left:								0;
	margin:								0 0 5px 5px;
	padding:							0;
}

#imageViewPlace>.setOfImages li {
	box-shadow:							0px 0px 5px #aaa;
	margin:								0 5px 0 0;	
	opacity:							0.6;
}

#imageViewPlace>.setOfImages li:hover {
	opacity:							1;
	cursor:								pointer;
}


.setOfImages {
	list-style:							none;
}

.setOfImages li {
	float:								left;
}

#imageViewPlace>.setOfImages>li.activeListItem {
	opacity:							1;
}

#imageViewPlace>.setOfImages>li>a>img {
	border:								0;
}




.googleMap {
	border:								1px solid #e9a436;
}