@CHARSET "UTF-8";


/*****************************/
/*		FONTS				 */
/*****************************/

@font-face {
   font-family: 'Klint Pro Black Cond';
   src: url( ../lib/font/KLINTPRO-BLACKCOND.eot#) format('eot'), 
   		url( ../lib/font/KLINTPRO-BLACKCOND.woff) format('woff'), 
		url( ../lib/font/KLINTPRO-BLACKCOND.otf) format('otf'),
   		url( ../lib/font/KLINTPRO-BLACKCOND.ttf) format('truetype'),
   		url( ../lib/font/KLINTPRO-BLACKCOND.svg#svgFontName) format('svg');
}

@font-face {
   font-family: 'Klint Pro Light';
   src: url( ../lib/font/KLINTPRO-LIGHT.eot#) format('eot'), 
   		url( ../lib/font/KLINTPRO-LIGHT.woff) format('woff'), 
		url( ../lib/font/KLINTPRO-LIGHT.otf) format('otf'),
   		url( ../lib/font/KLINTPRO-LIGHT.ttf) format('truetype'),
   		url( ../lib/font/KLINTPRO-LIGHT.svg#svgFontName) format('svg');
}

@font-face {
   font-family: 'Klint Pro Medium';
   src: url( ../lib/font/KLINTPRO-MEDIUM.eot#) format('eot'), 
   		url( ../lib/font/KLINTPRO-MEDIUM.woff) format('woff'), 
		url( ../lib/font/KLINTPRO-MEDIUM.otf) format('otf'),
   		url( ../lib/font/KLINTPRO-MEDIUM.ttf) format('truetype'),
   		url( ../lib/font/KLINTPRO-MEDIUM.svg#svgFontName) format('svg');
}

@font-face {
   font-family: 'Klint Pro Medium Italic';
   src: url( ../lib/font/KLINTPRO-MEDIUMITALIC.eot#) format('eot'), 
   		url( ../lib/font/KLINTPRO-MEDIUMITALIC.woff) format('woff'), 
		url( ../lib/font/KLINTPRO-MEDIUMITALIC.otf) format('otf'),
   		url( ../lib/font/KLINTPRO-MEDIUMITALIC.ttf) format('truetype'),
   		url( ../lib/font/KLINTPRO-MEDIUMITALIC.svg#svgFontName) format('svg');
}




/*****************************/
/*		ALLGEMEINES			 */
/*****************************/



* {
	color:					#7c7c7b;
	font-family:			'Klint Pro Medium', Arial;
	line-height:			20pt;
	margin:					0;
	padding:				0;
}

body {
	background:				url(../img/hintergrund_hell.jpg) top center #d0e7ed fixed;
	font-family: 			Arial, sans-serif;
}

p {
	margin-bottom:			20px;
}

h2 {
	color:					#4e91b4;
	margin-bottom:			20px;
}

a {
	color:					#4e91b4;
	text-decoration:		none;
}

a:hover {
	text-decoration:		underline;
}




/*****************************/
/*		HEADER				 */
/*****************************/

#header {
	position:				fixed;
	height:					200px;
	width:					100%;
	z-index:				99;
}

#logo {
	background:				url(../img/dehmel_logo.png) no-repeat;
	height:					120px;
	margin:					50px auto 10px auto;
	width:					960px;
}

/*****************************/
/*		MAIN NAVIGATION		 */
/*****************************/


#navigationMain {
	margin:					0 auto;
	width:					960px;
}

#header ul li {
	list-style:				none;
}

#header ul li {
	float:					left;
}

#header ul li a {
	margin-right:			20px;
}

/*****************************/
/*		SUB NAVIGATION		 */
/*****************************/

.subNavigation {
	float:					left;
	padding-bottom:			40px; /* !!! */
	width:					960px;
}

ul.navigationSub {
	list-style:				none;
}

ul.navigationSub li {
	color:					#4e91b4;
	cursor:					pointer;
	float:					left;
	margin-right:			15px;
	text-decoration:		none;
}

ul.navigationSub li:hover {
	text-decoration:		underline;
}


.currentPage {
	color:					red;
}

.subDominant {
	color:					#ddd;
}


/*****************************/
/*		CONTENT				 */
/*****************************/


#contentWrapper {
	margin:					0 auto;
	width:					960px;
}

.contentField {
	float:					left;
	height:					1000px;
	padding-top:			270px;
	width:					100%;
}

/* class extends contentField, if sub navigation is available */
.contentFieldSubNavigation {
	padding-top:			205px;
}

/* box wrapping bxslider div */
.sliderBox {
	float:					left;
	margin-left:			5px;
	width:					100%;
}

/* separate content areas inside bxslider (sub content) */
.innerContent {
	float:					left;
	height:					100%;
	width:					100%;
}

#home_pic_text
{
	position: 				absolute;
	top:					370px;
	margin-left:			20px;
	width:					350px;					
}

#home_pic_text p, #home_pic_text h2
{
	color:					#FFF;
}

ul.blank
	{
		list-style-type: 	none;
}

p.mini
{
	font-size: 				7pt;
	line-height: 			10pt;
}