/* [Lischtchlepfer] - [Januar 2008] - [umbekannt.ch] */

/********** Fixes, Workarounds, etc.
*********************************************/
/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix {display: inline-block;} /* IE 7*/

/********** Grundlayout
*********************************************/
html {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height: 1.12em;
	}
body {
	text-align: center;
	font-size: 0.69em;
	height: 100%;
	color: #5c2b4a;
	background: #BEFE43 url(../images/bg.gif) top center no-repeat;
	}
#wrapper {
	text-align: left;
	position: relative;
	width: 550px;
	margin: 0 auto;
	margin-top: 60px;
	padding-left: 360px;
	padding-right: 50px;
	}
#logo {
	position: absolute;
	left: 0;
	top: 0;
	}
#schriftzug {
	margin: 51px 0 0 37px;
	}
#menu {
	margin-top: 20px;
	width: 570px;
	}
#content {
	margin: 20px 0 0 0;
	padding-bottom: 30px;
	}
#footer {
	display: none;
	position: absolute;
	bottom: 0;
	padding-left: 200px;
	}
.counter .countdown {
	font-weight: bold;
	}
/********** Style-Elemente
*********************************************/
img {border: none;}
hr {
	clear: both;
	height: 1px;
	background: #000;
	color: #000;	
	}

/********** Navigation
*********************************************/
#menu ul {
	list-style-type: none;
	}
#menu ul li {
	float: left;
	margin-bottom: 5px;
	}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
	text-decoration: none;
	float: left;
	height: 27px;
	}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li.active a,
#menu ul li.active a:link,
#menu ul li.active a:visited {
	background-position: bottom;
	}
#menu ul li a span {
	visibility: hidden;
	}
#menu ul li.home a, #menu ul li.home a:link, #menu ul li.home a:visited {
	width: 119px;
	background-image: url('../images/menu_home.png')
	}
#menu ul li.mitglieder a, #menu ul li.mitglieder a:link, #menu ul li.mitglieder a:visited {
	width: 199px;
	background-image: url('../images/menu_mitglieder.png')
	}
#menu ul li.haslerfasnacht a, #menu ul li.haslerfasnacht a:link, #menu ul li.haslerfasnacht a:visited {
	width: 246px;
	background-image: url('../images/menu_haslerfasnacht.png')
	}
#menu ul li.galerie a, #menu ul li.galerie a:link, #menu ul li.galerie a:visited {
	width: 143px;
	background-image: url('../images/menu_galerie.png')
	}
#menu ul li.gaestebuch a, #menu ul li.gaestebuch a:link, #menu ul li.gaestebuch a:visited {
	width: 184px;
	background-image: url('../images/menu_gaestebuch.png')
	}
#menu ul li.links a, #menu ul li.links a:link, #menu ul li.links a:visited {
	width: 107px;
	background-image: url('../images/menu_links.png')
	}
#menu ul li.kontakt a, #menu ul li.kontakt a:link, #menu ul li.kontakt a:visited {
	width: 130px;
	background-image: url('../images/menu_kontakt.png')
	}
	
/********** Content-Absatzformate
*********************************************/
/* Ueberschriften */
h1, h2, h3 {
	font-weight: bold;
	color: #9abe5b;
	}
h1, h2 {
	clear: both;
	font-size: 1.3em;
	height: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9abe5b !important;
	}
h3 {
	font-size: 1.1em;
	padding: 5px 0;
	}
	
/* Paragraph */
#content p {
	margin: 5px 0;
	}
	
/* Links */
#content a,
#content a:link,
#content a:visited {
	text-decoration: none;
	color: #8CBE52;
	}
#content a:hover,
#content a:active {
	}
	
/* Listen */
#content ul {
	list-style-type: none;
	margin-bottom: 10px;
	}
#content ul li {
	height: 1%;
	padding: 5px 0 0 12px;
	background: url(../images/list_item.gif) 3px 1em no-repeat;
	}
#content ul ul {
	padding-left: 10px;
	}
#content dl {
	}
#content dt {
	font-weight: bold;
	float: left;
	width: 110px;
	}
#content dd {
	float: left;
	width: 50px;
	}
/* Tabellen */
#content table {
	}
#content table th, 
#content table td {
	padding-right: 15px;
	}

/********** Formular
*********************************************/
fieldset {
	width: 340px;
	padding: 0 0 10px 0;
	/*border: 1px solid #8CBE52;*/
	}
legend {
	padding: 5px 5px 10px 5px;
	margin: 0 0 10px;
	color: #fff;
	/*border: 1px solid #8CBE52;*/
	background: url(../images/legend_bg.gif) no-repeat;
	}
label {
	float: left;
	width: 120px;
	}
input, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #69274A;
	float: left;
	width: 200px;
	padding: 2px;
	border: 1px solid #8CBE52;
	background: #BEFE43;
	}
input {
	height: 12px;
	margin-bottom: 3px;
	}
input:hover, 
input:active, 
input:focus, 
textarea:hover,
textarea:active,
textarea:focus {
	background: #fff;
	}
textarea {
	}
input.submit,
.gb-submit,
.csc-mailform-submit {
	margin-left: 120px;
	height: 20px;
	width: 70px;
	margin-top: 10px;
	}
/********** Gästebuch
*********************************************/
.gb-entry {
	padding: 10px 0;
	border-bottom: 1px solid #8ABF53;
	}
.date {
	font-size: 0.75em;
	color: #69274A;
	font-weight: normal;
	}
.captcha {
	clear: both;
	witdth: 300px;
	}
.captcha label {
	width: 200px;
	padding-left: 120px;
	}
.captcha img,
.captcha input {
	margin-left: 120px;
	}
/********** Mitglieder
*********************************************/
.mitglied {
	margin-bottom: 15px;
	margin-right: 5px;
	width: 265px;
	float: left;
	}
.mitglied + a + div h2 {
	padding-top: 10px;
	}
.mitglied h3 {
	padding: 0;
	}
.mitglied .image,
.mitglied .daten {
	float: left;
	}
.mitglied .image {
	height: 90px;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid #69274A;
	}
.mitglied .image img {
	width: 75px;
	height: auto;
	}

/********** Galerie
*********************************************/
#gallerythumb li {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 0 !important;
	background: none !important;
	}
.galnavigator {margin-bottom: 5px;}
.dirs ul li {
	height: 5px;
	}
.thumbnails div {
	float: left;
	margin: 0 10px 10px 0;
	height: 60px;
	width: 60px;
	overflow: hidden;
	}
.thumbnails div a,
.thumbnails div a:link,
.thumbnails div a:visited {
	display: block;
	width: 56px;
        overflow: hidden;
	height: 56px;
	border: 2px solid #8ABF53;
	}
.thumbnails div a:hover,
.thumbnails div a:active {
	border: 2px solid #69274A;
	}
.thumbnails div img {
	overflow: hidden;
	}
	
.galimage img {
	border: 2px solid #8ABF53;
	}