/* - - - - - - - - - - - - */
/* schaa.de     		   */ 
/* 2009-02-11              */
/* 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: 		#222 url(../_p/bg-logo.gif) no-repeat;
	background-position: top center;
	color:				#eeeeee;
	font-family:		Helvetica, 'Helvetica Neue', Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-size:			14px;
	line-height:		1.2em;
	word-spacing: 0.3px; letter-spacing: 1px;
}





a,
a:link 		{ text-decoration: none; color: #ed2027; border-bottom:none; }
a:visited 	{ text-decoration: none; color: #8d070b; border-bottom:none; }
a:hover 	{ text-decoration: none; color: #cdcdcd; border-bottom:none; }
a:active 	{ text-decoration: none; color: #cdcdcd; border-bottom:none; }
a:focus 	{ text-decoration: none; color: #cdcdcd; border-bottom:none; }
a img, img,
a.bildlink 	{ border: none; }

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

fieldset { border:none; }

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

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

p {
	margin:				0 0 12px;
	font-size:			12px;
	text-align:			left;
	line-height:		18px;	
}


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:			0px;
	border:				0px solid #000;
	background:			none;
	vertical-align:		top;
}
th { font-style: italic; }


#seitenblock {	
	width:				800px;
	position:			absolute;
	top:				0;
	left:				50%;
	margin:				0 0 0 -400px;

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O P F     																		 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#kopf {	
	width:				800px;
	height:				200px;
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			1;
}

#kopf a {
	display:			block;
	background:			transparent url(../_p/logo.gif) no-repeat;
	width:				811px;
	height:				132px;
	margin:				46px 0 0 -1px;
	text-indent:		-9999px;
}



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

#navigation-wrapper {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			2;
	width:				160px;
	padding:			200px 0 0 18px;
	margin:				0 0 0 -18px;
	background:			transparent url(/_p/line200.gif) 6px 0 no-repeat;
}

#navigation {
	float:				left;
	font-size:			12px;
	font-weight:		Bold;
	list-style-type:	none;
	line-height:		25px;
	width:				160px;
	text-transform:		uppercase;
}

#navigation li {
	padding: 0 0 0 20px;
	margin: 0 0 0 -18px;
	width:				160px;
	}


#navigation a 			{ color:#fff; border:none; }
#navigation a:visited	{ color:#fff;  border:none; }
#navigation a:focus		{ color:#fff;  border:none; }
#navigation a:hover 	{ color:#f00; border:none; }
#navigation a:active	{ color:#fff; border:none; }
#navigation .aktiv a{ color:#f00;}

#navigation .walktheline { background:url(../_p/line.gif) 1px 0 repeat-y;!important;}
#navigation .aktiv { color:#f00;background:url(../_p/disc.gif) 1px 0 no-repeat;!important;}

*+html #navigation .walktheline { background:url(../_p/line.gif) 1px 0 repeat-y;}
*+html #navigation .aktiv { color:#f00;background:url(../_p/disc.gif) 1px 0 no-repeat;}



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

#inhalt {
	width:				620px;
	margin:				200px 0 0 180px;
	float:				left;
}
#promokasten {
	width:				620px;
	height:				230px;
	margin:				0 0 30px 0;
}

#content {
	float:				left;
	width:				366px;
}

#content h2 {
	color:				#fff;
	font-weight:		bold;
	font-size:			17px;
	line-height: 		18px;
	margin:				5px 0 15px 0;
	padding:			0;
}

#content h3 {
	font-weight:		Bold;
	font-size:			12px;		
	color:				#f00;
	margin:				0 0 0 0;
}

.inhaltsblock {
	margin:				0 0 15px;
}

.inhaltsblock ul {
	font-size:			12px;
	margin:				0 0 0 1em;
	list-style-image:	url(/_p/bullet.png);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N E W S    															 		     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#news-wrapper {float:left;	width:366px;}
.news {
	margin:				0 0 50px 0;
	width:				366px;
	text-align:			left;

}

.datum{
	font-weight:		Bold;
	font-size:			12px;		
	color:				#fff;
	margin:				0 0 0 0;
}

h1 {
	color:				#f00;
	font-size:			17px;
	line-height:		20px;
	font-weight:		bold;
	margin:				0 0 5px 0;
	text-align:			left;
}
.bilder 				{ height:112px; width:368px; margin:0 0 5px; overflow: hidden; }
.news img 				{ float:left; margin:0 14px 0 0; }
.news img.bild-abschluss{ margin:0; }
.news p					{ line-height: 22px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R A N D N O T I Z E N  														     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#randnotizen {
	margin:				0 0 0 32px;
	width:				220px;
	float:left;
}
#startseite #randnotizen {
	padding-top:		33px;
}
.notiz { 
	border-bottom: 		1px solid #f00; 
	margin: 			0 0 20px 0; 
	padding:			0 0 10px 0;
}

.notiz h2{
	color:				#fff;
	font-size:			17px;
	font-weight:		bold;
	margin:				0 0 5px 0;
	padding:			0;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F O O T E R   															 		 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {
	margin:				50px 0 0 0;
	width:				800px;
	clear:				both;
	float:				left;
}

#footer p { text-align:center; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* B I L D E R G A L E R I E    													 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.bildergalerie-wrapper	{ margin:0 0 50px 0;  float:left; }	

.bilderblock img 		{ float:left; margin: 0 16px 12px 0; }
.bilderblock img.bild-abschluss { margin-right:0; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S H O W C A S E    													             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#showcase  	{ width: 366px; float:left; }		
.schritt 	{ margin: 0 0 50px 0;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* I M P R E S S U M															     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

p.datenschutz {
		font-size: 		12x;
		line-height:	10pt;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* P R O F I L																         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#profilseite p {text-align:left;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O N T A K T    													             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#kontakt  { width: 366px; float:left; }		

#kontakt-form 							{}
#kontakt-form fieldset 					{}
#kontakt-form legend 					{ font-weight:bold; margin:0 6px 12px 0; }
#kontakt-form input 					{ border:1px solid #000; border-width:0 0 1px; padding:2px 3px; width:300px; }
#kontakt-form input:hover 				{ border-color:#000; }
#kontakt-form input:focus 				{ border-color:#000; }
#kontakt-form input.submitbutton 		{ border:1px solid #fff; background:#fff; color:#000; width:auto; float:right;}
#kontakt-form input.submitbutton:hover 	{ color:#fff; border-color:#f00; background:#f00}
#kontakt-form label 					{ font-size:12px; padding:2px 0 6px 0; }
#kontakt-form textarea 					{ border:1px solid #fff; background:#fff; padding:2px 3px; width:360px; height:150px; margin:15px 0 15px 0; }
#kontakt-form textarea:hover 			{}
#kontakt-form textarea:focus 			{ border:1px solid #fff; background:#fff; }
.form-zeile 							{ margin-bottom:6px; float:right}





dl.blaetterliste {
	list-style-type:	none;
	font-size:			12px;
}
.blaetterliste dt { }
.blaetterliste dd a,
.blaetterliste dd a:link,
.blaetterliste dd a:visited {
	color:				#f00;
	font-weight:		bold;
	display:			block;
	margin:				5px 0;
}
.blaetterliste dd a:hover {
	color:				#fff;
}
.blaetterliste dd.aktiv a {
	color:				#fff;
}



.feedback {
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #f00;
	background:			#e5e5e5;
	color:				#f00;
	font-weight:		bold;
}
.feedback.error {
	border-color:		#000;
	background:			#f00;
	color:				#000;
}





.downloadliste a {
	display:			block;
	margin:				0;
} 
a.miticon {
	padding:			0 0 0 40px;
	background-position:0 0;
	background-repeat:	no-repeat;
	height:				32px;
}
html>body a.miticon {
	height:				auto;
	min-height:			32px;
}






#promokasten, #myGallerySet, #flickrGallery
{
	width:				620px;
	height:				230px;
	z-index:5;
	border: none;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}


.promonoscript {
	position: relative;
	
}
.promonoscript a {
	display: block;
	padding: 0;
	line-height: 1px;
}
.promotitel {
	display:block;
	font-weight:		Bold;
	font-size:			14px;
	margin:				20px 10px;
}

.promoblende {
	display:block;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	opacity: 0.75;
}


#promokasten img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../_p/_smoothgallery/loading-bar-black.gif);
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../_p/_smoothgallery/loading-bar-black.gif) center center no-repeat;
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 44px;
	background: #fff;
	color: #000;
	text-indent: 0;
	overflow: hidden;
	
	cursor:pointer;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding:			0;
	font-size:			100%;
	margin:				17px 10px 0;
	font-weight:		bold;
	font-size:			14px;
	color:				#000;
}

.jdGallery .slideInfoZone p
{
	display:none;
}
.jdGallery .slideInfoZone h2 a,
.jdGallery .slideInfoZone h2 a:link,
.jdGallery .slideInfoZone h2 a:visited,
.jdGallery .slideInfoZone p a,
.jdGallery .slideInfoZone p a:link,
.jdGallery .slideInfoZone p a:visited
{
	border:none;
}
.jdGallery .slideInfoZone h2 a:hover,
.jdGallery .slideInfoZone p a:hover
{
	color:#000;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url(../_p/_smoothgallery/carousel_btn.gif) no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url(../_p/_smoothgallery/fleche1.png) no-repeat center left;
}

* html .jdGallery a.left { background: url(../_p/_smoothgallery/fleche1.gif) no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url(../_p/_smoothgallery/fleche2.png) no-repeat center right;
}

* html .jdGallery a.right { background: url(../_p/_smoothgallery/fleche2.gif) no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url(../_p/_smoothgallery/open.png) no-repeat center center; }

* html .withArrows a.open:hover { background: url(../_p/_smoothgallery/open.gif) no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url(../_p/_smoothgallery/carousel_btn.gif) no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}