/* ///////////////////////////////////
/////  ALLGEMEINES
/////////////////////////////////// */

html, body {
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
}

body {
	margin:0px;
   	color:#000;
   	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
   	font-size:11px;
   	line-height:135%;
	cursor:default;
   	background-image:url('../layout/back_02.jpg');
   	background-repeat: repeat;
   	background-color:#010309;
	overflow:visible;
	text-align:center;
}

#wrapper {
	text-align:left;
	margin:auto;
	padding:0px;
	width:872px;
}

img {
	border-width:0;
}

br.clear {
  clear: both;
  height: 0;
  line-height: 0px;
}





/* ///////////////////////////////////
/////  HEADER
/////////////////////////////////// */

div.content_top{
	float:left;
	background-image:url('../layout/logo_header.png');
	background-repeat: no-repeat;
	background-position: top left;
	height:179px;
	width:872px;
	text-align:center;
	margin:0;
	padding:0;
	border:0px solid red;
}





/* ///////////////////////////////////
/////  NAVI
/////////////////////////////////// */
	
div.navi_bg {
	position:relative;
	float:left;
	background:url('../layout/navi/navi_left.png') top left no-repeat;
	margin:0;
	padding:0;
	width:872px;
	height:28px;
	text-align:left;
	border:0px solid green;
}





/* ///////////////////////////////////
/////  HEADLINE
/////////////////////////////////// */
	
div.content_innner_top {
	float:left;
	background-image:url('../layout/bg_top.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin:0;
	padding:0;
	width:872px;
	height:52px;
	text-align:left;
	border:0px solid green;
}

div.content_innner_top_margin{
	float:left;
	margin:11px 0 0 70px;
	padding:0;
	width:759px;
	height:35px;
	border:0px solid green;
	display:inline;
}





/* ///////////////////////////////////
/////  BODY
/////////////////////////////////// */

/* Hauptbereich aussen */
div.content_innner_body {
	float:left;
	background-image:url('../layout/bg_body.png');
	background-repeat: repeat-y;
	background-position: top center;
	margin:0;
	padding:0;
	width:872px;
	text-align:left;
	border:0px solid green;
}


/* START InfoBar*/
div.content_innner_body_galerymenu{
	float:left;
	background-color:#211f20;
	margin:0px 0 0 36px;
	padding:0;
	width:800px;
	height:22px;
	/* border:0px solid green; */
	/* border-bottom:1px solid #da3e23; */
	border-bottom:1px solid #f54627;
	display:inline;
}

div.menubar_content{
	float:left;
	width:770px;
	margin:3px 0 0 15px;
	border:0px solid green;
	display:inline;
}
/* ENDE InfoBar*/


/* Hauptbereich innen */
div.content_innner_body_main{
	float:left;
	margin:0;
	padding:0;
	width:832px;
	border:0px solid green;
	display:inline;
}


/* Inhalt Startseite */
div.content_startseite{
	float:left;
	background-image:url('../layout/logo_startseite.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	margin-top:24px;
	margin-left:71px;
	margin-right:0px;
	margin-bottom:0;
	width:765px;
	border:0px solid red;
	display:inline;
}

/* Galerien - Uebersichts-Bereich */
div.content_startseite_galeries{
	float:left;
	margin-top:5px;
	margin-left:36px;
	margin-right:0px;
	margin-bottom:0;
	padding:0;
	width:800px;
	background-color:#eaeaea;	
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	display:inline;
}


/* Footer */
div.content_innner_bottom {
	float:left;
	background-image:url('../layout/bg_bottom.png');
	background-repeat: no-repeat;
	background-position: top center;
	
	font-size:9px;
	font-family:Tahoma,Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:#424242;
	
	margin:0;
	padding:3px 0 0 0;
	width:872px;
	height:96px;
	text-align:center;
	border:0px solid green;
}


/* Galerien - Uebersichts-Bereich */
div.galeries_outer{
	float:left;
	margin-top:32px;
	margin-left:69px;
	margin-right:0px;
	margin-bottom:0;
	width:764px;
	border:0px solid red;
	display:inline;
}

/* Galerien - Bereich einer Kachel */
div.galeries_tiles{
	float:left;
	position:relative;
	width:174px;
	height:245px;
	padding:0;
	margin-right:13px;
	text-align:center;
	border:0px solid red;
}

/* Galerien - Rahmen in einer Kachel, um das NEU-badge und Titeloverlay korrekt zu positionieren */
div.galeries_tiles_inner{
	float:left;
	width:170px;
	margin:0px;
	padding:0px;
	border:0px solid red;
	clear:both;
}

/* Galerien - Titeloverlay */
div.galeries_picTitle {
	overflow:hidden;
	position:absolute;
	bottom:55px;
	left:2px;
	top:152px;
	right:2px;
	/*_width:100%;*/
	width:170px;
	height:18px;
	text-indent:3px;
	line-height:1.4em;
	font:8.25pt;
	color:white;
	background:#080808;
	opacity:.7;
	filter:alpha(opacity=70);
	z-index:19;
}


/* Galerien - NEUE-Galerien-badge-overlay */
div.galeries_badge_new {
	overflow:hidden;
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	bottom:0px;
	left:0px;
	top:-1px;
	right:0px;
	width:129px;
	height:60px;
	line-height:1.4em;
	font:8.25pt;
	color:white;
	z-index:544;
	border:0px solid blue;
}


/* Galerieansicht - Infobereich am oberen Rand */
div.gallery_infos{
	float:left;
	margin-top:0px;
	margin-left:69px;
	margin-right:0px;
	padding:5px 0px 12px 7px;
	background-color: #eaeaea;
	width:732px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	display:inline;
}

/* Galerieansicht - Haupt-Bereich */
div.gallery_outer{
	float:left;
	margin-top:32px;
	margin-left:69px;
	margin-right:0px;
	width:762px;
	border:0px solid blue;
	display:inline;
}


div.pageup{
	float:left;
	/*
	margin-top:0px;
	margin-left:71px;
	margin-right:35px;
	margin-bottom:15px;
	padding:0 0 10px 0;
	*/
	margin-left:71px;
	width:710px;
	height:40px;
	border:0px solid red;
	display:inline;
}

div.gb_outer{
	float:left;
	width:545px;
	margin:35px 0 20px 175px;
	border:0px solid green;
	display:inline;
}

div.impressum_outer{
	float:left;
	width:785px;
	height:237px;
	margin:35px 0 0 0px;
	border:0px solid green;
	display:inline;
}

div.impressum_inner{
	float:left;
	width:420px;
	height:197px;
	margin-left:259px;
	margin-bottom:40px;
	border:0px solid red;
	display:inline;
}





/* ///////////////////////////////////
/////  LINKS
/////////////////////////////////// */
	
a:link, a:active, a:visited, a:hover {
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#f54627;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



a.galerymenu:link, a.galerymenu:active, a.galerymenu:visited {
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#f54627;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.galerymenu:hover{
	color:#fff;
}



a.leftside:link, a.leftside:active, a.leftside:visited, a.leftside:hover {
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}



a.pureWhite:link, a.pureWhite:active, a.pureWhite:visited, a.pureWhite:hover {
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}



a.footer:link, a.footer:active, a.footer:visited {
	font-family:Tahoma,Arial,Verdana,Helvetica,Geneva,sans-serif;
	color:#424242;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
}

a.footer:hover{
	text-decoration:underline;
}





/* ///////////////////////////////////
/////  HEADLINES
/////////////////////////////////// */

h1 {
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:2em;
	font-weight:normal;
}

h1.headline{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:2.1em;
	font-weight:normal;
	float:left;
	height:32px;
	margin:0;
	padding:1px 0 0 0;
	border:0px solid blue;
	line-height:135%;
}

h2.headline{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:2.1em;
	font-weight:normal;
	float:left;
	width:760px;
	height:34px;
	margin:0;
	padding:0px 0 0 0;
	border:0px solid blue;
	line-height:135%;
}





/* ///////////////////////////////////
/////  SPANS
/////////////////////////////////// */

span.galerymenu{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#f54627;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}





/* ///////////////////////////////////
/////  LISTS
/////////////////////////////////// */

ul#navigation {
	list-style-type:none;
	float:left;
	margin:0 0 0 53px;
	padding:0;
	height:28px;
	display:inline;}

ul#navigation li {float:left;}

ul#navigation li a {
	display: block;
	height: 28px;
	cursor: pointer;
	position:relative;
}

/* normal */
ul#navigation li a#home {background: url(../layout/navi/navi_buttons.png) 0 0 no-repeat; width:62px;}
ul#navigation li a#galerien {background: url(../layout/navi/navi_buttons.png) -62px 0 no-repeat; width:78px;}
ul#navigation li a#gb {background: url(../layout/navi/navi_buttons.png) -140px 0 no-repeat; width:94px;}
ul#navigation li a#kontakt {background: url(../layout/navi/navi_buttons.png) -234px 0 no-repeat; width:74px;}
ul#navigation li a#impressum {background: url(../layout/navi/navi_buttons.png) -308px 0 no-repeat; width:98px;}


ul#navigation li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:28px;
	width:100%;
	z-index:100;
	text-indent:-99999px;
	margin:0;
	padding:0;
}
ul#navigation li a span:hover {cursor:pointer;}


/* active */
#body_home ul#navigation li a#home {background: url(../layout/navi/navi_buttons.png) 0 -28px no-repeat; width:62px;}
#body_galerien ul#navigation li a#galerien {background: url(../layout/navi/navi_buttons.png) -62px -28px no-repeat; width:78px;}
#body_gb ul#navigation li a#gb {background: url(../layout/navi/navi_buttons.png) -140px -28px no-repeat; width:94px;}
#body_kontakt ul#navigation li a#kontakt {background: url(../layout/navi/navi_buttons.png) -234px -28px no-repeat; width:74px;}
#body_impressum ul#navigation li a#impressum {background: url(../layout/navi/navi_buttons.png) -308px -28px no-repeat; width:98px;}


/* hover */
ul#navigation li a#home span {background: url(../layout/navi/navi_buttons.png) 0 -56px no-repeat; width:62px;}
ul#navigation li a#galerien span {background: url(../layout/navi/navi_buttons.png) -62px -56px no-repeat; width:78px;}
ul#navigation li a#gb span {background: url(../layout/navi/navi_buttons.png) -140px -56px no-repeat; width:94px;}
ul#navigation li a#kontakt span {background: url(../layout/navi/navi_buttons.png) -234px -56px no-repeat; width:74px;}
ul#navigation li a#impressum span {background: url(../layout/navi/navi_buttons.png) -308px -56px no-repeat; width:98px;}


/* hover active */
#body_home ul#navigation li a#home span {background: url(../layout/navi/navi_buttons.png) 0 -84px no-repeat; width:62px;}
#body_galerien ul#navigation li a#galerien span {background: url(../layout/navi/navi_buttons.png) -62px -84px no-repeat; width:78px;}
#body_gb ul#navigation li a#gb span {background: url(../layout/navi/navi_buttons.png) -140px -84px no-repeat; width:94px;}
#body_kontakt ul#navigation li a#kontakt span {background: url(../layout/navi/navi_buttons.png) -234px -84px no-repeat; width:74px;}
#body_impressum ul#navigation li a#impressum span {background: url(../layout/navi/navi_buttons.png) -308px -84px no-repeat; width:98px;}





/* ///////////////////////////////////
/////  SCHATTEN THUMBS
/////////////////////////////////// */

div.shadow {
	float:left;
	padding:0 1px;
	background:#bfbfbf;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	position:relative;
}

div.shadow img {
	padding:0px 0px 4px 0px;
	background: white url(../layout/shadows_gif/shad_bottom.gif) repeat-x bottom left;
}

div.shadow div.topleft {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif/shad_tlcorner.gif) no-repeat top left;
	position:absolute;
	top:0px;
	left:-1px;
}

div.shadow div.topright {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif/shad_trcorner.gif) no-repeat top right;
	position:absolute;
	top:0px;
	right:-1px;
}

div.shadow div.bottomleft {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif/shad_blcorner.gif) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:-1px;
}

div.shadow div.bottomright {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif/shad_brcorner.gif) no-repeat bottom right;
	position:absolute;
	bottom:0px;
	right:-1px;
}





/* ///////////////////////////////////
/////  SCHATTEN THUMBS fuer grauen Hintergrund
/////////////////////////////////// */

div.shadow_grey {
	float:left;
	padding:0 1px;
	background:#afafaf;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	position:relative;
}

div.shadow_grey img {
	padding:0px 0px 4px 0px;
	background: #d7d7d7 url(../layout/shadows_gif_grey/shad_bottom.gif) repeat-x bottom left;
}

div.shadow_grey div.topleft_grey {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_tlcorner.gif) no-repeat top left;
	position:absolute;
	top:0px;
	left:-1px;
}

div.shadow_grey div.topright_grey {
	width:2px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_trcorner.gif) no-repeat top right;
	position:absolute;
	top:0px;
	right:-1px;
}

div.shadow_grey div.bottomleft_grey {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_blcorner.gif) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:-1px;
}

div.shadow_grey div.bottomright_grey {
	width:4px;
	height:4px;
	background: url(../layout/shadows_gif_grey/shad_brcorner.gif) no-repeat bottom right;
	position:absolute;
	bottom:0px;
	right:-1px;
}





/* ///////////////////////////////////
/////  SUCHFELD - noch nicht implementiert
/////////////////////////////////// */

fieldset.search {
	border: none;
	width: 203px;
	height:25px;
	margin: 0;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 150px;
	height: 20px;
	padding: 8px 5px 0;
	background: #616161 url(search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(search_bg.gif) no-repeat left -28px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 28px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;
}