/* CSS www.hexenkessel-altona.de 
 * (c) 2011 */

/* Konstruktion */

body {
	background: url(https://u.jimcdn.com/cms/o/se97ae3c1a33b5775/userlayout/img/bodybackground.jpg?t=1304072315) fixed;
}

div#pagenavigation {
/*display: none;*/
}

/* Rahmen */

html, body {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

div {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

div.c {
	width: 100%; 
	height: 1px;
	clear: both;
}

div#bodybgr {
	background: url(https://u.jimcdn.com/cms/o/se97ae3c1a33b5775/userlayout/img/bodytopbgr.png?t=1304072322) repeat-x center top fixed;
}

div#bricksleft {
	background: url(https://u.jimcdn.com/cms/o/se97ae3c1a33b5775/userlayout/img/bricksleft.png?t=1304072292) no-repeat left 245px fixed;
}

div#bricksright {
	background: url(https://u.jimcdn.com/cms/o/se97ae3c1a33b5775/userlayout/img/bricksright.png?t=1304072299) no-repeat right 245px fixed;
}

div#pagebox {
	width: 900px;
	margin: 0px auto;
	padding-top: 25px;
}

div#dropshadow {
	background: white;
	-moz-box-shadow: 0 0 5px 0px #000;
	-webkit-box-shadow: 0 0 5px 0px #000;
	box-shadow: 0 0 5px 0px #000;
	border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	overflow: hidden;
}

/* Seitenstruktur */
div#pageheader {
	height: 150px;
	overflow: hidden;
}

div#pagelogo {
	float: left;
	height: 150px;
	width: 250px;
}

div#pagenavigation {
	float: right;
	width: 600px;
}

div#pagevisual .gutter img {
	display: block;
	padding: 10px;
	border: 1px dotted #cccccc;
}

div#pagefooter {
	background: #ddd;
}

div#jimdofooter {
	color: white !important;
}

div#jimdofooter a {
	color: white !important;
}

/* Navigation */
ul#mainNav1 {
	display: block;
}

ul#mainNav1 li {
	display: block;
	list-style: none;
	float: left;
}

ul#mainNav1 li a {
	display: block;
	padding: 20px 15px 10px 15px;
	text-decoration: none;
	color: white;
        border-top: 2px solid black;
        
}

ul#mainNav1 li a span {
        font-family: 'Oswald', arial, serif;
        font-size: 18px;
        text-shadow: 2px 1px 1px #333;
}

ul#mainNav1 li a:hover {
	border-top: 6px solid black;
        padding: 16px 15px 10px 15px;
}

ul#mainNav1 li a.current,
ul#mainNav2 li a.current,
ul#mainNav3 li a.current,
ul#mainNav1 li a.parent,
ul#mainNav2 li a.parent,
ul#mainNav3 li a.parent {
	border-top: 6px solid black;
        padding: 16px 15px 10px 15px;
}


/* Gutter */

 div.gutter { 
 	margin: 0px; 
 	border: 0px;
 	}
	
 div#pagelogo .gutter 		{ padding: 0px 0px 0px 0px; }	
 div#navigation .gutter		{ padding: 0px 0px 0px 0px; }	
 div#pagevisual .gutter 	{ padding: 20px 20px 20px 20px; }	
 div#pagekontent .gutter 	{ padding: 30px; }	
 div#pagefooter .gutter 	{ padding: 30px; }		
 div#jimdofooter .gutter 	{ padding: 30px; }



/* Image-Slider */
div.rotator {
	position: relative;
	height: 375px;
	left: -40px;
}

div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
	
div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}

div.rotator ul li.show {
	z-index:500;
}