/* Stylesheet by mutoo - handcrafted with love */

html,body {
	height: 100%;
}

body {
	background:#242424;
	margin:0;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	
}

a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
}

h3 {
	margin: 10px 10px 10px 10px; 
	color:#212121; 
	text-align:center;
	font-size:9pt;
	font-family: Arial, helvetica, sans-serif; 
	letter-spacing:0px; 
	font-weight: bold; 
	
}

img {
	border:0;
}


#main {
	position:relative;
	width:960px;
	margin: 0 auto;
	text-align:left;
}

#main_ref {
	position:relative;
	width:480px;
	margin: 0 auto;
	text-align:left;
	
}

#header_right {
	width:480px;
	display:inline;
	float:left;
	height:90px;
	background: #fff;
}

#header_left {
	display:inline;
	float:left;	
	width:480px;
	height:200px;
	background: url(../siteImages/logo.jpg) #000 no-repeat right bottom;
}
#header_left_ref {
	display:inline;
	float:left;	
	width:480px;
	height:120px;
	background: url(../siteImages/logo.jpg) #000 no-repeat right bottom;
}


#header_right_ref {
	width:420px;
	display:inline;
	float:left;
	min-height:60px;
	height:auto;
	background: #fff;
	padding:30px;
	color:#000;
}


#header_right a {
	display:inline;
	float:right;	
	margin-right:20px;
	margin-top:7px;
	font-size:10px;
	color:#666;
}


#navigation {
	display:inline;
	float:left;
	margin-top:50px;
	height:20px;
	width:480px;
			
}

#main_button_nav {
	display:inline;
	float:left;
	width:480px;
	height:30px;
	background:#000;
	margin-top:1px;
	
}

#next {
	display:inline;
	float:left;
	cursor:pointer;
	width:240px;
	height:30px;
	background: url(../siteImages/vor.png) no-repeat #fff 200px center;
	border-bottom:1px solid #000;
}


#prev {
	display:inline;
	float:left;
	cursor:pointer;
	width:239px;
	height:30px;
	background: url(../siteImages/back.png) no-repeat #fff 10px center;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#prev a:hover {
	
	width:239px;
	height:30px;
	background:#000
	border-right:1px solid #000;
	
}
#closing  a {
	display:inline;
	float:left;
	width:450px;
	height:10px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	background: #fff;	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	
}

.menuItem {
	display:inline;
	float:left;
	font-family:arial,helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 22px;
	text-align:left;
}

.menuItem a {
	color:#ccc;
}

.active {
	font-weight:bold;
}

.stopper {
	height:0;
	font-size:0.1em;
	clear:both;
}

#content {
	position:relative;
	width:960px;
	
	height:auto;
	background:#fff;
	
}

#site_image {
	display:inline;
	float:left;
	width:480px;
	height:480px;
	background:#272626;
	
	
}

#text_rechts {
	display:inline;
	float:left;
	width:480px;
	height:480px;
	background:#fff;
	
	
}

#text_rechts p {
	padding:50px 40px 40px 40px;
}

#start_image {
	display:inline;
	float:left;
	width:960px;
	height:450px;
	
}

#starter_image_border {
	display:inline;
	float:left;
	width:935px;
	padding-left:25px;
	padding-top:12px;
	padding-bottom:13px;
	margin-top: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background: url(../siteImages/arrow_black.png) no-repeat #fff 940px center;
}
#google_maps {
	display:inline;
	float:left;
	width:960px;
	height:350px;
	
}


#kontakt {
	display:inline;
	float:left;
	padding-left:23px;
	padding-top:50px;
	padding-bottom:10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #000;

	
}

#footer {
	display:inline;
	float:left;
	height:150px;
	width:480px;
	background:#000;
	border-top: 1px solid #212121;
}

#footer_right {
	display:inline;
	float:left;
	height:150px;
	width:480px;
	background:#fff;
 	border-top: 1px solid #212121;
}




#footer p {
	padding-top:50px;
	padding-left:20px;
	font-size:11px;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	color:#ccc;
	line-height:16px;
}

#footer a {
	color:#ccc;
}

/*box_grid */


#startgrid {	
		display:inline;
		float:left;
		width:960px;
		height:auto;
		
}

*{ padding:0px; margin:0px; }
.boxgrid{ 
	width: 240px; 
	height: 260px; 
	margin:0px; 
	float:left; 
	background:#161613; 
	border: none; 
	overflow: hidden; 
	position: relative; 
	border-top:0px solid #fff;
	border-left:0px solid #fff;
	
}

.boxgrid_last {
	width: 240px; 
	height: 260px; 
	margin:0px; 
	float:left; 
	background:#161613; 
	border: none; 
	overflow: hidden; 
	position: relative; 
	border-top:0px solid #fff;
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#212121; 
		font-weight:normal; 
		font:10pt arial, helvetica, sans-serif; 
	}
	
	.boxgrid a {
		
		color:#000;
	}
	
.boxcaption{ 
	text-align:center;
	float: left; 
	position: absolute; 
	background: #fff; 
	height: 260px; 
	width: 100%; 
	opacity: 0.7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
	.captionfull .boxcaption {
		top: 230px;
		left: 0;
	}
	.caption .boxcaption {
		top: 230px;
		left: 0;
	}

/*box_grid_ende*/

 #galleria{
         height:450px;
         background:#222;
         background:-moz-radial-gradient(center 45deg, circle closest-side, #222 40%, #000 100%);
         background:-webkit-gradient(radial, center 50%, 20, center 50%, 250, from(#333), to(#000))
            }
/*akkordeon*/