/****** Proton CSS ******/
* {
	margin:0;
}
html, body {
		margin:0;
		padding:0;
		height:100%;
		font-family:helvetica, arial, verdana, sans-serif;
		font-size:100.01%;
		position:relative; 
		color: white;	
		background:black;
		background-image: url("../images/kachel980.jpg");
		background-repeat:repeat-y;
		background-position:center;
}	
#logo {
		background:url("../images/proton-logo2.png") no-repeat;
		width:550px;
		height:80px;
		margin-left:25px;
}

/*****allgemeine elemente ***/

img { border:0; }

h1, h2, h3, h4 {
	color:red;
	font-size:110%;
	margin:2em 0 1em 0;
}

h1 { margin-top:0; }

a, a:link, a:visited {
	text-decoration: none;
	color:red;
	border-bottom:1px dotted red;
}

a:hover {
	text-decoration: none;
	color:red;
	border-bottom:1px solid white;
}

#inhaltlinks h1 {
	margin-bottom:10px;
	font-size:180%;
}

#inhalt a { color:red; }


/****** Spalten und Wrapper *****/

.wrapper {
	min-height: 100%;
	font-size:85%;
	/* height: auto !important;
	height: 100%; */
	padding:0;
	margin: 0 auto -594px; /* the bottom margin is the negative value of the footer's height */
	background-image:url("../images/body-bg4.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:40px;
	width:980px;
}

#content {
	margin-left:135px;
	padding:0;
	width:793px;
	font-size:90%;
}

#content .dates .bordernone, #content #inhaltlinks .bordernone, .bordernone {
	border:0;
	text-decoration:none;
}

#content img { margin-right:10px; }

#inhaltlinks {
	margin-top:15px;
	padding-top:15px;
	width:580px !important;
	width:580px;
	float:left;
	margin-right:20px;
/*	z-index:2;
	position:absolute; */
}

.flRight { float:right; }
.flLeft { float:left; }


/****************************************************************
	Rechte Spalte
*****************************************************************/

.kastenrechts a { border:0; }

.kastenrechts {
	float:right;
	border:1px solid white;
	border-top:0px;
	background:url("../images/bg-kastenrechts-repeat.jpg") top right repeat-y;
}

*+html div.kastenrechts {
			margin-top:-10px;	
}

.flyer a img { display:block; }
.flyer img, .facebook {
	border:1px solid white;
	margin:0 18px 10px 18px;
}

.headlinerechts {
	background:url("../images/flyer-headline.jpg") top right no-repeat;
	height:73px;
	width:184px;
}


/******* Navigation *******/

#navigation {
		padding-left:93px !important;
		padding-left:0px;
		margin-top:-5px !important;			
		margin-top:-7px;
}

* html #navigation {
		position:absolute;
		z-index:50;
}

*+html #navigation {
		margin-left:35px;
}

#navigation ul li, #navigation ul {
	float:left;
	color:white;
	list-style-type:none;
	text-align:center;
}
#navigation ul li { width:116px; }
#navigation ul li a {
	background: url("../images/nav-normal.png") no-repeat;
	width:116px;
	display:block;
	padding-top:6px;
	color:white;
	border-bottom:none;
	cursor: pointer;
}
#navigation ul li a.active, #navigation ul li a:hover {
	background: url("../images/nav-active.png") no-repeat;
	width:116px;
	display:block;
	padding-top:6px;
	cursor: pointer;
	behavior: url(./images/iepngfix.htc);
}
* html #navigation ul li a:hover span{
	background: url("../images/nav-activeie.png") 0px 5px no-repeat;
	width:116px;
	display:block;
	padding-top:6px;
	margin-top:-6px;
	cursor: pointer;
}
* html #navigation ul li a.active span {
	background: url("../images/nav-active.png") no-repeat;
	width:116px;
	display:block;
	padding-top:6px;
	margin-top:-6px;
	cursor: pointer;
}


/**** Schmuckelemente ****/

.chick-ol {
	width:130px;
	height:210px;
	margin:auto;
	padding-right:850px;
	margin-top:-120px;
	
}
.sternschnuppe {
	width:180px;
	height:100px;
	margin:auto;
	padding-left:600px;
	margin-top:-100px;
		
}
.stern {
	width:50px;
	height:50px;
	padding-left:600px;
	margin-top:-110px;		
}
.typo {
	width:300px;
	height:319px;
	margin-left:545px !important;
	margin-left:-52px;
	margin-top:700px;
	position:absolute;
	z-index:0:
}
/*ie7*/
*+html .typo {
		left:277px;
}
.icon {
	margin:3px;
	width:9px; 
	height:9px;
}
.dates {
	border-bottom:1px solid white;
	padding:10px 0 10px 0;
	width:580px;
}
.dates_date {
	font-family:arial, sans-serif;
	font-size:170%;
	margin-bottom:
}
.dates h2 {
	font-size:220%;
	margin-top:0.1em;
	margin-bottom:0.3em;
}
.dates .leftcol {
	float:left;
}
.dates .rightcol {
	margin-left:220px;
}


/*******clearer ******/

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/***** Footer ****/
 /*
footer based on:
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
.footer{
	margin:auto;
	padding:0;
	height:594px;
	width:980px;
	bottom:0;
	position:relative;
}
.push {
	height:594px;
}
.footer #Newsletter {
	position:absolute; 
	bottom:30px;
	left:232px;
}
.footer #Newsletter a {
	color:white;
	border:none;
}


/******
Gästebuchliste
******/

.a63-gbook {
	margin-top:10px;
}
.a63-entry {
	border-top:1px solid white;
	width:580px;
	padding:7px 0 5px 0;
}
ul.a63-pagination {
	list-style-type:none;
	margin:0;
	padding:0 0 5px 0;
}
ul.a63-pagination a { 
	border-bottom:none; 
}
.a63-pagination_aktuell {
	font-weight:bold;
	color:black;
	background-color:white;
	padding: 0 3px;
}
ul.a63-pagination li {
	float:left;
	margin-right:5px;
}


/******
Gästebuchformular
*****/
	
form {
	width:400px;
}
form.a63-form fieldset, fieldset {
	border:solid 0 #fff;;
	margin:0;
	padding:0;
}
form.a63-form legend, legend { display:none; } 
form.a63-form label, label, .pflicht {
  display:block;
  float:left;
  padding:5px 0;
  margin-right:5px;
  width:120px;
  border-right-width: medium; 
}
form.a63-form p {
  display:block;
  clear:both;
  border-top-width: medium; 
}
form.a63-form input, input {
	background:transparent;
	margin-bottom:5px;
	width:250px;
	padding:2px;
	border:1px dotted red;
	text-indent:5px;
	float:left;
	margin:4px;
	color:white;
}
form.a63-form textarea, textarea {
	background:transparent;
	margin-bottom:5px;
	width:250px;
	padding:2px;
	border:1px dotted red;
	text-indent:5px;
	float:left;
	margin:4px;
	color:white;
}
#GlAddUser select {
	background:black;
	color:white;
	margin-left:3px;
}
#GlMessage {
	background-color:#f00;
	color:#EDE794;
	font-weight:bold;
	margin:10px 0;
	padding:5px 0 5px 15px;
}
form.a63-form p.a63-buttons {
	margin-left:125px;
}
.formgen_submit {
	margin-left:128px;
	width:258px;
}
.formgen_submit:hover {
	background:#a10a0b;
}
form.a63-form input.a63-fsubmit {
	width:125px;
	padding-right:9px;
	display:inline;
}
form.a63-form input.a63-fsubmit:hover {
	background:#a10a0b;
}
form.a63-form ul.error, ul.formgen_error_list {
	font-weight:bold;
	color:red;
	list-style-type:none;
	padding:5px 5px 5px 0px;
	margin-right:10px;
	margin-bottom:20px;
	margin-left:0px;
}


/** Übersichtsgalerie erst nach fertiggeladener seite zeigen **/
#showcontent { display:none; }
/*******/

hr {
	height:1px;
	border:0;
	color: red;
	background-color:white;
	margin: 15px 0 15px 0;
}

.subline {
	margin-top:5px;
	padding:5px;
}

div#dhonishow {
/*width:590px;*/
}
*+html div#dhonishow {
/*width:600px;*/
}

#content div#dhonishow img {
	margin-right:0;
}

div#dhonishow div#show1 {
	float:left;
	margin-right:5px;
}

div#dhonishow div#show2 {
	float:left;
	margin-right:5px;
}

div#dhonishow div#show3 {
	float:left;
	margin-bottom:5px;
}

div#dhonishow div#show4 {
	float:left;
}

ul.artikelliste  {
	list-style-image: url(../images/square2.gif);
	list-style-position: outside;
 	padding:.5em 0 1em 20px;
	margin: 1em 0;
	margin-bottom:2em;
	border-top: 1px solid #cccdce;
	border-bottom:1px solid #cccdce;
}	

ul.artikelliste li { margin: .2em 12px; }

.blaettern {
	margin-top:5px;
}


/****************************************************************
	Bildergalerien
*****************************************************************/

.thumbwrap {
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 10px 15px 0;
	border: 1px solid #999;
	padding: 0;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 173px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
/*\*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 173px;
	height: 129px;
}
/**/
.thumbwrap li .wrimg {
}
.thumbwrap img {
	border: solid 1px #fff;
	vertical-align: middle;
}
#content .thumbwrap img { margin-right:0; }
.thumbwrap a:hover {
	background-color: #7B0002;
}
/*\*//*/
* html .thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
* html .thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 129px;
	width: 1px;
}
/**/
.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	w\idth: 163px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	html:first-child .thumbwrap {
		border-collapse: collapse;
		display: inline-block; /* non deve avere margin */
	}
}