/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	behavior:url("csshover.htc");
 	margin-bottom: 40px;
}

html {
	text-align: left;
	background: #444;
	font-family: Verdana, Geneva, serif; 
	font-size: 11.5px;
	color: #fff;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 900px;  
	margin: 24px auto; 
}
#Container { 
	background: #555445;
}
#Layout {
}

#primaryContent {
	height: 544px;
	background: #000000;
}

#MainContent {
	display: block;
	width: 848px;
	height: 196px;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
}

#MainContent_left {
	margin-left: 26px;
	display: block;
	width: 380px;
	height: 197px;
}

#Content {
	float:left;
	width: 605px;
}

#SideMenu {
	position: relative;
	display: inline-block;
	float: right;
	padding-left: 20px;
	padding-top: 12px;
	height: 162px;
	width: 180px;
}
	#SideMenu .link_gallerie {
		position: absolute;
		bottom: 0px;
	}
	
	#SideMenu ul {
		list-style: none;
	}

	#SideMenu a {
		color: #EFE6BF;
		text-decoration: none;
	}
	
	#SideMenu a:hover{
		color: #aba47c;
	}

		#SideMenu li.current a {
			color: #aba47c;
		}

/* HEADER
----------------------------------------- */
#Header {
 	height: 93px;
	overflow: hidden;
}

	#Header img {
		display: inline-block;
	}

 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */

#Navigation {
	display: block;
	width: 860px;
	margin-left: 23px;
	margin-bottom: 3px;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1.1em;
	color: #efe6bf;
	text-transform: uppercase;
	overflow: hidden;
}

	#Navigation .section,
	#Navigation .current  {
		color: #aba47c;
	}

	#Navigation ul {
	    list-style: none outside none;
	}
		#Navigation ul li {
			float: left;
	 		list-style: none;
		}
		
		#Navigation a {
			color: #EFE6BF;
			text-decoration: none;
	 		padding-left: 24px;
	 		padding-right: 24px;
			text-align: left;
		}
		
		#Navigation a:hover,
		#Navigation a:active {
			color: #aba47c;
		}
		
		#Navigation ul li ul {
			position: absolute;
			z-index: 100;
			display: none;
			width: 190px;
			padding-top: 8px;
			padding-bottom: 6px;
			background-color: #555445;
		}
		
		#Navigation ul li:hover ul,
		#Navigation ul li ul:hover {
			display: block;
		}

		#Navigation ul li ul li {
			width: 190px;
			line-height: 22px;
			text-align: left;
		}
		
		#Navigation ul li ul li ul {
			display: none;
			background-color: #48483B;
			margin-left: 100px;
			margin-top: -13px;
		}

		#Navigation ul li:hover ul li ul {
			display: none;
		}

		#Navigation ul li ul li:hover ul,
		#Navigation ul li ul li ul:hover {
			display: block;
		}

/* LINIEN
-------------------------------------------- */

#DarkLine {
	display: block;
	height: 14px;
	width: 900px;
	background-color: #3B3B31;
}

#SitePic {
	display:block;
	width: 900px;
	height: 338px;
	z-index: 1;
}

#BrightLine {
	z-index: 1;
	display: block;
	height: 14px;
	width: 900px;
	background-color: #ABA47C;
}

#transparent {
	position: absolute;
	margin-left: 500px;
    background: none repeat scroll 0 0 #3B3B31;
    height: 549px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    width: 330px;
}

#transparent-impressum {
	position: absolute;
    margin-left: 50px;
    padding-left: 10px;
    overflow:scroll;
    overflow-x: hidden;
    background: none repeat scroll 0 0 #3B3B31;
    width: 780px;
    height: 549px;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}

/* GALLERY
--------------------------------------------- */

#album-list ul li {
	margin-bottom: 0;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 250px;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
	

/* FOOTER
----------------------------------------------- */

#Footer {
	font-family: Tahoma, Verdana, sans-serif; 
	font-size: 11px;
	color: #efe6bf;
 	clear: both;  
	height: 5em;
}

#Footer .footer-right {
	float:right;
	}

  	#Footer p {
  		width:808px;
  		margin-right: 46px;
  		margin-left: 46px;
  		margin-top: 10px;
		text-align: left;
	}
  		#Footer a {
  			color: #EFE6BF;
	   		text-decoration: none;
		}
			#Footer a:hover,
			#Footer a:active {
				color: #aba47c;
			}