@import url("reset.css");
@charset "UTF-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 22, 2013 */
@font-face {
	font-family: 'Delicious';
	src: url('webfonts/delicious-bold-webfont.eot');
	src: url('webfonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/delicious-bold-webfont.woff') format('woff'),
		 url('webfonts/delicious-bold-webfont.ttf') format('truetype'),
		 url('webfonts/delicious-bold-webfont.svg#deliciousbold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Delicious';
	src: url('webfonts/delicious-heavy-webfont.eot');
	src: url('webfonts/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/delicious-heavy-webfont.woff') format('woff'),
		 url('webfonts/delicious-heavy-webfont.ttf') format('truetype'),
		 url('webfonts/delicious-heavy-webfont.svg#delicious_heavyregular') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Delicious';
	src: url('webfonts/delicious-roman-webfont.eot');
	src: url('webfonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/delicious-roman-webfont.woff') format('woff'),
		 url('webfonts/delicious-roman-webfont.ttf') format('truetype'),
		 url('webfonts/delicious-roman-webfont.svg#deliciousroman') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}


/**************************************************************************************************************************************************** 
 * Sticky Footer Solution
 * by Steve Hatcher 
 * http://stever.ca
 * http://www.cssstickyfooter.com
 ****************************************************************************************************************************************************/ 
* {margin:0;padding:0;} 

/* Du musst margin auf 0 für alle Elemente setzen und immer padding statt margin
für vertikale Abstände (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthöhe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 120px;}  /* Muss genau so hoch sein wie der Footer */

#footer {
	position: relative;
	margin-top: -120px; /* Negativer Wert der Footer-Höhe */
	height: 120px;
	clear:both;
}

/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */


/**************************************************************************************************************************************************** 
 * STYLESHEETS
 ****************************************************************************************************************************************************/ 
 body {
 	background: #f2f1f1 url(../zub/bg.png) repeat-y top center;
 	font-family: "Delicious", sans-serif;
 	font-weight: 200;
 }
 
#wrap {width: 100%;} 
 #main {
 	width: 960px;
 	margin: 0 auto;
 }
 
 h1 {font-size: 24px; font-weight: 400; color: #a21122; margin: 0 0 30px 0; line-height: 1.2em;}
 #logo h2 {font-size: 26px; font-weight: 400; color: #777; margin: 0 0 0 0;}
 h2 {font-size: 22px; font-weight: 400; color: #777; margin: 30px 0 10px 0;}
 h4 {font-size: 17px; font-weight: 400; text-transform: uppercase; color: #fff; letter-spacing: 0.05em; margin: 0 0 0 20px; line-height: 2em; text-align: left;} /* Sidebar */
 a {text-decoration: none;}
 .clear {clear: both;}
 .telefon {font-size: 28px; font-weight: 600; color: #888; line-height: 1.2em;}
 .email, .email a {font-size: 28px; font-weight: 600; color: #888; line-height: 1em;}
 .adresse {font-size: 24px; font-weight: 600; color: #888; line-height: 1.2em;padding: 1rem 0 0;display: inline-block;}
 .rot {color: #a21122;}
 .small {font-size: 80% !important;}
 .nowrap {white-space: nowrap;}
 .none {display: none;}
 .lowercase {text-transform: lowercase}
 .googlelink {
 	position: absolute; 
 	bottom: 20px; right: 55px; 
 	display: block; 
 	z-index: 20;
 }
 
 	.googlelink img {
 		width: 245px !important;
 		height: auto !important;
	 	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
		border-radius: 5px 5px 0 0;
 	}
 
 iframe {
 	pointer-events: none;
 	margin-top: -47px;
 	margin-left: -10%;
 	width: 120%; height: 120%;
 }
 
 /**************************************************************************************************************************************************** 
 * Header
 ****************************************************************************************************************************************************/ 
 #header {
 	width: 100%; height: 570px;
 	position: relative;
 }
 
 	/* Topmenu */
 	#header #topmenu {
 		width: 100%; height: 20px;
 		background: #888;
 	}
 	
 		#header #topmenu ul {
 			float: right;
 			margin-right: 50px;
 			height: 100%;
 		}
 		
 		#header #topmenu ul li {
 			float: left;
 			line-height: 0.8em;
 			padding: 0 10px;
 			height: 100%;
 		}
 		
 		#header #topmenu ul li a {
 			color: #fff;
 			text-transform: uppercase;
 			font-size: 14px;
 			font-weight: 400;
 			letter-spacing: 0.05em;
 			line-height: 1.3em;
 		}
 		
 		#header #topmenu ul li:hover,
 		#header #topmenu ul li.current {
 			background: #777;			
 		}
 	
 	/* Logo */	
	#header #logo {
		margin: 25px 0 0 75px;
		width: 100%;		
	}	
	
		#header #logo img {
			float: left;
		}

		#header #logo img.logo {
			margin: 5px 0 0 0;
		}
	
		#header #logo img.slogan {
			margin: 28px 0 0 215px;
		}
		
		
		#header #logo .standort {
			margin: 45px 130px 0 0;
			float: right;
			font-weight: 400;
			color: #a21122;
			font-size: 24px;
		}
		
			#header #logo .standort img {
				width: 130px; height: auto;
				margin: -65px -20px 0 0;
			}
		
		#header #logo img.neu {
			/*margin: -10px 0 0 441px;*/
			margin:-10px 0 0 425px;
		}
	
	/* Menu */
	#menu {
		width: 100%;
		height: 27px;
		clear: both;
		overflow: hidden;
		background: url(../zub/menu_border.gif) repeat-x left bottom;
	}
	
		#menu ul {
			float: right;
			margin-right: 55px;
		}
		
		#menu ul li {
			float: left;
			width: 120px; height: 24px;
			background: url(../zub/menu.png) no-repeat 0px -48px;
			text-align: center;
			margin-left: 3px;
		}
		
		#menu ul li a {
			color: #fff;
			text-transform: uppercase;
			font-size: 17px;
			font-weight: 400;
			letter-spacing: 0.05em;
			line-height: 1.5em;
		}
		
		#menu ul li:hover {
			background-position: 0 -24px;
		}
		
		#menu ul li.current {
			background-position: 0 0;
		}
		
	#imageslider {
		height: 318px;
		background: url(../zub/imageshadow.png) repeat-x left bottom;
		position: relative;
	}
	
		#imageslider img {
			margin: 0;
			width: 100%; height: 310px;
		}
	
/**************************************************************************************************************************************************** 
 * Content
 ****************************************************************************************************************************************************/ 	
 #content {
 	position: relative;
 	width: 580px;
 	float: left;
 }
 
 	#content .article {
 		margin: 0 0 0 75px;
 	}
 
 	#content .article p,
 	#content .article li {
 		font-size: 17px;
 		margin: 10px 0;
 		line-height: 1.4em;
 		color: #555;
 	}
 
 	#content .article li {
 		padding-left: 25px;
 		background: url(../zub/schloss.gif) no-repeat 0px 3px;
 	}
 	
 	#content .article li.step {
 		padding-left: 0;
 		display: table;
 		background: none;
 	}

	#content .article li.step div {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 10px 5px 0;
 		border-bottom: 2px solid #A21122;
	}
	
	#content .article li.step:last-child div {
		border: none;
	}

	#content .article li.step div:first-child img {
		border: 1px solid #999999;
	}
 	
 	#content .article p.schloss {
 		background: url(../zub/schloss.gif) no-repeat 0px 0px;
 		padding-left: 20px;
 	}
 	
 	#content .article a {
 		color: #A21122;
 	}
 	
 	#content .article a:hover {
 		text-decoration: underline;
 	}
 	
 	#content table {
 		background: url(../zub/schloss.gif) no-repeat top left;
 		padding-left: 20px;
	 	font-family: "Delicious", sans-serif;
	 	font-weight: 200;
	 	color: #555;
	 	width: 100%;
	 	font-size: 17px;
	 	margin: 20px 0;
 	}
 	
 	#content table  tr th {
 		font-weight: 400;
 		color: #777;
 		padding: 0 5px;
 	}
 	
 	#content table tr td {
 		font-weight: 200;
 		padding: 0 5px;
 	}
	
/* NEU: 01.07.2013 G-O-H	*/
	div.Linie_Fotos {
	border-top: 2px solid #A21122;
	padding: 30px 0px 0px 0px;
	}
	.fotos {
		display: table-cell;
		font-size: 75%;
		padding-bottom: 25px;
	}
 	.fotos img {
		margin: 0px 57px 25px 0px;
	}
	.fotos:last-of-type img {
		margin: 0px 0px 25px 0px;
	}
	

/**************************************************************************************************************************************************** 
 * Sidebar
 ****************************************************************************************************************************************************/ 	 
#sidebar {
	position: relative;
	width: 255px;
	float: right;
	margin-right: 50px;
}

	#sidebar .sidebarsection {
		width: 100%;
		background: url(../zub/sidebar_field.png) no-repeat left bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
		position: relative;
	}
	
	#sidebar .image {
		padding: 0;
		text-align: center;
		padding-bottom: 3px;
	}
 
 	#sidebar .sidebarsection .sidbarsectionheader {
 		width: 100%; height: 30px;
 		background: #fff url(../zub/sidebar_head.png) no-repeat top left;
 	}
 	
	 	#sidebar p {
	 		font-size: 16px;
	 		margin: 10px 0 10px 20px;
	 		line-height: 1.3em;
	 		color: #555;
	 		font-weight: 200;
	 	}
	 	
	 	#sidebar .sidebarsection .morelink {
	 		position: absolute;
	 		right: 20px; bottom: 15px;
	 	}
	 	
/**************************************************************************************************************************************************** 
 * Footer
 ****************************************************************************************************************************************************/ 	 	 
 #footercontent {
 	width: 960px; 
 	margin: 0 auto;
 }
 
	#footercontent img {
 		margin: 30px 0 0 75px;
 	}
 
 	#footercontent div  {
 		margin: 30px 0 0 75px;
		color: #555555;
		font-size: 17px;
		line-height: 1.4em;
		width:830px;
 	}