
/* - - - - - - - - - - - - */
/* Zigeunerinsel.de        */ 
/* 2009-12-12              */
/* mail@bytebetrieb.com    */
/*                         */
/* Allgemeine Stylesheets  */
/* - - - - - - - - - - - - */




/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#f59e07;
	color:				#fff;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size:			100%;
	line-height:		1.2em;
}


a,
a:link 		{ text-decoration: none; color: #ffc005; font-size:13px; font-weight:bold; }
a:visited 	{ text-decoration: none; color: #c7880c;  }
a:hover 	{ text-decoration: none; color: #ffc005; border-bottom:none; }
a:active 	{ text-decoration: none; color: #ffc005; border-bottom:none; }
a:focus 	{ text-decoration: none; color: #ffc005; border-bottom:none; }
a img, img,
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }

fieldset { border:none; }

h1 { }
h2 {color:				#ffc005;
	text-transform: 	uppercase;
	font-size:			18px;
	font-weight:		bold;
	 }

h3 { color:				#fff;
	text-transform: 	uppercase;
	font-size:			13px;
	font-weight:		bold;
	 }

h4 { }
h5 { }
h6 { }

strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

p {
	margin:				0 0 12px;
	font-size:			13px;
}

ol, ul { margin:0;}
li {
	font-size:			13px;
}



form 				{ }
fieldset 			{ border:none; }
legend 				{ }
label 				{ }
select 				{ }
input 				{ }
input[type=text] 	{ }
input[type=submit] 	{ }
textarea { }



table {
	table-layout:		auto;
	border-collapse:	collapse;
	empty-cells:		show;
}
tr { }
td, th {
	padding:			6px;
	border:				1px solid #000;
	background:			#eee;
	color:				#000;
	vertical-align:		top;
}
th { font-style:bold; }







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* G R U N D G E R Ü S T 														     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#seitenblock {
	width:				100%;
	display:			table;
	background:			#000 url(../_p/bg.jpg) top left repeat-x;
	}

#seitenblock .wrapper {
	background:			transparent url(../_p/bg-logo.jpg) 0 0 no-repeat;
	width:				960px;
	margin:				0 auto;
	}
	
#seitenblock h1{
	background:			transparent url(../_p/logo.jpg) top left no-repeat;
	height:				185px;
	padding:			0 0 200px 0;
	text-indent:		-9999px;
	cursor:				pointer;
	}
	
#seitenblock h1 a{
	height:				185px;
	border:				none;
	display:			block;
	}
	
#inhalt {
	margin: -200px 0 0 45px;
	width: 735px;
	float: left;
	}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N A V I G A T I O N 														         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul#navigation {
	list-style-position:inside;
	width:				180px;
	margin: 			-208px 0 50px 0;
	float:				left;
	min-height: 400px;
	}

#navigation li {
	border-bottom:		1px solid #b2b2b2;	
	padding: 			8px 0;
	text-transform:		uppercase;
	font-weight:		bold;
	}


#navigation a {
	border:				none;
	color:				#fff;
	
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-out;
	
	}

#navigation a:visited,
#navigation a:active,
#navigation a:focus {
	color:				#fff
	}
	
#navigation a:hover {color:#ffc005; }

#navigation li ul li {
	padding: 			3px 0;
	border:				none;
	text-transform:		none;	
	margin: 			0 0 0 20px;
	}

#navigation li ul {	list-style-type:disc; color: #fff; margin: 0 0 0 10px; }

li.aktiv,
ul#navigation li.aktiv a 				{ color:#ffc005; }
ul#navigation .subnavi.aktiv li a 		{ color:#fff; }
ul#navigation .subnavi.aktiv .aktiv a 	{ color:#ffc005; }

	
	
.aktiv li {
	list-style-position:outside;
}

#navigation .subnavi { list-style-position:inside; }
	




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* T E R M I N E 														             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.termine {
	width: 				190px;
	margin:				0 30px 0 0;
	float:				left;
	}

.termine h2 {
	color:				#ffc005;
	text-transform: 	uppercase;
	font-size:			13px;
	font-weight:		bold;
	margin:				0 0 9px 0;
	}

.termine ul { list-style-type:none;	}
.termine li { border-top:1px solid #b2b2b2; padding: 9px 0;}

.terminhead {
	color:				#ffc005;
	text-transform: 	uppercase;
	font-size:			13px;
	font-weight:		bold;
	}
	



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N E W S 														                     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.news {
	float:				left;
	width: 				500px;	
	padding:			0 0 0 15px;
	}	

.news-head {
  -webkit-box-shadow: 0px 10px 20px #000;
  -moz-box-shadow:    0px 10px 20px #000;
  
  background: #f69e08 url('../_p/newsheadtile.jpg') top repeat-x;
	width:				500px;
	height:				200px;
	position: 			relative;
	margin:				0 0 2px 0;
	overflow: hidden;
	} 	
	
.news .news-head a img { float:  right; border:none; padding: 0px; }

.news .news-head h2 {
	position:absolute;
	color:				#000;
	font-size:			18px;
	bottom:				10px;
	left:				10px;
	width:  180px;
	text-shadow: 0px 1px #ffd612;
	}
	
a.weiterlesen { 
	margin:				0 0 0 0px;
	border:				none;
	color:				#ffc005;
	font-weight:		bold;
	}

.news .news-1spaltig {
  margin-bottom: 50px;
}

.newsdatum {
	display:block;
	font-size:10px;
	color:#fff;
	margin-bottom:0;
	float:right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S P O N S O R E N 														         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.logowrapper{
	width: 958px;
	margin: 30px 0 30px 0;
	}	




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F U S S 														                     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {
	width:				100%;
	background: 		url(../_p/footer-bg.jpg) 0 0 repeat-x; 	
	color:				#000;
		text-shadow: 0px 1px #ffd612;
	
	}
	
#footer .wrapper {
	width:				960px;
	margin: 			0 auto;
	padding: 			35px 0;
	overflow:			hidden;
	}	

#kontakt 		{ float:left; margin: 0 50px 0 0; }
#kontakt span 	{ font-weight:bold; }
#nachricht 		{ height:100px; }		
#senden			{ width: 100px;}
.formular {
	margin:0 0  15px 0;
	font-size:			12px;
	line-height:		18px;
	padding:			3px 9px;
	width:				390px;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	}
	
.feedback {
	width:				400px;
}
textarea.formular {
	height:				100px;
	width:				392px;
	}

#kontakt label {
    display: block;
    float: left;
    font-weight: bold;
    width: 150px;
}


#adresse {
	float:left;
	width: 280px;
	margin: 0 60px 0 0;
	}

#footer a,
#footer a:link 		{ color: #fff; text-shadow: 0px 1px #666; font-weight:normal; }
#footer a:visited 	{ color: #fff; }
#footer a:hover 	{ color: #000; text-shadow: 0px 1px #ffd612; }
#footer a:active 	{ color: #000; text-shadow: 0px 1px #ffd612; }
#footer a:focus 	{ color: #000; text-shadow: 0px 1px #ffd612; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* I N H A L T 														                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.spalte h2 {
	font-size:		18px;
	color:			#ffc005;
	font-weight:	bold;
	text-transform:	uppercase;
	margin: 		0 0 10px 0;
	}
	
.spalte		{ width:340px; float:left; margin:0 45px 0 0; }
.spalte ul  { margin: 0 0 0 15px; }
.rechts		{ margin:0 ; }
.rechts	img	{ margin: 0 0 35px 0; max-width: 339px; }
.metanav	{ margin: 0 0 40px 0;}

.meta {
	display:		block;
	width:			320px;
	height:			13px;
	padding: 		0 0 0 20px;
	margin: 		0 0 15px 0;
	}

.bildergalerie	{ background: #000 url(../_p/icons.png) 0 -33px no-repeat; }
.email 			{ background: #000 url(../_p/icons.png) 0 0 no-repeat; }
.kontakt 		{ background: #000 url(../_p/icons.png) 0 -112px no-repeat; }

#seitenblock .rechts a:visited	{ border:none; color:#fff;}
#seitenblock .rechts a:hover	{ border:none; color:#ffc005;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* G E Ä S T E B U C H														         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#gast { list-style-type:none;padding: 0px; margin: 0px; }
#gast li { 	width:735px;float:left;	 margin: 0 0 40px 0; border-bottom:1px solid #b2b2b2; padding: 0 0 30px 0; }

#gast div { float:left; } 
#gast .randlogo { width:200px; float:left; } 


#gast h2 {
	font-size:				18px;
	color:					#ffc005;
	font-weight:			bold;
	}

.datum		{ font-weight:bold; }
.count		{ font-size:100px; line-height: 80px; width:200px; letter-spacing:-3px; }
.message	{ padding:20px 0 0 0; float:left; width:520px; }

ul.paginierung ,
#bildergalerie ul.paginierung {
	list-style-type:		none;
	padding:				0 0 50px 0 !important;
	color:					#000;
	margin:					0 auto;
	overflow:				hidden;
	display:				inline-block;
	font-weight:			bold;
	clear:					both;
	float:					none;
	}
	
.paginierung li,
#bildergalerie .paginierung li {
	float:					left;
	padding: 				0 0 2px 4px;
	margin:					1px;
	width:					16px;	
	height:					17px;
	display:				block;
	background: 			transparent url(../_p/icons.png) 0 -70px repeat-x;	
	text-align: center;
}
	
.paginierung li.titel,
#bildergalerie .paginierung li.titel {
  width: auto;
  padding-right: 10px;
  text-shadow: 0px 1px #ffd612;
}

.paginierung li.aktiv,
#bildergalerie .paginierung li.aktiv {
  background: transparent;
}

.paginierung li.aktiv a,
.paginierung li.aktiv a:hover,
#bildergalerie .paginierung li.aktiv a:hover,
#bildergalerie .paginierung li.aktiv a {
  color: #ffc005;
  text-shadow: none;
  
}
	
.paginierung li a,
#bildergalerie .paginierung li a{		
	display:				block;
	width:					14px;
	height:					15px;
	color:					#000;
	border:					none;
	text-shadow: 0px 1px #ffd612;
	
	}
	

.skip-top ul.paginierung ,
#bildergalerie .skip-top ul.paginierung {
	padding:				0 0 10px 0 !important;
}

	
#gbform,
#kontakt-form {
  margin: 5px 0px 20px;
}
	
#gbform p,
#kontakt-form p {
  clear: both;
  float: none;
  margin: 3px 0px;
  min-height: 20px;
}	
	
#gbform label,
#kontakt-form label {
  font-weight: bold;
  display:  block;
  width: 150px;
  float: left;
}

#gbform input,
#kontakt-form input {
  float:  left;
}


#gbform .feedback,
#kontakt-form .feedback,
div.feedback.gesendet  {
  border: solid 2px #ffc005;
  padding: 5px;
  color: #ffc005;
  margin: 20px 0px;
}

#gbform .feedback.error,
#kontakt-form .feedback.error {
  color: #c00;
  background: #fff;
  margin: 5px 0px;
  padding: 5px;
}

.rules {
  
  margin: 20px 0px;
  font-size: 11px;
  
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* P A R T N E R G E S E L L S C H A F T E N              											     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#partner .spalte {
  width: 735px;
  margin: 0px;
}

#partner .picture {
  float: left;
}

#partner .details {
  width: 530px;
  float: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* T E R M I N E                                          											     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#termine .spalte {
  width: 735px !importan;
  margin: 0px;
}

#termine .picture {
  float: right;
  width: 200px;
  display: block;
}

#termine .details {
  width: 530px !important;
  float: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* M I T G L I E D E R                                													     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#vereinsfuehrung .spalte {
  width: 735px;
  margin: 0px;
}

.card {
  width: 340px;
  height: 150px;
  float:  left;
  padding: 10px 0px;
  border-bottom:1px solid #b2b2b2;
  margin: 10px 20px 10px 0px;
}

.card img {
  float: left;
  margin: 0px 10px 10px 0px;
  max-width: 100px;
}

.card .details {
  width: 220px;
  float: left;
  font-size: 12px;
}

.card .details h2,
.card .details h2 a {
  font-size: 14px;
}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* B I L D E R G A L E R I E													     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#bilder .spalte {
  width: 735px;
  margin: 0px;
}


#bildergalerie li a,	
#bildergalerie li {
	float: 				left;	
	width: 				206px;
	margin: 			0 0 25px 0;
	height:				250px;
	text-transform:		uppercase;
	border:				none;
	}


#seitenblock .ansicht li a,	
#seitenblock .ansicht li {
	width: 				206px;
	height:				206px;
	margin: 			0 55px 25px 0;
	}


#bildergalerie li 		{ margin-right:55px; }
#bildergalerie .last	{ margin-right:0; }
#seitenblock .ansicht .last	{ margin-right:0; }

#bildergalerie {
	list-style-type:none;
	margin: 0px;
	}	
	


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O N T A K T													                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	
label { 
	width: 				70px;
	float:				left;
	display:			block;
	font-size:			13px;
	}
	
#absenden {	float:right; width:100px;}	

	
#karten {
	width:				200px;
	float:				left;
	margin: 			30px 0 0 0;	
	}
	
#adresse2 {
	width: 				480px;
	float:				left;
	margin:				30px 0 0 50px;
	}
	
select {
	width:				200px;
	}
	
#adresse2 .formular {width:400px; float:left;}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K A R T E N B E S T E L L U N G                                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#kartenbestellung #feedback {
  border: solid 2px #ffc005;
  padding: 5px;
  color: #ffc005;
  margin: 20px 0px;
}

#kartenbestellung #feedback .errors {
  color: #c00;
  background: #fff;
  margin: -5px;
  padding: 5px;
}

#kartenbestellung #feedback .errors ul {
  padding-left: 10px;
}

#kartenbestellung legend {
  color: #ffc005;
}

#kartenbestellung fieldset {
  border-bottom: solid 1px #b2b2b2;
  margin-bottom: 20px;
}

#kartenbestellung fieldset p span.price {
  float: right;
  font-weight: bold;
}

#kartenbestellung fieldset p span.input {
  font-style: italic;
  margin-right: 10px;
}

#kartenbestellung fieldset p span.title {
}

#kartenbestellung fieldset input {
  width:  30px;
}

#kartenbestellung label {
  display:  block;
  width:  100px;
}

#kartenbestellung fieldset.adresse input {
  width: 230px;
  float: right;
}

#kartenbestellung fieldset.adresse p {
  float: none;
  clear: both;
  min-height: 20px;
}

#kartenbestellung fieldset.adresse input.button {
  width: auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S L I M B O X                                                                                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#lbOverlay {
	background-color:	#000;
	cursor:				pointer;
	height:				100%;
	left:				0;
	position:			fixed;
	top:				0;
	width:				100%;
	z-index:			9999;
}

#lbCenter, #lbBottomContainer {
	background-color:	#fff;
	overflow:			hidden;
	position:			absolute;
	z-index:			9999;
}

.lbLoading { background:#fff url(/_p/_slimbox/loading.gif) no-repeat center; }

#lbImage {
	border:				10px solid #fff;
	background-repeat:	no-repeat;
	left:				0;
	position:			absolute;
	top:				0;
}

#lbPrevLink, #lbNextLink {
	display:			block;
	outline:			none;
	position:			absolute;
	top:				0;
	width:				50%;
}

#lbPrevLink 		{ left:0; }
#lbPrevLink:hover 	{ background:transparent url(/_p/_slimbox/prevlabel.gif) no-repeat 0 15%; }

#lbNextLink 		{ right:0; }
#lbNextLink:hover 	{ background:transparent url(/_p/_slimbox/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom {
	border:				10px solid #fff;
	border-top-style:	none;
	font-size:			10px;
	color:				#666;
	line-height:		1.4em;
	text-align:			left;
}

#lbCloseLink {
	background:			transparent url(/_p/_slimbox/closelabel.gif) no-repeat center;
	display:			block;
	float:				right;
	height:				22px;
	margin:				5px 0;
	outline:			none;
	width:				66px;
}

#lbCaption,
#lbNumber 	{ margin-right:71px; }
#lbCaption 	{ font-weight: bold; }



h2 a:link { font-size:18px; }

