/* TEMPLATE CSS
*********************************************/
html {height:100%; margin-bottom:1px; overflow-y:scroll;}
body {background-color:#fff; color:#253382; font-family: 'Ubuntu', sans-serif; font-size: 14px; height:100%; text-align:left;}
a {text-decoration:underline; color:#253382;}

/* LAYOUT
*********************************************/
	
	body.page_home {
        background: url(../images/bg/bg_home.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}
	
	body.page_ueberuns {
        background: url(../images/bg/bg_ueberuns.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}

	body.page_menu {
        background: url(../images/bg/bg_menu.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	} 

	body.page_veranstaltungen {
        background: url(../images/bg/bg_veranstaltungen.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}

	body.page_anfahrt {
        background: url(../images/bg/bg_anfahrt.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}
	
	h1, h2 {
		font-size: 20px;
		color: #253382;
		padding: 40px 10px 10px;
	}
	
	.wrapper {
		width: 680px;
		height: 768px;
		margin: 0 auto;
		position: relative;
	}
	
	.wbox {
		clear: both;
	}

	#left {
		width: 255px;
		height: 768px;
		background-color: #253382;
		float: right;
	}
	
	figure {
		width: 255px;
		height: 75px;
		margin-top: 70px;
	}
	
	article div small a {color:#253382 !important; padding-left:10px;}
	article div small a:hover {color:#000 !important;}
	
	nav {
		width: 255px;
		height: 240px;
	}
	
	nav ul {
		width: 160px;
		height: 200px;
		margin: 20px auto;
	}
	
	nav ul li {
		list-style: none;
		text-align: center;
		line-height: 40px;
		height: 40px;
		width: 160px;
	}
	
	nav ul li a {
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
	}
	
	nav ul li a:hover {
		color: #b5a081;
	}
	
	nav ul li.active {
		font-weight: bold;
	}
	
	nav ul.menu li.item-103 ul {
		width: 135px;
		height: auto;
		background-color: #FFF;
		border: 5px solid #253382;
		position: absolute;
		top: 235px;
		left: -96px;
		padding: 20px 0;
	}
	
	nav ul.menu li.item-103 ul li {
		width: 135px;
		height: 25px;
		line-height: 25px;
		font-weight: normal;
	}
	
	nav ul.menu li.item-103 ul li a {
		color: #253382;
		font-size: 14px;
	}
	
	nav ul.menu li.item-103 ul li a:hover {
		color: #b5a081;
	}
	
	nav ul.menu li.item-103 ul li.active {
		font-weight: bold;
	}
	
	#info {
		width: 255px;
		height: 100px;
		margin-top: 120px;
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height: 22px;
	}
	
	#info input {
		width: 120px;
		height: 40px;
		background: #253382;
		border: 2px solid #FFF;
		color: #fff;
		font-size: 16px;
	}
	
	#footermenu {
		width: 255px;
		height: 20px;
		position: absolute;
		top: 720px;
	}
	
	#footermenu ul {
		width: 218px;
		height: 20px;
		margin: 0 auto;
	}
	#footermenu ul.menu {
		width:142px;
	}
	
	#footermenu ul li {
		display: inline;
		width: 75px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		margin-right:20px;
	}
	
	#footermenu ul li.active {
		font-weight: bold;
	}
	
	#footermenu ul li a {
		color: #fff;
		text-decoration: none;
	}
	
	#footermenu ul li a:hover {
		color: #b5a081;
	}
	
	#right {
		width: 425px;
		height: 768px;
		background: url(../images/articleBg85.png) repeat-y;
		float: right;
	}
	
	div.content {
		padding: 10px;
	}
	.content td {
		padding:3px;
	}
	
	article {
		line-height: 18px;
	}
	
	article div.item-page_home div.content ul li a {
		font-family: 'Tangerine'; 
		font-size: 50px; 
		line-height: 60px; 
		color: #253382 !important; 
	}
	
	article div.item-page_home div.content ul {
		margin-top: 50px;
	}
	
	#content_bild {
		border-left:none;
		border-right:5px solid #253382;
		border-top:5px solid #253382;
		border-bottom:5px solid #253382;
	}
	
	/*contentmenü */
	
	article .content ul.menu {
		display: inline !important;
		list-style: none;
		clear:both;
		font-size: 20px;
	}

	article .content ul.menu li {
		margin-right: 1em;
		float: left;
	}
	
	article .content ul.menu li:last-child {
		margin-right: 0;
	}
	
	article .content ul.menu li a {
		text-decoration: none;
		color: #fff;
	}
	
	article .content ul.menu li.active a {
		color: #253382;
	}
	
	article .content ul.menu li a:hover {
		text-decoration: underline;
		
	}

	

/* Floats */
.float-left {float:left;}
.float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.ie6 .group {zoom:1;}
.ie7 .group {zoom:1;}
.clearfix {clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
.ie-clearing { display:none; }