* { margin: 0; padding: 0; }

body { background: #181c1f;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; 
 font-size: 10px; line-height: 1.3; }

a {
margin-top: 6px;
font-size: 1.1em;
color: white;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
 }

img { border: 0; }
img.photo {
 padding: 2px; 
 background: #888; 
 border: 1px solid #cecece;
  border-bottom-color: #aaa; 
  border-right-color: #aaa; 
  float: right; 
  margin-left: 20px; 
  margin-right: 11px; }

ul,ol,h1,h2,h3,h4,h5,h6,p { display: block; }

#w { position: relative;
 overflow-x: hidden; 
 overflow-y: hidden;
 height:100% }

/** @group core body **/
#w #pagebody 
{ position: relative; 
left: 0; 
width:100%;
max-width:1200px;
height:auto;
z-index: 99999; 
}


#w #navmenu 
{ 
background: #550B01;
height: 100%;
display: block;
position: fixed;
width: 240px;
left: 0px; top: 0px; z-index: 0;  }

/** @group header **/
#w #pagebody header#toolbarnav 
{ display: block; 
position: fixed; 
left: 0px; 
top: 0px; 
z-index: 10000; 
background: black;
box-shadow: 2px 1px 2px 2px #550B01; 
-moz-box-shadow: 2px 1px 2px 2px #550B01; 
-webkit-box-shadow: 2px 1px 2px 2px #550B01;
height: 44px;

width:100%;
max-width:1200px; 
}

#w #pagebody header#toolbarnav h1 {
 text-align: center;
 vertical-align: middle ;
 padding-top: 10px; 
 padding-right: 40px; 
 color: #e6e8f2; 
 font-weight: bold;
  font-size: 2.1em;
  text-shadow: 3px 3px 0px #313131;
  
 }
	

#w #pagebody header #menu-btn {
 display: block;
  float: left; 
  width: 53px; 
  height: 30px; 
  background: #550B01; 
  margin-top: 23px; 
  margin-left: 10px;
border-top-left-radius: 5px; 
border-bottom-left-radius: 5px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-bottomleft: 5px; 
-webkit-border-top-left-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
box-shadow: 2px 2px 2px 1px #000000;
   -moz-box-shadow: 2px 2px 2px 1px #000000;
    -webkit-box-shadow: 2px 2px 2px 1px #000000;
    z-index: 10001;
    font-size:18px;
  }
#w #pagebody header #menu-back {
 display: block;
  float: left; 
  width: 53px; 
  height: 30px; 
  background: #550B01; 
  margin-top: 23px; 
  margin-left: 10px; 
border-top-right-radius: 5px; 
border-bottom-right-radius: 5px; 
-moz-border-radius-topright: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-top-right-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; 
box-shadow: -1px 1px 2px 0px #000000; 
-moz-box-shadow: -1px 1px 2px 0px #000000; 
-webkit-box-shadow: -1px 1px 2px 0px #000000;
 z-index: 10000;
 font-size:18px;

}
#w #pagebody header #menu-back a {
font-size:18px;

}
#w #pagebody header #menu-btn a {
font-size:18px;

}

#w #pagebody #content {
	visibility: inherit;
	margin-top: -15px;
	display: block;
	height: 100%;
	z-index: 9998;
	width: 100%;
}

#w #pagebody #content h2 {
 border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
   color: #181818;
font-family: "Droid Serif", Georgia, serif;
 font-size: 2.6em; line-height: 1.8em;
  font-weight: 500; margin-top: 25px;
   margin-bottom: 25px; padding: 12px 0;
    text-align: center; }
    
#w #pagebody #content h3 { 
font-family: "Calibri", Verdana, Arial, sans-serif; 
font-weight: 700; font-size: 1.2em; line-height: 1.5em; 
text-transform: capitalize; margin-bottom: 5px; color: #222; }

#w #pagebody #content p { 
font-size: 1.1em; 
line-height: 1.3em; 
margin-bottom: 15px; 
color: #444; }

#w #pagebody #content a { color: #78a5ce; }
#w #pagebody #content a:hover { color: #678eb2; }

/** @group nav menu **/
#w #navmenu header { 
display: block; 
background: white;
 height: 44px;
 background: black;
  }

#w #navmenu header h1 { 
text-align: center; 
padding-top: 10px; 
color:white; 
font-weight: bold; 
font-size: 2.1em; 
text-shadow: 1px 1px 0px #313131; }

#w #navmenu ul { list-style: none;
 background: black;
  height: 100%; }

#w #navmenu ul li { display: block;
background: linear-gradient(top, #000 0%, #550B01 86%, #550B01 100%); 
background: -moz-linear-gradient(top, #000 0%, #550B01 86%, #550B01 100%);
 background: -webkit-linear-gradient(top, #000 0%, #550B01 86%, #550B01 100%); 
 background: -ms-linear-gradient(top, #000 0%, #550B01 86%, #550B01 100%); 
 background: -o-linear-gradient(top, #000 0%, #550B01 86%, #550B01 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#550B01,GradientType=1); }
#w #navmenu ul li a { 
position: relative; 
display: block; 
border-bottom: 1px solid #303c4a; 
padding: 14px 11px; 
font-weight: bold; 
color: #f0f0f0; 
text-shadow: -1px -1px 1px #222; 
font-size: 1.6em; 
text-decoration: none; }

#w #navmenu ul li a:hover { color: #cad0e6; text-decoration: none; }

#w #navmenu ul li a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-right: 3px solid #d0d0d8;
	border-top: 3px solid #d0d0d8;
	position: absolute;
	right: 30px;
	top: 45%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#w #navmenu ul li a:hover::after { border-color: #cad0e6; }

/** @group misc **/
.blue { color: #1c609f !important; font-weight: bold; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#imgboard{
	width: 90%;
	height: auto;
	margin-top: 15px;
	margin-left:5%;
	
	border: 1px #af2828 solid;

	background-color: #ffffff;
	border-radius: 5px;
	-moz-box-shadow: -1px -1px 7px 0px #FFEBE8;
	-webkit-box-shadow: -1px -1px 7px 0px #FFEBE8;
	box-shadow: -1px -1px 7px 0px #9f2828;
	
}
#videoboard{
	width: 90%;
	height: auto;
	margin-top: 15px;
	margin-left:5%;
	
	border: 1px #af2828 solid;

	background-color: #ffffff;
	border-radius: 5px;
	-moz-box-shadow: -1px -1px 7px 0px #FFEBE8;
	-webkit-box-shadow: -1px -1px 7px 0px #FFEBE8;
	box-shadow: -1px -1px 7px 0px #9f2828;
	
}
#videoboard p{
text-align: left;
display: block; 
}
#videoboard h4{
text-align: left;

}

#videoboard h3{
text-align: left;

}
#videoboard h2{
text-align: left;

}
#videoboard h1{
text-align: left;


}

#videoboardAlben{
	width: 80%;
	height: auto;
	margin-top: 15px;
	margin-left:10%;
	border: 1px #af2828 solid;
	background-color: #ffffff;
	border-radius: 5px;
	-moz-box-shadow: -1px -1px 7px 0px #FFEBE8;
	-webkit-box-shadow: -1px -1px 7px 0px #FFEBE8;
	box-shadow: -1px -1px 7px 0px #9f2828;
	
}

#videoboardPics{

min-height:250px;
height: auto;
width: 90%;
margin-left:5%;
border-radius: 8px;
-moz-box-shadow: -2px -2px 8px 0px #FFEBE8;
-webkit-box-shadow: -2px -2px 8px 0px #FFEBE8;
box-shadow: -2px -2px 8px 0px #9f2828;
margin-top:10px;

}

#videoboardPic{

height: 100%;
width: 100%;
list-style: outside none none;
overflow: hidden;
position: absolute;
}
#videoboardPicFull{

height: 100%;
width: 100%;
list-style: outside none none;
overflow: hidden;
position: absolute;
}


#arrow_previous {
    background-position: left top;
    left: 0px;
    height: 40px;
    width: 40px;
    position: absolute;
    background: url("../styles/Links.png") no-repeat ;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 5000;
    background-size: 100% 100%;
   

}
#arrow_next {
    background-position: right top;
    right: 0px;
    height: 40px;
    width: 40px;
    position: absolute;
    background: url("../styles/Rechts.png") no-repeat;
    margin-top: -20px;
    top: 50%;
    cursor: pointer;
    z-index: 5000;
    background-size: 100% 100%;
    
}