/* oberlech.css, Rainer Fabrizi, www.transporter.at, 2006 */

/* body */
body {
	margin: 0; 
	padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height: 1.5;
	text-align: left;
	color: #424242;
	background: url(../images/bg_verlauf.jpg) repeat-x #CECBC8 fixed;
	}
* html body {
	font-size: x-small; /* ie5 win */
	f\ont-size: small; /* ie win */
	}
html>body {
	font-size: small; /* sei nett zu opera */
	}

/* layout ids */
#wrap1 { /* zeichnet hintergrund für community und burgwald rechts */
	/* margin-left: auto;
	margin-right: auto; */
	max-width: 1500px;
	min-width: 802px;
	font-size: 95%;
	background: url(../images/home_bg_comm.gif) repeat-y 66% 0;
	}
	#p #wrap1,
	#b #wrap1,
	#c #wrap1 { background: url(../images/bg_rechts.gif) repeat-y 66% 0; }
	#sitemap #wrap1 { background: url(../images/sitemap_bg_comm.gif) repeat-y 66% 0; }
	#grau #wrap1 { background: none; }
#wrap2 { /* zeichnet hintergrund für peter und burg links */
	width: 100%; /* ie win */
	background: url(../images/home_bg_peter.gif) repeat-y 33% 0;
	}
	#p #wrap2 { background: url(../images/p_bg_links.gif) repeat-y 20% 0; }
	#b #wrap2 { background: url(../images/b_bg_links.gif) repeat-y 20% 0; }
	#c #wrap2 { background: url(../images/c_bg_links.gif) repeat-y 20% 0; }
	#sitemap #wrap2 { background: url(../images/sitemap_bg_peter.gif) repeat-y 33% 0; }
	#grau #wrap2 { background: none; }
#wrap3 { /* zeichnet den verlauf ganz links (peter) */
	width: 100%; /* ie win */
	background: url(../images/home_verlauf_peter.gif) repeat-y left top;
	}
	#p #wrap3,
	#b #wrap3,
	#c #wrap3 { background: none; }
	#sitemap #wrap3 { background: url(../images/sitemap_verlauf_peter.gif) repeat-y left top; }
	#grau #wrap3 { background: none; }
#wrap4 { /* zeichnet den verlauf ganz rechts (comm) */
	width: 100%; /* ie win */
	background: url(../images/home_verlauf_comm.gif) repeat-y 99% 0;
	}
	#p #wrap4 { background: url(../images/p_verlauf_rechts.gif) repeat-y 99% 0; }
	#b #wrap4 { background: url(../images/b_verlauf_rechts.gif) repeat-y 99% 0; }
	#c #wrap4 { background: url(../images/c_verlauf_rechts.gif) repeat-y 99% 0; }
	#sitemap #wrap4 { background: url(../images/sitemap_verlauf_comm.gif) repeat-y 99% 0; }
	#grau #wrap4 { background: none; }
	#grau #wrap4 { color: #CCCCCC; background-color: #424242; }

#navigation {
	position: relative;
	float: left;
	left: 0px;
	width: 20%;
	}
	#p #navigation, #sitemap #peter { background: url(../images/peter_navi_icon.gif) 50% 100% no-repeat; overflow: hidden; }
	#b #navigation, #sitemap #burg { background: url(../images/burg_navi_icon.gif) 50% 100% no-repeat; overflow: hidden; }
	#c #navigation, #sitemap #comm { background: url(../images/comm_navi_icon.gif) 50% 100% no-repeat; overflow: hidden; }

#peter,
#burg,
#comm {
	position: relative;
	float: left;
	width: 33%;
	}
#petermitte,
#burgmitte {
	position: relative;
	float: left;
	width: 59%;
	}
#burgrechts,
#commrechts {
	position: relative;
	float: left;
	width: 20%;
	}
#inhalt {
	position: relative;
	float: left;
	width: 80%;
	min-height: 300px;
	}
#clearall { /* ohne clearall werden die bgs (wrap1 und wrap2) nicht angezeigt und FF zerschiesst das layout */
	clear: both;
	height: 0px;
	}
#footer {
	/* margin-left: auto;
	margin-right: auto; */
	max-width: 1500px;
	min-width: 780px;
	min-height: 100px;
	font-size: 95%;
	padding: 12px;
	color: #FFFFFF;
	}
	
/* korrektur divs: inhaltsspalten exakt über bg bildern positionieren */
.pxrechts { padding-right: 4px; }
	/* * html .pxrechts { padding-right: 2px; p\adding-right: 4px; }
	html>.pxrechts { padding-right: 4px; } */

/* display topimages/toplogos */
	#p #petermitte,
	#p #burgrechts,
	#b #burgmitte,
	#b #burgrechts,
	#c #burgmitte,
	#c #commrechts { display: none; }

/* topimages (abgeschrägte flächen) und logos */
.topimg img { z-index: 5; width: 100%; }
	#peter .topimg img { height: 140px; }
	#burg .topimg img, #petermitte .topimg img, #burgmitte .topimg img { height: 108px; }
	#comm .topimg img, #burgrechts .topimg img, #commrechts .topimg img { height: 75px; }
	#p #navigation .topimg,
	#b #navigation .topimg,
	#c #navigation .topimg,
	#sitemap .topimg,
	#grau .topimg { height: 108px; }
	
	#burg .topimg img.buwasommer { display: none; }
	#burgmitte .topimg img.buwasommer { display: none; }
	#burgrechts .topimg img.buwasommer { display: none; }

.toplogo {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 64px;
	}
	#peter .toplogo, #p #navigation .toplogo { background: url(../images/home_logo_peter.gif) no-repeat; }
	#burg .toplogo, #b #navigation .toplogo { background: url(../images/home_logo_burg.gif) no-repeat; }
	#comm .toplogo, #c #navigation .toplogo { background: url(../images/home_logo_comm.gif) no-repeat; }
	
	#petermitte a:link .toplogo, #petermitte a:visited .toplogo { background: url(../images/inhalt_logo_peter.gif) no-repeat; }
	#petermitte a:hover .toplogo, #petermitte a:active .toplogo { background: url(../images/home_logo_peter.gif) no-repeat; }
	#burgmitte a:link .toplogo, #burgmitte a:visited .toplogo,
	#burgrechts a:link .toplogo, #burgrechts a:visited .toplogo { background: url(../images/inhalt_logo_burg.gif) no-repeat; }
	#burgmitte a:hover .toplogo, #burgmitte a:active .toplogo,
	#burgrechts a:hover .toplogo, #burgrechts a:active .toplogo { background: url(../images/home_logo_burg.gif) no-repeat; }
	#commrechts a:link .toplogo, #commrechts a:visited .toplogo { background: url(../images/inhalt_logo_comm.gif) no-repeat; }
	#commrechts a:hover .toplogo, #commrechts a:active .toplogo { background: url(../images/home_logo_comm.gif) no-repeat; }
	
	#grau #peter .toplogo { background: url(../images/grau_logo_peter.gif) no-repeat; }
	#grau #burg .toplogo { background: url(../images/grau_logo_burg.gif) no-repeat; }
	#grau #comm .toplogo { background: url(../images/grau_logo_comm.gif) no-repeat; }

/* breiten (breite der inhaltsspalten 1=einviertel, 2=halb, 3=dreiviertel, 4=gesamte breite) */
.breite1, .breite2, .breite3, .breite4 {
	float: left;
	margin: 0;
	}
.breite1 { width: 24%; }
.breite2 { width: 49%; }
.breite3 { width: 74%; }
.breite4 { width: 100%; }

/* spalte, modul */
.spalte { margin: 12px 12px 0px 12px; }
.modul {
	clear: both;	
	margin-bottom: 2em; 
	overflow: hidden;
	}
	* html .modul {
	width: 100%; /* win ie */
	}

/* allgemeine regeln, auf die immer wieder zurückgegriffen wird */
h1 { font-size: 200%; }
h2 { font-size: 166%; }
h3 { font-size: 133%; }
h4 { font-size: 117%; }
h5 { font-size: 100%; }
h6 { font-size: 83%; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
	/*
	#peter h1, #peter h2, #peter h3, #peter h4, #peter h5, #peter h6 { color: #FFAA00; }
	#burg h1, #burg h2, #burg h3, #burg h4, #burg h5, #burg h6 { color: #00B7EA; }
	#comm h1, #comm h2, #comm h3, #comm h4, #comm h5, #comm h6 { color: #BDA98F; }
	*/

p {
	position: relative; /* damit IE den feld bg richtig darstellt */
	margin: 0px 0px 1em 0px;
	}

ul {
	position: relative; /* ie win */
	margin: 0;
	padding: 0;
	}
	#peter .liste, #p #inhalt .liste { list-style: url(../images/peter_arrow.gif) inside circle; }
	#burg .liste, #b #inhalt .liste { list-style: url(../images/burg_arrow.gif) inside circle; }
	#comm .liste, #c #inhalt .liste { list-style: url(../images/comm_arrow.gif) inside circle; }
	#navigation .liste,
	#sitemap #wrap4 .liste,
	#grau #wrap4 .liste { list-style: url(../images/arrow_navi.gif) inside circle; }
	
	* html #peter .liste, * html #p #inhalt .liste { list-style-image: url(../images/peter_arrow.gif); list-style-position: outside; text-indent: 17px; } /* win ie */
	* html #burg .liste, * html #b #inhalt .liste { list-style-image: url(../images/burg_arrow.gif); list-style-position: outside; text-indent: 17px; } /* win ie */
	* html #comm .liste, * html #c #inhalt .liste { list-style-image: url(../images/comm_arrow.gif); list-style-position: outside; text-indent: 17px; } /* win ie */
	* html #navigation .liste,
	* html #sitemap #wrap4 .liste,
	* html #grau #wrap4 .liste { list-style-image: url(../images/arrow_navi.gif); list-style-position: outside; text-indent: 17px; } /* win ie */

	ul ul { margin-left: 12px; }
	li { margin: 0; padding: 0; }

img { color: none; border: none; background: none; outline: none; }

form { margin: 0; padding: 0; }
input, textarea, select {
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	background-color: #FFF;
	color: #424242;
	border: solid #000 1px; }
input[type="radio"] { border: none; }
/* mailform ohne fieldset kacke */
#mailform fieldset { padding: 0; margin: 0 0 1em 0; border: none; }
#mailform fieldset legend { display: none; }
#mailform p, .tx-bvdecards-pi1 p { clear: both; }
#mailform label, .tx-bvdecards-pi1 label { float: left; }
#mailform select, #mailform input, #mailform textarea, .tx-bvdecards-pi1 select, .tx-bvdecards-pi1 input, .tx-bvdecards-pi1 textarea { margin: 0.5em 0; float: right; }

.wichtig { font-weight: bold; }
.unwichtig { font-weight: normal; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.scale, .csc-textpic-center img {
	position: relative; /* ie win */
	margin: 4px 0px 6px 0px;
	width: 100%;
	}

.feld { margin-top: 4px; padding: 3px 6px; }
	* html .feld {
	padding: 3px 3px; /* ie5 win */
	p\adding: 3px 6px; /* ie win */
	}
	html>.feld {
	padding: 3px 6px; /* sei nett zu opera */
	}
	#peter .feld, #p #inhalt .feld { background-color: #FFE5B2; }
	#burg .feld, #b #inhalt .feld { background-color: #B2EAF9; }
	#comm .feld, #c #inhalt .feld { background-color: #EBE5DD; }

/* headline */
.headline {
	position: relative; /* ie win */
	padding-bottom: 5px;
	width: 99%; /* ie win */
	}
	#peter .headline, #p #inhalt .headline { background: url(../images/peter_head_line.gif) bottom left repeat-x; }
	#burg .headline, #b #inhalt .headline { background: url(../images/burg_head_line.gif) bottom left repeat-x; }
	#comm .headline, #c #inhalt .headline { background: url(../images/comm_head_line.gif) bottom left repeat-x; }
	
	#p #navigation .headline, #sitemap #peter .headline { background: url(../images/peter_navi_head_line.gif) bottom left repeat-x; }
	#b #navigation .headline, #sitemap #burg .headline { background: url(../images/burg_navi_head_line.gif) bottom left repeat-x; }
	#c #navigation .headline, #sitemap #comm .headline { background: url(../images/comm_navi_head_line.gif) bottom left repeat-x; }
	
	#grau .headline { background: url(../images/grau_head_line.gif) bottom left repeat-x; }

/* links */
a:link, a:visited { color: #424242; text-decoration: none; border: none; background: none; outline: none; }
a:hover, a:active { color: #000000; background-color: #FFFFFF; }

	#peter a:link, #peter a:visited,
	#p #inhalt a:link, #p #inhalt a:visited { color: #FFAA00; }
	#peter a:hover, #peter a:active,
	#p #inhalt a:hover, #p #inhalt a:active { color: #FFF; background-color: #FFAA00; }
	
	#burg a:link, #burg a:visited,
	#b #inhalt a:link, #b #inhalt a:visited { color: #00B7EA; }
	#burg a:hover, #burg a:active,
	#b #inhalt a:hover, #b #inhalt a:active { color: #FFF; background-color: #00B7EA; }
	
	#comm a:link, #comm a:visited,
	#c #inhalt a:link, #c #inhalt a:visited { color: #BDA98F; }
	#comm a:hover, #comm a:active,
	#c #inhalt a:hover, #c #inhalt a:active { color: #FFF; background-color: #BDA98F; }
	
	#navigation a:link, #navigation a:visited,
	#sitemap #wrap4 a:link, #sitemap #wrap4 a:visited,
	#grau a:link, #grau a:visited { color: #FFFFFF; }
	#grau a:hover, #grau a:active { color: #424242; background-color: #FFFFFF; }
	
	#p #navigation a:hover, #p #navigation a:active,
	#sitemap #peter a:hover, #sitemap #peter a:active { color: #FFAA00; background-color: #FFFFFF; }
	
	#b #navigation a:hover, #b #navigation a:active,
	#sitemap #burg a:hover, #sitemap #burg a:active { color: #00B7EA; background-color: #FFFFFF; }
	
	#c #navigation a:hover, #c #navigation a:active,
	#sitemap #comm a:hover, #sitemap #comm a:active { color: #BDA98F; background-color: #FFFFFF; }
	
	#footer a:link, #footer a:visited { color: #424242; text-decoration: none; border: none; background: none; outline: none; }
	#footer a:hover, #footer a:active { color: #000000; background-color: #FFFFFF; }
	 
	#peter a.bildlink,
	#burg a.bildlink,
	#comm a.bildlink,
	#p #inhalt a.bildlink,
	#b #inhalt a.bildlink,
	#c #inhalt a.bildlink { color: none; border: none; background: none; outline: none; }


/* icon */
.icon {
	position: absolute;
	right: 16px;
	height: 25px;
	width: 25px;
	}
	#peter .icon { background: url(../images/home_icon_peter.gif) top right no-repeat; }
	#burg .icon { background: url(../images/home_icon_burg.gif) top right no-repeat; }
	#comm .icon { background: url(../images/home_icon_comm.gif) top right no-repeat; }

/* navi */
	#peter .navi,
	#burg .navi,
	#comm .navi,
	#p #inhalt .navi,
	#b #inhalt .navi,
	#c #inhalt .navi,
	#navigation .navi {
	position: relative; /* ie win */
	float: left;
	margin: 0;
	width: 100%; /* ie win */
	list-style: none;
	}
	* html #peter .navi,
	* html #burg .navi,
	* html #comm .navi,
	* html #p #inhalt .navi,
	* html #b #inhalt .navi,
	* html #c #inhalt .navi,
	* html #navigation .navi { margin: 0; } /* ie win */
	.navi li { float: left; }

/* dl definition list */
dl {
	position: relative; /* ie win */
	float: left;
	margin: 0;
	padding: 0;
	width: 100%; /* ie win */
	}
	dl + dl { margin: 0.5em 0 0 0; }
dd {
	margin: 0;
	padding: 0;
	}
dl .left img { margin: 4px 12px 6px 0px; }
dl .right img { margin: 4px 0px 6px 12px; }

/* gallery */
	#peter .gallery,
	#burg .gallery,
	#comm .gallery,
	#p #inhalt .gallery,
	#b #inhalt .gallery,
	#c #inhalt .gallery {
	position: relative; /* ie win */
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
	width: 100%; /* ie win */
	list-style: none;
	}
	* html #peter .gallery,
	* html #burg .gallery,
	* html #comm .gallery,
	* html #p #inhalt .gallery,
	* html #b #inhalt .gallery,
	* html #c #inhalt .gallery { margin: 4px 0 0 0; } /* ie win */
.gallery li {
	float: left;
	margin: 0 1px 1px 0;
	}
	#peter .gallery a:hover img, #peter .gallery a:active img,
	#p #inhalt .gallery a:hover img, #p #inhalt .gallery a:active img { outline: #FFAA00 solid 1px; }
	#burg .gallery a:hover img, #burg .gallery a:active img,
	#b #inhalt .gallery a:hover img, #b #inhalt .gallery a:active img { outline: #00B7EA solid 1px; }
	#comm .gallery a:hover img, #comm .gallery a:active img,
	#c #inhalt .gallery a:hover img, #c #inhalt .gallery a:active img { outline: #BDA98F solid 1px; }
	#grau .gallery a:hover img, #grau .gallery a:active img { outline: #FFFFFF solid 1px; }

/* preistabelle */
#p table.preistabelle tr.trr-0 { text-align: left; }
#p table.preistabelle tr.trr-gerade { background-color: #FFE5B2; }
#b table.preistabelle tr.trr-gerade { background-color: #B2EAF9; }
#c table.preistabelle tr.trr-gerade { background-color: #EBE5DD; }

#p table.preistabelle thead .tdd-3,
#p table.preistabelle thead .tdd-4,
#p table.preistabelle thead .tdd-letzte { background-color: #FFAA00; color: #FFF; }
#b table.preistabelle thead .tdd-3,
#b table.preistabelle thead .tdd-4,
#b table.preistabelle thead .tdd-letzte { background-color: #00B7EA; color: #FFF; }


/* footer */
	#footer .ulfooter {
	position: relative; /* ie win */
	list-style: none;
	}
	#footer li { float: left; }
	#footer li.english { padding-left: 25px; background: url(../images/english.gif) no-repeat left 50%; }
	#footer li.deutsch { padding-left: 25px; background: url(../images/deutsch.gif) no-repeat left 50%; }
	#footer form { margin-right: 24px; }

/* tabelle für downloads */
table.csc-uploads td p, table td p { font-size: 100%; }

/* tabelle für electronic postcard */
/* .tx-bvdecards-pi1 table, .tx-bvdecards-pi1 table p img { position: relative; width: 100%; height: 100%;} */
.imgtext-table { font-size: 100%; color: #424242; }

/* bildpositionierung durch typo3 korrigieren */
.csc-textpic-left .csc-textpic-imagewrap { margin-right: 10px; }
.csc-textpic-right .csc-textpic-imagewrap { margin-left: 10px; }
.csc-textpic-above p { clear: both; }

/* ANFUEGUNG: LITESHOW (MAERZ 2008) */
/**
 *  Liteshow JavaScript library
 *  CSS Styles for version 1.0beta3
 *   (c) 2006-2007 Benjamin Mack <www.xnos.org>
 *
 *  Liteshow is freely distributable under the terms of an MIT-style license.
 *  For details, see the Liteshow web site at http://www.xnos.org/
*/

/* fixing IE 6 display bug */
/* html, body { width: 100%; height: 100%; } */

div#liteOverlay {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 150%;
	height: 200%;
	background-color: #000000;
}

img#liteThrobber {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

div#liteShow {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	overflow: hidden;
	z-index: 20;

	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #ffffff;
}

div.liteItem { position: absolute; }

div.liteItem img {
	display: block;
	clear: both;
	border: 2px solid #ffffff;
}

div.liteControls {
	float: left;
	clear: both;
	background: #ffffff;
	padding: 0;
	margin: 0;
}

div.liteControls h4 {
	display: block;
	float: left;
	color: #777777;
	line-height: 30px;
	font-size: 16px;
	width: 70%;
	margin: 0;
	padding: 5px 0 5px 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

div.liteControls a.close,
div.liteControls a.browse {
	float: right;
	margin: 0 10px 0 0;
	border: 0;
	width: 30px;
	height: 40px;
	background: url('../../wickedSlideshow/g/close.gif') center center no-repeat transparent;
}
div.liteControls a.browse { background-image: url('../../wickedSlideshow/g/browse.gif'); }


div#liteCache {
	position: absolute;
	left: 2000px;
	top: 0px;
}

div#liteBrowser {
	z-index: 30;
	position: absolute;
	text-align: center;
	overflow-y: scroll;
	overflow-x: hidden;
}

div#liteBrowser table { margin: 0 auto; }

div#liteBrowser td {
	border: 0;
	padding: 20px 10px;
	height: 300px;
	text-align: center;
	vertical-align: top;
}

div#liteBrowser td img {
	margin: 0 auto 28px;
	text-align: center;
	border: 2px solid #777777;
}

div#liteBrowser td span {
	display: none;
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #777777;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	border: 2px solid #ffffff;
}

div#liteBrowser td:hover img {
	border: 2px solid #ffffff;
	margin-bottom: 0;
}

div#liteBrowser td:hover span { display: block; }

.gdGalThumbs { width:320px; height: 120px; float:left; }
.gdGalTitle { width:200px; height: 120px; float:left; padding-top: 65px; font-family:Georgia,"Times New Roman",Times,serif; font-size:11pt; font-weight:bold; }
.gdGallery { width: 520px; height: 130px; padding: 5px; }


/* ANFUEGUNG: SMOOTHGALLERY (AUGUST 2009) */
.rgsgcontent { margin-top: 5px; }
.rgsgcontent .jdGallery a.right,
.rgsgcontent .jdGallery a.left { height: 100%; }
#p #inhalt .rgsgcontent .jdGallery a.left:hover,
#p #inhalt .rgsgcontent .jdGallery a.right:hover,
#b #inhalt .rgsgcontent .jdGallery a.left:hover,
#b #inhalt .rgsgcontent .jdGallery a.right:hover,
#c #inhalt .rgsgcontent .jdGallery a.left:hover,
#c #inhalt .rgsgcontent .jdGallery a.right:hover {
	background-color: transparent;
	}
.rgsgcontent .jdGallery .slideInfoZone { padding-top: 5px; font-size: 100%; line-height: 1; }
.rgsgcontent .jdGallery .slideInfoZone h2,
.rgsgcontent .jdGallery .slideInfoZone p { font-size: 100%; line-height: 1; }