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

/* #########################-----------------------------Standarts-----------------------------######################### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style-type: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

* {
	margin:0;
	padding:0; }
	
	
html {
	height:100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #353535;
	font-size: 13px;
}
	
body {
	padding: 0; 
	background: url(../images/bg.jpg) #fff center 0px repeat-x ;
	}

#container {margin: 0 auto; width: 974px;}

a, a:visited { color: #005fb0; text-decoration: underline; border-bottom: none;}
a:hover { color: #005fb0; text-decoration: none; border-bottom: none;}


/* #########################-----------------------------Head-Bereich-----------------------------######################### */

h1.logo a, h1.logo a:hover {
	background:url(../images/h1-logo.jpg) 0 0 no-repeat;
	display:block;
	font-size:0.01em;
	float:left;
	height:73px;
	margin:58px 0 0 10px;
	position: absolute;
	text-indent:-9999px;
	width:571px;
	
}

h1.logo a:hover {
 	background-position: 0px -73px;
	
}


#header { background: url(../images/header.jpg) no-repeat; width: 974px; height: 390px;}

/* #########################-----------------------------Navigation-----------------------------######################### */

#navi { margin: 0px 0 0px 0px;}
#navi ul{list-style-type:none;}	
#navi li  {display:block; text-indent:-9000px; float: left;}
#navi li a {display:block; padding:0px;text-decoration:none;}


#start a {background: url(../images/navi/navi.jpg) -0px -0px; background-repeat:no-repeat; 
height:34px; width: 78px;}
#start a:hover { background: url(../images/navi/navi.jpg) -0px -34px; background-repeat:no-repeat; 
height:34px; width: 78px;}
#start-aktiv a { background: url(../images/navi/navi.jpg) -0px -34px; background-repeat:no-repeat; 
height:34px; width: 78px;}

#uns a {background: url(../images/navi/navi.jpg) -78px -0px; background-repeat:no-repeat; 
height:34px; width: 125px;}
#uns a:hover { background: url(../images/navi/navi.jpg) -78px -34px; background-repeat:no-repeat; 
height:34px; width: 125px;}
#uns-aktiv a { background: url(../images/navi/navi.jpg) -78px -34px; background-repeat:no-repeat; 
height:34px; width: 125px;}

#aktuelles a {background: url(../images/navi/navi.jpg) -203px -0px; background-repeat:no-repeat; 
height:34px; width: 125px;}
#aktuelles a:hover { background: url(../images/navi/navi.jpg) -203px -34px; background-repeat:no-repeat; 
height:34px; width: 125px;}
#aktuelles-aktiv a { background: url(../images/navi/navi.jpg) -203px -34px; background-repeat:no-repeat; 
height:34px; width: 125px;}

#service a {background: url(../images/navi/navi.jpg) -328px -0px; background-repeat:no-repeat; 
height:34px; width: 198px;}
#service a:hover { background: url(../images/navi/navi.jpg) -328px -34px; background-repeat:no-repeat; 
height:34px; width: 198px;}
#service-aktiv a { background: url(../images/navi/navi.jpg) -328px -34px; background-repeat:no-repeat; 
height:34px; width: 198px;}

#galerie a {background: url(../images/navi/navi.jpg) -526px -0px; background-repeat:no-repeat; 
height:34px; width: 104px;}
#galerie a:hover { background: url(../images/navi/navi.jpg) -526px -34px; background-repeat:no-repeat; 
height:34px; width: 104px;}
#galerie-aktiv a { background: url(../images/navi/navi.jpg) -526px -34px; background-repeat:no-repeat; 
height:34px; width: 104px;}

#infos a {background: url(../images/navi/navi.jpg) -630px -0px; background-repeat:no-repeat; 
height:34px; width: 82px;}
#infos a:hover { background: url(../images/navi/navi.jpg) -630px -34px; background-repeat:no-repeat; 
height:34px; width: 82px;}
#infos-aktiv a { background: url(../images/navi/navi.jpg) -630px -34px; background-repeat:no-repeat; 
height:34px; width: 82px;}

#grevenbroich a {background: url(../images/navi/navi.jpg) -712px -0px; background-repeat:no-repeat; 
height:34px; width: 166px;}
#grevenbroich a:hover { background: url(../images/navi/navi.jpg) -712px -34px; background-repeat:no-repeat; 
height:34px; width: 166px;}
#grevenbroich-aktiv a { background: url(../images/navi/navi.jpg) -712px -34px; background-repeat:no-repeat; 
height:34px; width: 166px;}

#links a {background: url(../images/navi/navi.jpg) -878px -0px; background-repeat:no-repeat; 
height:34px; width: 96px;}
#links a:hover { background: url(../images/navi/navi.jpg) -878px -34px; background-repeat:no-repeat; 
height:34px; width: 96px;}
#links-aktiv a { background: url(../images/navi/navi.jpg) -878px -34px; background-repeat:no-repeat; 
height:34px; width: 96px;}

a#guestbook { text-indent: -9999px; background: url(../images/gaestebuch.jpg) no-repeat; width: 213px; height: 150px; position: absolute; margin: 239px 0 0 337px;}
a:hover#guestbook { background-position: 0px -150px;}

#subnavi { width: 190px; height: 20px; margin: -35px 0 0 511px;}
#subnavi ul li { float: left; display: block; margin-right: 10px;}
#subnavi ul li a, #subnavi ul li a:visited { color: #353535; text-decoration: none;}
#subnavi ul li a:hover { color: #005fb0;}


/* #########################-----------------------------Content-----------------------------######################### */

#content { width: 724px; padding-left: 18px; float: left;}

#headline { margin: 28px 0 0 18px;}

h1#h1-start { text-indent: -9999px; background: url(../images/headlines/h1-willkommen.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-aktuelles { text-indent: -9999px; background: url(../images/headlines/h1-aktuelles.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-anfahrt { text-indent: -9999px; background: url(../images/headlines/h1-anfahrt.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-galerie { text-indent: -9999px; background: url(../images/headlines/h1-galerie.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-grevenbroich { text-indent: -9999px; background: url(../images/headlines/h1-grevenbroich.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-impressum { text-indent: -9999px; background: url(../images/headlines/h1-impressum.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-infos { text-indent: -9999px; background: url(../images/headlines/h1-infos.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-kontakt { text-indent: -9999px; background: url(../images/headlines/h1-kontakt.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-links { text-indent: -9999px; background: url(../images/headlines/h1-links.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-service { text-indent: -9999px; background: url(../images/headlines/h1-service-angebot.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}
h1#h1-uns { text-indent: -9999px; background: url(../images/headlines/h1-uns.jpg) 0px 0px no-repeat; width: 939px; height: 118px;}

.text { width: 330px; float: left; margin-right: 30px;}
.text2 { width: 690px; float: left;}
.text p, .text2 p { line-height: 19px; margin-bottom: 10px;}
.text ul li, .text2 ul li { background: url(../images/li.jpg) 0px 4px no-repeat; padding-left: 14px; margin-bottom: 8px; line-height: 17px;}

/* #########################-----------------------------Extra-----------------------------######################### */

#extra { width: 200px; color: #005fb0; font-size: 12px; float: left; margin: 0px 0 0 0px;}
#extra a { font-size: 13px; color: #353535;}

#extra p { line-height: 17px; margin-bottom: 0px; padding: 5px;}

#extra table td { padding: 3px;}
#extra table { padding: 3px;}

h2.h2-anfahrt { text-indent: -9999px; background: url(../images/anfahrt.jpg) 0px 0px no-repeat; width: 199px; height: 25px; margin-bottom: 5px;}
h2.h2-anfahrt:hover { background-position: 0px -25px; cursor: pointer;}

h2.h2-oeffnungszeiten { text-indent: -9999px; background: url(../images/oeffnungszeiten.jpg) 0px 0px no-repeat; width: 199px; height: 25px; margin-top: 15px;}
h2.h2-oeffnungszeiten:hover { background-position: 0px -25px; cursor: pointer;}

h2.h2-kontaktdaten { text-indent: -9999px; background: url(../images/kontaktdaten.jpg) 0px 0px no-repeat; width: 199px; height: 25px;}
h2.h2-kontaktdaten:hover { background-position: 0px -25px; cursor: pointer;}

#gutschein-download li { background: url(../images/pdf.png) 0px 0px no-repeat; padding-left: 25px;}



/* #########################-----------------------------Footer-----------------------------######################### */

#footer { background: url(../images/footer.jpg) 0px 0px no-repeat; width: 645px; height: 96px; float: none; clear: both; margin: 0 auto; padding: 67px 0 0 329px;}
#footer ul li {display: block; float: left; margin-right: 10px; font-size: 12px;}

/* #########################-----------------------------Klassen-----------------------------######################### */
.pix1 { margin-bottom: 20px; float: left;}
.pix { border: 1px solid #666666; background-color: #fff; float: left; padding: 2px; margin: 0 20px 20px 5px;}
a.dekra { color: #156a18; font-weight: bold;}

.nofloat {float: none; clear: both;}

.highlight { color: #005fb0; font-weight: bold;}
.branding { margin: 0 0 10px 0;}

/* #########################-----------------------------Schriften-----------------------------######################### */

#content h2 { width: 330px; background-color: #005fb0; color: white; font-size: 16px; font-weight: bold; padding: 2px 0 2px 0; margin-bottom: 10px;}
#content h2 a, #content h2 a:visited, #content h2 a:hover { color: white; text-decoration: none;}
.text2 h2 { width: 686px!important; background-color: #005fb0; color: white; font-size: 16px; font-weight: bold; padding: 2px 0 2px 0; margin-bottom: 10px;}
#content h1 { color: #005fb0; font-weight: bold; font-size: 16px; margin-bottom: 5px; line-height: 20px;}

hr { border: 0; background-color: #353535; height: 1px; margin: 15px 0 10px 0;}
/* #########################-----------------------------PNG Fix-----------------------------######################### */

img, div, a, input, h1, h2, ul, li { behavior: url(iepngfix.htc) }