@maincolor: #e2001a;

@text1:		#473e3e; 	/*Fließtext*/
@text2:		#e2001a; 	/*LinkUndHeadlines*/
@text3:		#473e3e;	/*HoverLink*/

@navilink1: #ffffff;	/*NavigationNormal*/
@navilink2: #ffffff;	/*NavigationHoverActive*/

@verlauf1: 	@maincolor;
@verlauf2: 	darken(@verlauf1, 10%);

@shadows: 	0px 5px 10px #666666;


/*##############################################################################*/

* {
	color:@text1;
}

html {
	/*height:100%;*/
	font-family: 'Titillium Web', sans-serif;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 35%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(35%,#ffffff));
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 35%);
	background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 35%);
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 35%);
	background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 35%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );
	background: #fff;
}

h1, h2, h3, h4, h5, a {
	color:@text1;

}

.background {
	background-color: #ffffff;
}

.schatten {
    -webkit-box-shadow: @shadows;
    -moz-box-shadow: @shadows;
    box-shadow: @shadows;
}

.verlauf {
	background-image: -webkit-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -moz-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -o-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: linear-gradient(@verlauf1 0%, @verlauf2 100%)
}

.button {
	background-image: -webkit-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -moz-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -o-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: linear-gradient(@verlauf1 0%, @verlauf2 100%);
	padding:5px;
	border-radius:5px;
}

/*##############################################################################*/

.navigation {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;  
	/*background-image: -webkit-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -moz-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: -o-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
	background-image: linear-gradient(@verlauf1 0%, @verlauf2 100%);
	border-radius:5px;*/
	
	li {
		float: left;
		padding: 0 0 10px 0;
		position: relative;
		line-height: 25px;
		height: 120px;
	}
	
	a {
		float: left;
		padding: 0 0;
		text-align: center;
		color: @navilink1;
		text-decoration: none;
	}
	
	li:hover > a {
		color: @navilink2;
		text-decoration: underline;
	}
	
	li.act > a {
		font-weight: bold;
	}
	
	li:hover > ul {
		display: block;
	}
	
	ul {
		list-style: none;
		margin: 0;
		padding: 0;    
		display: none;
		position: absolute;
		top: 35px;
		left: 0;
		z-index: 99999;    	
	}
	
	ul ul {
		top: 0;
		left: 150px;
	}
	
	ul li {
		float: none;
		margin: 0;
		padding: 0;
		display: block; 
		/*background-image: -webkit-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
		background-image: -moz-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
		background-image: -o-linear-gradient(@verlauf1 0%, @verlauf2 100%); 
		background-image: linear-gradient(@verlauf1 0%, @verlauf2 100%);*/		
	}
	
	ul a {    
		padding: 10px;
		height: 10px;
		width: 130px;
		height: auto;
		line-height: 1;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	ul a:hover {
		/*background:@verlauf2;*/
	}
	
	ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 30px;
		top: -8px;
		width: 0;
		height: 0;
	}
	
	ul ul li:first-child a:after {
		left: -8px;
		top: 12px;
		width: 0;
		height: 0;
	}
	
	:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
}
/*##############################################################################*/