@charset "UTF-8";
/* CSS Document */


body {	font-family: 'Vollkorn'; 
		color: #555555;
		width: 950px;
		margin-left: auto;
		margin-right: auto;}
			
h1 {font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
	float: left;
	}
	
	
h1 a:link {	color: #555555;
			text-decoration: none;}
					
h1 a:hover {color: #0092D1 !important;
			text-decoration: none;}	
						


h1 a:visited {	color: #555555;
				text-decoration: none;}	
					
					
						
	
h2 {font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	}
	
h5 {font-size: 18px;
	font-weight: bold;
	font-family: vollkorn;
	}	
	
.clear{	clear:both;
		padding-bottom: 200px;
		}


.clear_imprint{	clear:both;
		padding-bottom: 150px;
		}


		
.clearanker {clear:both;
		padding-bottom: 100px;}		
	


/* ------------header------------*/

#head {	width: 950px;
		height: 70px;
		border-bottom: solid 1px #555555; /*#b6b5b5;*/
		z-index: 100;
		background-color: white;
		position: fixed;
		top: 0px;
		}	
		


#head_imprint {	width: 950px;
				height: 70px;
				border-bottom: solid 1px #555555; /*#b6b5b5;*/
				z-index: 100;
				background-color: white;
				position: fixed;
				top: 0px;
		}				
		
.icons {float: left;
		margin-right: 10px;
		}		

.logo {	float: left;
		width: 180px;
		margin-top: 15px;
		margin-left: 20px;			
		}
		
.logo_imprint {	float: left;
		width: 600px;
		margin-top: 15px;
		margin-left: 20px;			
		}

#mail {	float : right;
		width : 16px;
		height : 16px;
		background : url(../img/socialmedia/mail.png) no-repeat 0 0;
		background-position : 0 -20px;
		margin-top: 40px;

		}
		
#mail:hover {background-position : 0 0px;}



/* ------------navi------------*/


		
#navi {	float: left;
		margin-left: 60px;
		font-size: 16px;
		font-weight: bold;
		font-family: vollkorn;
		margin-top: 17px;	
		}		
		
.navi {	float: left;
		margin-right: 50px;}
		
#navi a:link {	color: #555555;
				text-decoration: none;
				margin-top: 20px;
				}	
#navi a:hover {color: #0092D1 !important;}						


#navi a:visited {	color: #555555;
				text-decoration: none;
				margin-top: 20px;
				}	




/* ------------home------------*/

#home {height: 220px;}

#zitat1 { /*margin-top: 220px;  */
		margin-left: 260px;
		width: 690px;
		line-height: 1.2;
		font-size: 48px;
		font-weight: bolder;
		}	
		
/*#zitat1a {font-size: 53px;
		font-weight: bolder}	
		
#zitat1b {font-size: 67px;
		font-weight: bolder;}	*/
				

#zitat2 {margin-top: -82px;  /* Author */
		font-weight: normal;
		font-size: 10px;
		font-family: Verdana;
		margin-right: 113px;
		width: 690px;
		float: right;
		text-align: right;
		}	


.teaserheadline_grey {font-size: 16px;
				font-family: Vollkorn;
				font-weight: bold;
				border-bottom: solid 2px #555555;
				margin-bottom: 5px;
				color: #555555;
				margin-left: 5px;
					}

.teasertext_grey {font-size: 10px;
			font-family: Verdana;
			margin: 0px 5px 0px 5px;
			color: #555555;
			text-decoration: none !important;
			}	


.teasertext_grey  a:link {text-decoration: none;
						color: #0092D1;}
.teasertext_grey a:hover {color: #555555 !important;}					

.teasertext_grey  a:visited {text-decoration: none;
						color: #0092D1;}



/* ------------runde Teaserbilder------------*/				

.teaser {width: 690px;
		margin-left: 260px;
		}
		
.teaserbox {width: 216px;
			float: left;
			margin-right: 21px;
			margin-top: 0px;
			text-decoration: none !important;
			}	
			
.teaserbox_last {width: 216px;
				float: left;
				margin-top: 0px;
				text-decoration: none !important;

				}						
			

			
.teaserheadline {font-size: 14;
				font-family: Vollkorn;
				font-weight: bold;
				border-bottom: solid 2px white;
				margin-bottom: 5px;
				color: white;
				text-align: center;
				text-decoration: none !important;
				}

				

.teasertext {font-size: 10px;
			font-family: Verdana;
			margin: 0px 5px 0px 5px;
			color: white;
			text-align: center;
			text-decoration: none !important;
			}					


h1 a:link {	color: #555555;
			text-decoration: none !important;}
					
h1 a:hover {color: #0092D1 !important;
			text-decoration: none !important;}	
											
				

/* ------------shortinfos zu themenbereichen------------*/

.shortinfo {width: 690px;
			margin: 50px 0px 50px 60px;
			float: left;
			border-top: solid 1px #555555;
/*			border-bottom: solid 1px #555555; */
			font-size: 10px;
			font-family: Verdana;
			font-weight: normal;
			}
			
.shortinfo_klein_links {	width:330px;
					float: left;
					margin-right: 30px;
					}			

.shortinfo_klein_rechts {	width:330px;
					float: left;
					margin-right: 0px;
					}			


/* ----------------------------------concept erste reihe ----------------------------------*/
/* ------------tipi------------*/

#teaserbox_tipi {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/concept_tipi.png)no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_tipi:hover {background-position : 0 -226px;
						cursor: pointer;}


/* ------------warsteiner------------*/

#teaserbox_warsteiner {	float: left;
						margin-right: 21px;
						margin-top: 21px;
						width: 216px;
						height: 216px;
						background: url(../img/Thumbs/warst.png) no-repeat 0 0;
						z-index: 1;
						position: relative;
						}	

#teaserbox_warsteiner:hover {	background-position : 0 -226px;
								cursor: pointer;
								}


/* ------------online sicher zahlen------------*/
					
#teaserbox_warstsclmed_last	{	float: left;
								margin-top: 21px;
								width: 216px;
								height: 216px;
								background: url(../img/Thumbs/warst_sclmed.png) no-repeat 0 0;
								position: relative;
								}		
			
#teaserbox_warstsclmed_last:hover {background-position : 0 -226px;
									cursor: pointer;}	
						


/* ----------------------------------concept zweite reihe ----------------------------------*/
/* ------------vbs------------*/

#teaserbox_vbs {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/vbs.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_vbs:hover {background-position : 0 -226px;
						cursor: pointer;}


/* ------------warsteiner suche------------*/

#teaserbox_warst_suche {	float: left;
						margin-right: 21px;
						margin-top: 21px;
						width: 216px;
						height: 216px;
						background: url(../img/Thumbs/warst_suche.png) no-repeat 0 0;
						z-index: 1;
						position: relative;
						}	

#teaserbox_warst_suche:hover {	background-position : 0 -226px;
								cursor: pointer;
								}


/* ------------höffner------------*/
					
#teaserbox_onlinesicher_last {	float: left;
								margin-top: 21px;
								width: 216px;
								height: 216px;
								background: url(../img/Thumbs/hoeffner.png) no-repeat 0 0;
								position: relative;
								}		
			
#teaserbox_onlinesicher_last:hover {background-position : 0px -226px;
									cursor: pointer;}	
						




/* ----------------------------------concept dritte reihe ----------------------------------*/
/* ------------welpenkalender------------*/

#teaserbox_welpen {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/welpenkalender.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_welpen:hover {background-position : 0 -226px;
						cursor: pointer;}


/* ------------dgf------------*/

#teaserbox_dgf {	float: left;
						margin-right: 21px;
						margin-top: 21px;
						width: 216px;
						height: 216px;
						background: url(../img/Thumbs/dgf.png) no-repeat 0 0;
						z-index: 1;
						position: relative;
						}	

#teaserbox_dgf:hover {	background-position : 0 -226px;
								cursor: pointer;
								}


/* ------------ wires ------------*/
					
#teaserbox_wires_last {	float: left;
								margin-top: 21px;
								width: 216px;
								height: 216px;
								background: url(../img/Thumbs/wires.png) no-repeat 0 0;
								position: relative;
								}		
			
#teaserbox_wires_last:hover {background-position : 0 -226px;
									cursor: pointer;}	
						





/* ----------------------------------design erste reihe ----------------------------------*/
/* ------------flyer------------*/

#teaserbox_flyer {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/flyer.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_flyer:hover {background-position : 0 -226px;
						cursor: pointer;}




/* ------------heureka------------*/

#teaserbox_heureka {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/heureka.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_heureka:hover {background-position : 0 -226px;
						cursor: pointer;}


/* ------------logo------------*/

#teaserbox_logo_last {	float: left;
						margin-top: 21px;
						width: 216px;
						height: 216px;
						background: url(../img/Thumbs/logos.png) no-repeat 0 0;
						z-index: 1;
						position: relative;
						}	

#teaserbox_logo_last:hover {	background-position : 0 -226px;
								cursor: pointer;
								}


/* ------------illus------------*/
					
#teaserbox_illu {	float: left;
								margin-top: 21px;
								margin-right: 21px;								
								width: 216px;
								height: 216px;
								background: url(../img/Thumbs/illus.png) no-repeat 0 0;
								position: relative;
								}		
			
#teaserbox_illu:hover {background-position : 0 -226px;
									cursor: pointer;}	
						


/* ----------------------------------design zweite reihe ----------------------------------*/
/* ------------video------------*/

#teaserbox_videos {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/Thumbs/video.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	

#teaserbox_videos:hover {background-position : 0 -226px;
						cursor: pointer;}


/* ------------warsteiner suche------------

#teaserbox_warst_suche {	float: left;
						margin-right: 21px;
						margin-top: 21px;
						width: 216px;
						height: 216px;
						background: url(../img/Thumbs/warst_suche.png) no-repeat 0 0;
						z-index: 1;
						position: relative;
						}	

#teaserbox_warst_suche:hover {	background-position : 0 -226px;
								cursor: pointer;
								}


 ------------ warsteiner bier gewinnt------------
					
#teaserbox_warst_gewinnt_last {	float: left;
								margin-top: 21px;
								width: 216px;
								height: 216px;
								background: url(../img/Thumbs/warst_gewinnt.png) no-repeat 0 0;
								position: relative;
								}		
			
#teaserbox_warst_gewinnt_last:hover {background-position : 0 -226px;
									cursor: pointer;}	*/						





/* ------------about------------*/




#teaserbox_me {		float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/me.gif) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	


#teaserbox_student {	
					float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/studium.png) no-repeat 0 0;
					z-index: 1;
					position: relative;
					}	
					
					
#teaserbox_professional_last
				{	float: left;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					background: url(../img/professional.png) no-repeat 0 0;
					position: relative;
					}	
										
						
#lebenslauf {	float: left;
					margin-right: 21px;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					font-family: Verdana;
					font-size: 10px;
					}	
					
					

						
#lebenslauf_last {	float: left;
					margin-top: 21px;
					width: 216px;
					height: 216px;
					font-family: Verdana;
					font-size: 10px;
					}				
					
.hovertext {display: none;}	

#toggleText {z-index: 2;
		color: aqua;
		text-align: center;
		position:absolute;
		margin-top: 40px;
		}		
		
		
#xing {	float : left;
		width : 16px;
		height : 16px;
		background : url(../img/socialmedia/xing.png) no-repeat 0 0;
		margin-top: 8px;
		}
		
#xing:hover {background-position : 0 -20px;}


/* - - - - footer - - - - */
#footer {	width: 950px;
			height: 70px;
			margin-top: 10px;
			border-top: solid 1px #555555; /*#b6b5b5;*/
			background-color: white;
			/*position: fixed;*/
			top: 0px;
		}