/* CSS Document */

* {
margin:0;
padding:0;
}


body {
	background:url(../images/zauberer2.jpg) repeat-x;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#717a81;
}

html, body {
height:100%;
}


p {
	line-height:140%;
	margin-bottom:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;

	color: #333333;
}

h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:08px;
	
	color: #990000;
}

h2 {
		font-size:12px;
	font-weight:bold;
	margin-bottom:08px;
	
	color: #990000;
}


.blase {
	font-size:16px;
	font-weight:bold;
	margin-bottom:08px;
	
	color: #990000;
}
.blase2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:08px;
	
	color: #cccccc;
}

.ref {
	font-style: italic;
	}

.copyright {
	font-size: 11px;
	color: #cccccc;
	font-weight: normal;
	
}

.copyright2 {
	font-size: 11px ;
	
}

a { 
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
a:hover{
	color: #ccc;
		font-weight: bold;
	}	
	
#button a{
	background:url(../images/button.gif) no-repeat;
	display:block;
	width:132px;
	margin:auto;
	height:28px;
	padding: 14px 0 8px 70px;
	text-align:left;

}
#button a:hover{
	background:url(../images/button2.gif) no-repeat;
	display:block;
	width:132px;
	margin:auto;
	height:28px;
	padding: 14px 0 8px 70px;
	text-align:left;}

#button2 a{
	background:url(../images/button.gif) no-repeat;
	display:block;
	width:132px;
	margin:25px 0 0px 25px;
	height:28px;
	padding: 14px 0 8px 70px;
	text-align:left;
float:	left;

}
#button2 a:hover{
	background:url(../images/button2.gif) no-repeat;
	display:block;
	width:132px;
	margin:25px 0 00px 25px;
	height:28px;
	padding: 14px 0 8px 70px;
	text-align:left;
	float: left
	;}





a img {
	border:0;
}

.hidden {
	display:none;
}

.hidden2 {
	display:none;
}

.place { 
	float:left;
	border: 1px ridge #990000;
	margin: 05px 15px 05px 0;
	
	}
.placer { 
	float:right;
	border: 1px ridge #990000;
	margin: 05px 0px 05px 15px;
	
	}
	
.block {
	text-align: justify;
	}	

#container {
	margin:auto;
	width:990px;
	min-height:100%;
	
}

* html #container {
height:100%;
}

#distance {
	height:2px;
	width:990px;
	background-color:#FFFFFF;
	overflow:hidden;
}


#left {
	width:689px;
	float:left;
	margin-right:1px;
	overflow:auto;
}

#right {
	width:300px;
	float:left;
	background-color:#00CC00;
}

/*------------------------BEREICH LINKS-------------------------------------------------*/

/*------------------------HEADER--------------------*/

#header {
	margin: auto;
	width:740px;
	height:350px;
	padding-bottom: 0px;

}

/*------------------------TOP NAVIGATION--------------------*/

#topnav {
	width:689px;
	height:22px;
	background-color:#6d767d;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#topnav ul {
	list-style:none;
	float:right;
}

#topnav ul li {
	display:inline;	
}

#topnav ul li a{
	height:19px;
	float:left;
	display:block;
	padding:3px 8px 0 8px;
	margin:0 7px;
	color:#FFFFFF;
	text-decoration:none;	
}

#topnav ul li a:hover{
	color:#6d767d;
	background-color:#e3e8ec;
}
/*------------------------TOP NAVIGATION ENDE---------*/

/*------------------------NAVI------------------------*/

#nav {
	width:200px;
	float:left;
}

#nav ul li a{
	width:191px;
	height:22px;
	display:block;
	background-color:#009900;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #fff;
	padding:7px 0 0 9px;
}

#nav ul li a.nav1{
	background-color:#c3c7ca;
	color:#72797f;
}
#nav ul li a.nav2{
	background-color:#f39c00;
}
#nav ul li a.nav3{
	background-color:#d6502b;
}
#nav ul li a.nav4{
	background-color:#8e9699;
}
#nav ul li a.nav5{
	background-color:#e3e8ec;
	color:#7f878a;
}

#nav ul li a:hover{
	font-weight:bold;
	text-align:right;
	width:182px;
	padding:7px 18px 0 0;
}


#nav ul li a:hover.nav1{
	background:url(../gfx/nav/01.gif) top left no-repeat;
	color:#FFFFFF;
}
#nav ul li a:hover.nav2{
	background:url(../gfx/nav/02.gif) top left no-repeat;
}
#nav ul li a:hover.nav3{
	background:url(../gfx/nav/03.gif) top left no-repeat;
}
#nav ul li a:hover.nav4{
	background:url(../gfx/nav/04.gif) top left no-repeat;
}

#nav ul li a.akt_nav1 {
	font-weight:bold; 
	text-align:right;
	width:182px;
	padding:7px 18px 0 0;
	background:url(../gfx/nav/01.gif) top left no-repeat;
	color:#FFFFFF;
}

#nav ul li a.akt_nav2 {
	font-weight:bold; 
	text-align:right;
	width:182px;
	padding:7px 18px 0 0;
	background:url(../gfx/nav/02.gif) top left no-repeat;
}

#nav ul li a.akt_nav3 {
	font-weight:bold; 
	text-align:right;
	width:182px;
	padding:7px 18px 0 0;
	background:url(../gfx/nav/03.gif) top left no-repeat;
}

#nav ul li a.akt_nav4 {
	font-weight:bold; 
	text-align:right;
	width:182px;
	padding:7px 18px 0 0;
	background:url(../gfx/nav/04.gif) top left no-repeat;
}

/*------------------------ADRESSE------------------------*/

#adresse {
	width:191px;
	padding-left:9px;	
	font-size:11px;
	position:absolute;
	margin-bottom:10px;
	bottom:0px;
}

/*------------------------INHALT------------------------*/

#content {
	width:640px;
margin: auto;
	padding:25px 35px 0 35px;
	text-align: center;
}
#content2 {
	width:640px;
margin: auto;
	padding:380px 35px 0 35px;
	text-align: left
	;
}

/*------------------------BEREICH LINKS ENDE---------------------------------------------------*/

/*------------------------BEREICH RECHTS-------------------------------------------------------*/

/*------------------------GALLERY------------------------*/

:focus {
	outline:none;
}

#bigpic {
	height:300px;
	width:300px;
	margin:0;
	padding:0;
}



#thumbs {
	height:49px;
	width:300px;
	margin:0;
	padding:0;
}


ul#gallery {
	height:49px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:300px;
}



#gallery li span {
	display:none;
}



#gallery li {
	float:left;
	margin:0;
	width:50px;
}



#gallery li a {
	display:block;
	height:50px;
	border-right:#fff 1px solid;
	border-top:#fff 1px solid;
}

#gallery li a#last {
	border-right:none;
}


li#bild-1-1 a {
	background:url(../gfx/gallery/1_1_kl.jpg);
}
li#bild-1-2 a {
	background:url(../gfx/gallery/1_2_kl.jpg);
}
li#bild-1-3 a {
	background:url(../gfx/gallery/1_3_kl.jpg);
}
li#bild-1-4 a {
	background:url(../gfx/gallery/1_4_kl.jpg);
}
li#bild-1-5 a {
	background:url(../gfx/gallery/1_5_kl.jpg);
}
li#bild-1-6 a {
	background:url(../gfx/gallery/1_6_kl.jpg);
}

#gallery li a:focus span, #gallery li a:hover span {
	display:block;
	height:51px;
	position:absolute;
	right:0;
	top:-300px;
	width:300px;
}

#gallery a img {
	border:0;
}

#gallery li a span {visibility:hidden}
#gallery li a.current span,
#gallery li a:hover span {visibility:visible}
#gallery li a:hover{visibility:visible;}

/*--------------------------------------NOTE-BOX-------------------*/

#note {
	width:300px;
	height:287px;
	background:url(../gfx/note_01.gif) top left no-repeat;
	border-top:1px solid #fff;
}

#notetext {
	width:211px;
	font-size:11px;
	font-style:italic;
	padding:42px 15px 0 72px;
}

#notetext p {
	line-height:120%;
	margin-bottom:6px;
}

