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

/*Import von Schriftarten*/
/*@import url(../fonts/HARNGTON.TTF);*/

body	{
	margin: 0 auto;
	padding: 0;
	background-color:#CCC;
	/*background-color: url(/Bilder/background.jpg);*/
	/**background-position: right top;*/
}
div#Page	{
	width: 1280px;
	margin: 0 auto;
}
div#Header	{
	background:url(/Bilder/header2.png);
	width: 1280px;
	height: 391px;
}
div#NavStart	{
	/*padding-left: 70px;*/
	float: left;
	background:url(/Bilder/nav_start.jpg);
	background-repeat: no-repeat;
	width: 68px;
	height: 91px;
}
div#Home_button	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/home_button.jpg);
	background-repeat: no-repeat;
	width: 162px;
	height: 91px;

}
div#Home_button_down	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/home_button_down.jpg);
	background-repeat: no-repeat;
	width: 162px;
	height: 91px;
}
div#Impressionen_button	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/impressionen_button.jpg);
	background-repeat: no-repeat;
	width: 294px;
	height: 91px;
}
div#Impressionen_button_down	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/impressionen_button_down.jpg);
	background-repeat: no-repeat;
	width: 294px;
	height: 91px;
}
div#Leistungen_button	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/leistungen_button.jpg);
	background-repeat: no-repeat;
	width: 251px;
	height: 91px;
}
div#Leistungen_button_down	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/leistungen_button_down.jpg);
	background-repeat: no-repeat;
	width: 251px;
	height: 91px;
}
div#Kontakt_button	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/kontakt_button.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 91px;
}
div#Kontakt_button_down	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/kontakt_button_down.jpg);
	background-repeat: no-repeat;
	width: 188px;
	height: 91px;
}
div#Impressum_button	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/impressum_button.jpg);
	background-repeat: no-repeat;
	width: 249px;
	height: 91px;
}
div#Impressum_button_down	{
	/*padding-left: 70px;*/
	cursor:pointer;
	float: left;
	background:url(/Bilder/impressum_button_down.jpg);
	background-repeat: no-repeat;
	width: 249px;
	height: 91px;
}
div#NavEnd	{
	/*padding-left: 70px;*/
	float: left;
	background:url(/Bilder/nav_end.jpg);
	background-repeat: no-repeat;
	width: 68px;
	height: 91px;
}
/*div#NavSub	{
	background-image: url(../images/navi_sub.jpg);
	background-repeat: no-repeat;
	width: 1280px;
	height: 24px;
}*/
div#ContentMain	{
	background:url(/Bilder/content_main.png);
	padding: 0px;
	width: 1280px;
	height: 100%;
	margin: 0px auto;
}
div#Footer	{
	background:url(/Bilder/footer.png);
	padding: 0px;
	width: 1280px;
	height: 78px;
	margin: 0;
}

.home	{ float:left; background: url(/Bilder/home_button.jpg) no-repeat; width:162px; height:91px; }
.home_down	{ float:left; background: url(/Bilder/home_button_down.jpg) no-repeat; width:162px; height:91px;  }
a.home:hover   { background: url(/Bilder/home_over_effect_03.jpg) no-repeat; width:162px; height:91px;  }

.impressionen	{ float:left; background: url(Bilder/impressionen_button.jpg) no-repeat; width:294px; height:91px; }
.impressionen_down	{ float:left; background: url(Bilder/impressionen_button_down.jpg) no-repeat; width:294px; height:91px; }
a.impressionen:hover   { background: url(Bilder/impressionen_over_effect_04.jpg) no-repeat; width:294px; height:91px; }

.leistungen	{ float:left; background: url(Bilder/leistungen_button.jpg) no-repeat; width:251px; height:91px; }
.leistungen_down	{ float:left; background: url(Bilder/leistungen_button_down.jpg) no-repeat; width:251px; height:91px; }
a.leistungen:hover   { background: url(Bilder/leistungen_over_effect_05.jpg) no-repeat; width:251px; height:91px; }

.kontakt	{ float:left; background: url(Bilder/kontakt_button.jpg) no-repeat; width:188px; height:91px; }
.kontakt_down	{ float:left; background: url(Bilder/kontakt_button_down.jpg) no-repeat; width:188px; height:91px; }
a.kontakt:hover   { background:url(Bilder/kontakt_over_effect_06.jpg) no-repeat; width:188px; height:91px; }

.impressum	{ float:left; background: url(Bilder/impressum_button.jpg) no-repeat; width:249px; height:91px; }
.impressum_down	{ float:left; background: url(Bilder/impressum_button_down.jpg) no-repeat; width:249px; height:91px; }
a.impressum:hover   { background: url(Bilder/impressum_over_effect_07.jpg) no-repeat; width:249px; height:91px; }


div#Floater	{
	float:left;
		
}
div#ContentInhalt	{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 838px; 
}

.over_content_leistung{
	background: url(/Bilder/over_content_leistung.png);
	background-repeat: no-repeat;
	width: 1144px;
	height: 69px; 
	clear:both;
}
.over_content_impressionen{
	background: url(/Bilder/over_content_impressionen.png);
	background-repeat: no-repeat;
	width: 1144px;
	height: 69px; 
	clear:both;
}
.over_content_kalender2{
	background: url(../images/over_content_kalender2.png);
	background-repeat: no-repeat;
	width: 838px;
	height: 200px;
}
.over_content_preisliste{
	background: url(../images/over_content_preisliste.png);
	background-repeat: no-repeat;
	width: 838px;
	height: 200px;
}
.over_content_guestbook{
	background: url(../images/over_content_gaestebuch.png);
	background-repeat: no-repeat;
	width: 838px;
	height: 200px;
}
.over_content_kontakt{
	background: url(../images/over_content_kontakt.png);
	background-repeat: no-repeat;
	width: 838px;
	height: 200px;
}
.over_content_impressum{
	background: url(../images/over_content_impressum.png);
	background-repeat: no-repeat;
	width: 838px;
	height: 200px;
}
textarea_over_content {
 	color:#FFFFFF;
 	font-family : Arial, sans-serif;
 	font-size: 25px;
	text-align:center;
	margin-right:15px;
	clear: both;
}
textarea_over_content_left_align	{
	color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:13px;
	text-align:left;
	display:block;
  	font-size:13px;
	line-height:16px;
}
.csc-textpic-image  {
    margin-left: 32px;
	margin-bottom: 20px !important;
}
.csc-textpic-text   {
	color:#FFF;
    font-family: Arial,sans-serif;
    font-size: 15px;
	line-height:16px;
	font-weight: 300;
    margin-top: 55px;
    margin-right: 32px;
}
.csc-textpic-caption	{
	color:#999;
    font-size: 13px;
	line-height:16px;
	font-weight: 700;
	margin-bottom: 30px;
	margin-left: 60px;
	margin-top: 12px;
}
.contenttable	{
	text-align: center;
	border: 1px solid #F60;
}
.csc-space-before-20 {
    margin-top: 50px !important;
	clear:both
}
#clear	{
	clear:both;
}
.csc-textpic	{
	margin-top: 40px;
}
.trennstrich_content	{
	width: 700px;
	height: 3px; 
}
/*Unsortierte Liste für das Horizontale Menü*/
ul	{
	/*font-family: 'Marko One', serif;*/
	font-family: 'Peralta', cursive;
	font-size: 16px;
	/*font-weight:500;*/
    margin: 0;
    padding: 0;
    list-style: none;
  	position: absolute;
}
ul li {
    display: block;
    position: relative;
    float: left;
}
li ul {
    display: none;
}
ul li a {
    display: block;
    text-decoration: none;
    padding: 7px 18px;
	color: #006;
}
ul li a:hover {
	background:url(../images/button_hg.png); /*hover effekt für die maus*/
}
li:hover ul {
    display: block;
	text-align: left;
}
li:hover li {
    float: none;
    font-size: 12px;
}
li:hover a {
	background: #c03206;
	/*background:url(images/bg_navi_sub.png); /**färbt die unterkategorien (rot)**/
}
/*färbt die unterkategorien (rot wenn man mit der maus drüber geht)*/ 
li:hover li a:hover {
	background: c03206;
    /*background:url(images/bg_navigation_dark.jpg); */
}
ul li a:visited {
	color: #003; /*Färbt den Text ein von Links, die schon mal besucht worden sind*/
	/*background:url(images/bg_navigation_dark.jpg); /**wenn man mit der maus drüber geht**/
}
li:visited ul {
    display: block;
}
li:visited li {
    float: none;
    font-size: 11px;
}
li:visited a { 
	color: #000;
	/*background:url(images/bg_navigation_dark.jpg);*/ /*färbt die unterkategorien (rot)*/
} 
li:visited li a:visited {
	color::#000;
    /*background:url(images/bg_navigation_dark.jpg); /*färbt die unterkategorien (rot wenn man mit der maus drüber geht)*/
}
h1	{
	text-align: center;
	color: #600;
    /*font-family: Arial,sans-serif;*/
	/*font-family: 'Ultra', serif;*/
	/*font-family: 'Peralta', cursive;*/
	font-family: 'Marko One', serif;
    font-size: 50px;
	padding: 0;
	margin: 40px 0px 10px;
}
h2	{
	color:#000;
    font-family: Arial,sans-serif;
    font-size: 25px;
	line-height:20px;
	font-weight: 700;
	padding:0;
}
h3	{
	color:#000;
    font-family: Arial,sans-serif;
    font-size: 14px;
	line-height:15px;
	font-weight: 300;
	padding:0;
}

span	{
	float: none !important;
	margin-left: 0 !important;
}

/* Tabellengröße Preistabelle, Schriftgröße, Schriftfarbe und Höhe der Zellen */

.table {
    /*background-color: rgb(102, 153, 204);*/
	color:#600;
    width: 100%;
    text-align: center;
	padding-right: 10px;
	padding-top: 10px;
}
.font-big	{
	font-family: Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #600;
}
.font-small {
    font-family: Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #600;
}
.main {
    /*background-color: #00356A;*/
	color: #600;
    font-family: Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
}
.foot	{
	margin-left: 20px;
}
.align	{
	padding-right:20px;
}
/*Abstand nach der 2ten Überschrift Klasse font-small im Kontaktformular*/
/*.table > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1)	{
	padding-bottom:80px;
}
*/
begruessungstext {
	color:#600;
 	font-family : Arial, sans-serif;
 	font-size: 25px;
 	text-align:right;
	float:center;
	margin-right:15px;
	line-height:25px;
}
impressumtext	{
	color: #600;
 	font-family : Sakkal Majalla, sans-serif;
	font-size: 24px;
}
leistungstext	{
	color: #600;
 	font-family : Sakkal Majalla, sans-serif;
	font-size: 30px;
}
.a	{
	color:#000;
}

/* Sample 6*/

#box6{
	position:absolute;
	width:800px;
}

#box6 span{
	display:block;
}

#handles6_1{
	float:left;
	margin-left:100px;
}

#handles6_2{
	float:right;
	margin-right:50px;
}

.mask6{
	position:absolute;
	left:30%;
	margin-top:28px;
	width:800px;
	height:600px;
	overflow:hidden;
}

.sample6 .buttons{
	clear:both;
	text-align:center;
}


/* ********************************** */


.thumbs{
	width:54px;
}

.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}


.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none;
}


.info{
	width:400px;
	height:50px;
	background:#000;
	position:absolute;
}

.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}

.info h4{
	font-size:14px;
}

.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none;
}


span img{
	display:block;
	border:none;
}