/* CSS Document */

*	{ 
	margin:0;
	padding:0;
	color:#444;	
	font:14px "Helvetica", "Calibri", "Arial", sans-serif;
	line-height:1.4em; 
	}


h1 	{ 
	font-size:1em;
	color:#000;
	letter-spacing:2px;
	font-weight:900; 
	padding:0 0 35px 0;
	}
	
	
h2 	{ 
	font-size:1em;
	color:#000;
	letter-spacing:2px;
	font-weight:900; 
	}

	
p 	{ 
	padding:0 0 10px 0; 
	}

a:link, 
a:visited  	{ 
	color:#777;
	font-weight:800;
	text-decoration:none; 
	}
a:hover, 
a:active	{ 
	color:#000;
	}

a.mail:link, 
a.mail:visited  	{ 
	color:#777;
	font-weight:400;
	text-decoration:none;
	}
a.mail:hover, 
a.mail:active	{ 
	color:#000; 
	}
	
a.nlink{ 
	color:#000; 
	}
a.fixnav{ 
	color:#000; 
	}
a.ulink	{
	color:#000;
	}
	
a.by:link, 
a.by:visited  	{ 
	color:#000;
	font-weight:400;
	font-size:9px;
	text-decoration:none; 
	}
a.by:hover, 
a.by:active	{ 
	color:#000; 
	}
	
		
#container {
	height:auto;
	min-height:840px;
	float:left;
	margin-left:30px;
	width:100%;
	z-index:10;
}

div#logo			{ 
	float:left;
	margin:20px 0 0 10px;
	position:absolute;
	z-index:100;
	}
div#logo h1		{ 
	letter-spacing:4px;
	font-size:1.5em;
	color:#666;
	width:260px;
	margin-top:10px;
	font-weight:100;
	}
div#logo span	{ 
	font-size:1em;
	color:#000;
	letter-spacing:6px;
	font-weight:900;
	}
	
	
#navigation {
	float:left;
	letter-spacing:1px;
	margin-top:65px;
	margin-left:280px;
	width:840px;
	z-index:90;
	position:absolute;
}
#navigation ul{
	
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#navigation li.navname{
	float:left;
	list-style-type:none;
	width:75px;
	padding-right:30px;
}

/* Einblenden Unternavigation */

@-moz-keyframes appear {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}
@-webkit-keyframes appear {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}
@keyframes appear {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}
@-moz-keyframes blurFadeIn {
  0% { opacity: 0.6; -moz-transform: scale(0.95); }
  100% { opacity: 1; -moz-transform: scale(1); }
}
@-webkit-keyframes blurFadeIn {
  0% { opacity: 0.6;  -webkit-transform: scale(0.95); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes blurFadeIn {
  0% { opacity: 0.6; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

.unav {
  -webkit-animation: blurFadeIn 0.3s ease-in;
  -moz-animation: blurFadeIn 0.3s ease-in;
  -ms-animation: blurFadeIn 0.3s ease-in;
  animation: blurFadeIn 0.3s ease-in;
}


div#inhalt 			{ 
	border:#ddd solid 1px;
	float:left;
	padding:23px 15px 20px 15px;
	position:absolute;
	margin-left:830px;
	margin-top:160px;
	height:auto;
	width:170px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.7);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	z-index:120;
}
div#inhalt img{
	width:160px;
	}	
div#inhalt h2{
	font-size:1em;
	color:#777;
	letter-spacing:2px;
	padding:0 0 3px 0;
	}
	
div#kontakt {
	width:750px;
	margin-left:10px;
	border:#ddd solid 1px;
    position:relative;
    padding-top:30px; 
	padding-left:21px;
	padding-right:30px;
	padding-bottom:15px;
	margin-top:160px;
    min-height:20px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.7);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	z-index:59;
	}
	
	
div#partner {
	list-style:none;
	width:750px;
	margin-left:10px;
	border:#ddd solid 1px;
    position:relative;
    padding-top:30px; 
	padding-left:21px;
	padding-right:30px;
	padding-bottom:15px;
	margin-top:160px;
    min-height:20px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.7);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	z-index:59;
	}

	
div#copyright {
	list-style:none;
	width:750px;
	margin-left:10px;
	background:#fff;
	border:#ddd solid 1px;
    position:relative;
    padding-top:30px; 
	padding-left:21px;
	padding-right:30px;
	padding-bottom:15px;
	margin-top:160px;
    min-height:20px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.7);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	z-index:59;
	}
div#copyright ul li {
	list-style:none;
	}
	
	
#immerunten {
	color:#999;
	letter-spacing:2px;
	margin-left:42px;
	margin-top:15px;
	padding-bottom:50px;
	font-size:9px;
	float:left;
	position:relative;
	z-index:150;
}
	
/* Tabelle Partner */
table 	{ 
	width:100%;
	border-collapse:collapse; 
	}
tr:nth-child(odd)	{ 
	background-color:#eee;
	}
tr	{
	background-color:#F9F9F9;
	}
td 	{ 
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding-right:20px;
	padding-top:3px;
	padding-bottom:3px;
	width:200px;
	}
#partner img{
	border:#999 1px solid;
	height:40px;
	max-width:200px;
	display:block;
	margin-left:10px;
	}	


/* GALERIESACHEN */

/* Div mit Bildsachen */
div#rg-gallery, div#aktuell{
	width:800px;
	position:relative;
	margin-left:10px;
	z-index:59;
	}
	
/* Hintergrund grosse Galeriebilder */
.rg-image-wrapper{
	background:#fff;
	border:#ddd solid 1px;
    position:relative;
    padding-top:30px; 
	padding-left:21px;
	padding-right:30px;
	padding-bottom:15px;
	margin-top:160px;
    min-height:20px;
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.7);
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.7);
	z-index:60;
}

/* grosses Galeriebild */
.rg-image{
	margin-top:40px;
	position:relative;
    text-align:center;
    line-height:0px;
	z-index:70;
}
.rg-image img{
	border:5px solid #000;
    max-height:100%;
    max-width:100%;
}

/* Vor- und Zurückbalken */
.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
	background:url(../gui/nav.png) no-repeat -20% 50%;    
	width:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:400px;
	margin-top:100px;
	margin-left:25px;
    text-indent:-9000px;
    opacity:0.7;
    outline:none;
	z-index:150;
}

/* Vorbalken */
.rg-image-nav a.rg-image-nav-next{
	right:0px;
    left:auto;
	margin-top:100px;
	margin-right:25px;
    background-position:115% 50%;
	}
.rg-image-nav a:hover{
    opacity:1.0;
	}
.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;	
	}
.rg-caption p{
    font-size:11px;
    letter-spacing:2px;
    line-height:16px;
    padding:0 15px;
    text-transform:uppercase;
	}

/* thumbs Ein-/Ausblend-Kästchen */
.rg-view{
    height:30px;
	width:200px;
	float:left;
	margin-left:23px;
	margin-bottom:12px;
	margin-top:5px;
	position:relative;
	z-index:150;
}
.rg-view a{
    display:block;
    float:left;
    width:16px;
    height:16px;
	margin-right:5px;
    background:#000 url(../gui/views.png) no-repeat top left;
    border:1px solid #000;
    opacity:0.8;
}
.rg-view a:hover{
    opacity:1.0;
}
.rg-view a.rg-view-full{
    background-position:0px 0px;
}
.rg-view a.rg-view-selected{
    background-color:#aaa;
    border-color:#aaa;
}
.rg-view a.rg-view-thumbs{
    background-position:0px -16px;
}


/* loader */
.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:transparent url(../gui/ajax-loader.gif) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:100;
}


/* Kontaktormular */
form#formular label 		{ 
	color:#333;
	display:block;
	float:left;
	width:180px;
	text-align:right;
	padding:3px 5px 0 0; 
	}
form#formular label.normal	{ 
	display:inline;
	float:none;
	width:auto;
	text-align:left;
	padding:0px; 
	}

div#fehlermeldungen 		{ 
	border:1px solid #f00;
	color:#f00;
	padding:5px;
	margin:10px;
	width:500px;
	}

/* Formularsachen */

label.inline	{ 
	display:inline;
	text-align:left;
	float:none;
	color:#000;
	}
input[type="text"], 
textarea			{ 
	border:1px solid #ccc;
	padding:3px;
	color:#000;
	font-weight:900;
	width:300px; 
	}
textarea		{ 
	max-width:500px;
	height:160px;
	max-height:500px; 
	}
input[type="text"]:focus, 
textarea:focus 			{ 
	color:#666;
	border-color:#999; 
	}
textarea:hover 	{ 
	background-color:#eee;
	}
input[type="submit"] 	{ 
	background-color:#444;
	color:#fff;
	text-transform:uppercase;
	width:auto;
	padding:3px 12px;
	border:none; 
	cursor:pointer;
	}
input.check		{ 
	margin:7px 5px 1px 0;
	vertical-align:text-bottom;
	}