@charset "UTF-8";


/* CSS Document */

/*Allgemein*/
@font-face { font-family: 'latolight'; src:  url('lato-light-webfont.woff') format('woff'); font-weight: light; font-style: normal;
}
@font-face { font-family: 'latolight_italic'; src:  url('lato-lightitalic-webfont.woff') format('woff'); font-weight: light; font-style: italic;
}
@font-face { font-family: 'latoregular'; src:  url('lato-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'latoregular_italic'; src: url('lato-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: italic;
}
@font-face { font-family: 'latomedium'; src:  url('lato-medium-webfont.woff') format('woff'); font-weight: medium; font-style: normal;
}
@font-face { font-family: 'latomedium_italic'; src: url('lato-mediumitalic-webfont.woff') format('woff'); font-weight: medium; font-style: italic;
}
@font-face { font-family: 'latobold'; src:  url('lato-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal;
}
@font-face { font-family: 'latobold_italic'; src: url('lato-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic;
}
@font-face { font-family: 'latoheavy'; src:  url('lato-heavy-webfont.woff') format('woff'); font-weight: heavy; font-style: normal;
}
@font-face { font-family: 'latoheavy_italic'; src: url('lato-heavyitalic-webfont.woff') format('woff'); font-weight: heavy; font-style: italic;
}


* {
  margin:0;
  padding:0;
  -moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
  box-sizing:        border-box;   /* Everything else */
}
html{
	background-color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	height:100%;
}


body{
	margin: 0 auto;
	width:960px;
}
header{
	height:380px;
	margin-bottom:40px;
	}
nav{
	position:absolute;
	margin-top:380px;
	width:960px;
	background-color:#711313;
	height:40px;
	float:left;
	z-index:2;
}
nav ul {
	width:100%;
 	list-style: none;
  	text-align: center;
  	padding: 0;
  	margin: 0;

}
nav ul li, nav ul a  {
	font-family: 'latoregular', sans-serif;	font-size:24px;
  	width: 319px;
 	border-bottom: none;
  	height: 40px;
  	line-height: 40px;
  	display: inline-block;
  	float:left;
	background-color:#711313;
	color: #b5a472;
	text-decoration: none;
}
nav ul li{
	border-left:0.1em solid #b5a472;
}
nav ul li:first-child{
	border-left:none;
}
nav ul li:hover, nav ul a:hover, nav ul li.highlight a {
  background-color:#b5a472;
  color:#711313;
  display: inline-block;
}
nav ul li.highlight:last-child {
   float:right;
   border-left:0.1em solid #b5a472;
}

.overlap{
	position:absolute;
	z-index:1;
}
#contentContainer {
	overflow: hidden;
    width: 100%;
}
.left{
	float: left;
    width: 10%;
    background-color: #FFF;
    padding-bottom: 500em;
    margin-bottom: -500em;
}
.content {
	padding:15px 0 30px 0;
	background-color:#FFF;
	width:80%;
	float:left;
}
.contentText{
	max-width:750px;
}
.right{
	float: right;
    width: 10%;
    background-color: #FFF;
    padding-bottom: 500em;
    margin-bottom: -500em;
}
.control_right{
	padding-top:20px;
	padding-left:25px;
}
.control_left{
	padding-left:10px;
	padding-top:20px;
}
.linie{
	height:5px;
	color:#b5a472;
}

.itemHead {
	margin-top:0;
	padding-top:10px;
	float: left;
    width: 960px;
	background-color:#FFF;
}
.itemHead2 {
	margin-top:0;
	padding-top:10px;
	float: left;
    width: 960px;
	background-color:#6d933f;
}
.itemHead .subhead, .itemHead2 .subhead {
padding-left:60px;
}
.itemHead2 .subhead{
	color:#BBC79D;

}
.itemContent {
	margin-left:60px;
    float: left;
    width: 840px;
	margin-bottom:35px;
}
.Content1{
	width:840px;
	background-color:#FFF;
}
.Content2{
	width:840px;
	background-color:#FFF;
}
.Content3{
	width:840px;
	background-color:#FFF;
}
.Content4{
	width:840px;
	background-color:#FFF;
}
.footer{
	width:840px;
	background-color:#FFF;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	padding-left:265px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
}
#item1 {
	background-color:#FFF;
	width:840px;
}
#item2 {
	background-color:#FFF;
}
#item3 {
	background-color:#FFF;
}
#item4 {
	background-color:#FFF;
}
#item5 {
	background-color:#6CC;
	width:840px;
}
#item6 {
	background-color:#FC3;
}
#item7 {
	background-color:#F66;
}
#item8 {
	background-color:#9C6;
}
.green {
	background-color:#6d933f;
}
.green li{
	font-family: 'latoregular', sans-serif;	font-weight:normal;
	font-size:18px;
	color:#bbc79d;
}
.green li:hover, .green ul li.active {
	font-weight:bold;
	font-size:18px;
	color:#FFF;
}
.subnav{
	background-color:#FFF;
	padding: 0px 0px 0px 0px;
}
.subnav li, .subnav a{
	font-family: 'latoregular', sans-serif;	font-weight:normal;
	font-size:18px;
	color:#999;
	text-decoration:none;
}
.subnav li:hover, .subnav ul li.active, .subnav a:hover {
	font-size:18px;
	color:#b5a472;
}
.subnav_active{
	font-weight:bold;
	font-size:18px;
	color:#b5a472;
}
#navLinks {
    text-align: center;
    width: 960px;
	float:left;
	border-top:2px solid #b5a472;
}
#navLinks ul {
    margin: 0px;
    padding: 10px 0px 0px 95px;
    display: inline-block;
	height: 100px;
	width:960px;
}
#navLinks ul li{
	float: left;
    text-align: center;
	margin:0px 36px 0px 0px;
    list-style: none;
    cursor: pointer;
    padding:  0px 0px 0px 0px;
	line-height: 1.8
}


.item.active {
    display: block;
}
.noMoreItems{
display:none;
}
p {
	padding:0px 0px 2px 0px;
}
.subhead{
	font-family: 'latobold', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#b5a472;
	text-decoration:none;
	letter-spacing: 2px;
	text-decoration:none;
	margin-top:15px;
	}
	
.edit{
	font-family: 'latobold', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#b5a472;
	text-decoration:none;
	letter-spacing: 2px;
	text-decoration:none;
	margin-top:15px;
	text-align: right;
	}
.mainhead{
	font-family: 'latoregular', sans-serif;	font-wight:normal; 
	font-size:50px;
	color:#b5a472;
	text-decoration:none;
	letter-spacing: 1px;
	text-decoration:none;

	}	
.UEtext{
	padding:25px 0 0px 0;
	font-family: 'latoheavy', sans-serif;	font-wight:heavy;
	font-size:18px;
	color:#5c5c5b;
	text-decoration:none;
}
.text{
	padding-top:10px;
	font-family: 'latoregular', sans-serif; font-weight:normal;	
	font-size:18px;
	color:#5c5c5b;
	text-decoration:none;	
}
.content ul{
	padding-left:20px;
	padding-bottom:5px;
}
.content ul li{
	padding-bottom:5px;
}
.textlink {
	text-decoration:none;
	color:#999;
}
.textlink:hover {
	text-decoration:none;
	color:#b5a472;
	font-weight:bold;
}
h4{
	margin-top:10px;
}