/* 

Site:			www.kosterlexikon-rlp.de
Author:			Stefan Dumont
Created:		15.09.2009
Modified:		10.06.2012
Editor:			Stefan Dumont
Usage:			Klosterlexikon Rheinland-Pfalz - Fluid Layout

/* ###################### MAIN.CSS ######################### */

/* HEADER & FOOTER */

body {
	padding: 0;
	margin: 0;
	background: url(../../images/themenportale/klosterlexikon/bgbg_klosterlexikon.jpg) top left repeat-x;

}	

#page {
	margin-top: 0em;
	border-left: 0px;
	border-right: 0px;
	border-bottom: none;
}

#main {
	min-height: 30em;
}

ul.skiplinks {
	visibility: hidden;
}

#logo {
	width: 50em;
}

#logo a {
	width: 50em;
}

div#header {
	height: 30em;
}

div#headerfield {	
	position: relative;
	height: 29em;
	border-top: none;
	background: url(../../images/themenportale/klosterlexikon/klosterlexikon-rlp_neu.jpg) top center repeat-x;
}

div#headerfield div#portallink {
	position: absolute;
	top: 0.7em;
	right: 1em;
	width: 15em;
	height: 3em;
}

div#headerfield div#portallink a {
	display: block;
	width: 15em;
	height: 3em;
}

div#footerInner {
	width: 950px;
	margin: 0 auto 0 auto;
}

div#footer {
	position: relative;
	height: 15em;
	border-top: 10px solid #896C51;
	padding: 2em;
	color: white;	
	background-color: #3C2B1B;
	font-size: 1em;
	font-weight: normal;
}

div#footer a {
	color: white;	
}



/* ################### QUICKNAVI ######################### */

div#headerfield div#quicknavi {
	position: relative;
	width: 100%;
	height: 2.5em;
	background-image: none;
	font-size: 1.1em;
}

div#headerfield div#quicknavi ul {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
}

div#headerfield div#quicknavi ul li {
	padding: 0.5em 0.75em 0.5em 0.75em;
	border-right: 0;
}

div#headerfield div#quicknavi ul li a {
	border: none;
	color: #4F4F4F;
	font-family: Verdana, Helvetiva, Sans;
}

div#headerfield div#quicknavi ul li:hover {
	background: none;
}
div#headerfield div#quicknavi ul li a:hover {
	text-decoration: underline;
}



/* LINKE NAVIGATION */

/* modifiziert Hintergrund Navi links */
#content-03-wrap {
  	border-left: 17.5em solid white;  	
}

div#content-01 div.hmenu h3.tab {
	width: 190px;
	border-bottom: 1px solid #528F20;
	padding-bottom: 3px;
}

div#content-01 ul {
	background-color: transparent;
}

div#content-01 ul.level1 li {
	border-top: 1px white solid;
}

div#content-01 ul li a {
	color: #4f4f4f;
	background-color: white;
	font-family: Georgia;
	font-size: 1.2em;
}

div#content-01 li.act a { 
	color: #528f20;
	background-color: white;
}

div#content-01 ul.level1 li {
	border-bottom: 1px solid #AFAFAF;
}

div#content-01 ul.level1 li.last {
	border-bottom: 1px solid #AFAFAF;
	background-color: white;
	display: none;
}

div#content-01 li.last a {
	color: #FFFFFF;
}

div#content-01 ul.level2 li {
	 border-bottom: 1px solid white; /* must be set, otherwise IE 6.0 adds space */
}

div#content-01 .level2 li a {
	background-color: white;
}

/* ################### Hauptinhaltsspalte ########################## */

/* div#content-03-wrap {
	margin-right: 20em;
}

div#content-03 {
	padding-left: 2.6em;
	padding-right: 0.5em;
}

div[class="hmenu rootline"] {
	width:42.6em;
}

*/

/* ROOTLINE */

#content-03 div.rootline ul {
	padding: 0.5em 0 0.5em 0;
}


#content-03 div.rootline {
	border-bottom: 1px #AFAFAF solid;
	color: #848484;	
	background: white;
}

#content-03 .rootline ul li a {
	color: #848484;
}



/* PRINT */

div#print {
	background: white;
	padding-right: 0;
}


div#print a {
	color: #848484;
	background: url(../../images/themenportale/auswanderung-rlp/symbol_print_grau.png) 95% 75% no-repeat;
}




/* ###################### CONTENT.CSS ##################### */

p.csc-linkToTop {
	margin: 0 0 2em 0;
	line-height: normal;
}

#content-03 h2 dfn.section,
#content-03 h3 dfn.section,
#content-03 h4 dfn.section {
	display: none;
}

#content-03 h2 {
	color: #528f20;
	font-size: 2.1em;
	font-family: Georgia, Times, "Times New Roman";
	font-weight: normal;
}

#content-03 h3 {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.5em;
	font-weight: normal;
}

#content-03 h4 {
	color: black;
	font-weight: bold;
}

#content-02 h4,
#content-02 h5 {
	color: #848484;
}

#content-03 h2 a.glossary {
	color: #848484;
}

h3.tab {
	line-height: 1.2;
	height: auto;
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.5em;
	font-weight: normal;
	color: #528f20;
	background: white;
}

h3.tab span,
h3.tab a {
	color: #528f20;	
	background: white;
	padding: 0em;
}

/* Text in right-column */
#content-02 p,
table caption {
	color: #4F4F4F;	
}

#content-02 div.sectionmenu ul, 
#content-02 div.sectionmenu ol {
	font-size: 1em;
	line-height:1.1em;
}



/* ######################### CAG_TEXTBOX ############################## */

div.tx-cagtextbox-type1, 
div.tx-cagtextbox-type2, 
div.tx-cagtextbox-type3,
div.tx-cagtextbox-type3 address {
	color: #4F4F4F;
	padding-left: 0;
}

#content-02 div.tx-cagtextbox-type2 h4, 
#content-02 div.tx-cagtextbox-type3 h4,
#content-02 div.cag_pagebrowser h4 {
	line-height: 1.2;
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #848484;
	text-transform: none;
	padding-top: 0.2em;
}

div.tx-cagtextbox-type3 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_adresse.png) left top no-repeat;
}


div.tx-cagtextbox-subtype2 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_mehr.png) left top no-repeat;
}

div.tx-cagtextbox-subtype3 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_literatur.png) left top no-repeat;
}

div.tx-cagtextbox-subtype4 h4 {
	background: url(../../images/catsymbol_quellen3.gif) left top no-repeat;
}

div.tx-cagtextbox-subtype5 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_weblinks.png) left top no-repeat;
}

div.tx-cagtextbox-subtype6 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_oeffnungszeiten.png) left top no-repeat;
}

div.tx-cagtextbox-subtype7 h4 {
	background: url(../../images/themenportale/auswanderung-rlp/symbol_fuehrungen.png) left top no-repeat;
}




/* ######################### CSC-FRAMES ############################ */

.csc-frame-columnbox1,
.csc-frame-columnbox2 {
	border: 1px solid #D0AB98;
}

.csc-frame-columnbox2 {
	background: #CFA8A8;
}

#content-03 .csc-frame-leftcolumnbox,
#content-03 .csc-frame-rightcolumnbox {
	border: 1px solid #D0AB98;
}

.csc-frame-columnbox1 h2,
.csc-frame-columnbox1 h3,
.csc-frame-columnbox1 h4,
#content-03 .csc-frame-leftcolumnbox h2,
#content-03 .csc-frame-leftcolumnbox h3,
#content-03 .csc-frame-leftcolumnbox h4,
#content-03 .csc-frame-rightcolumnbox h2,
#content-03 .csc-frame-rightcolumnbox h3,
#content-03 .csc-frame-rightcolumnbox h4 {
	background: #EFDBD1;
}

#content-03 .csc-frame-source h2,
#content-03 .csc-frame-source h3,
#content-03 .csc-frame-source h4 {
	font-family: Verdana, Helvetica, Arial;
	font-size: 1em;
	font-weight: bold;
}

/* ##################### IMAGES.CSS ######################## */


/* CAPTIONS */

.csc-textpic-image dt img {
	margin-bottom: 0.7em;
}

#container #main .csc-textpic-caption,
#container #main .csc-textpic-caption span {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1em;
	font-weight: bold;
	color: #848484;
}

#container #main #content-03 .imagebrowser {
        background: url(../../images/themenportale/auswanderung-rlp/symbol_fotostrecke.png) left top no-repeat;
}

#container #main #content-03 .clickenlarge {
        background: url(../../images/themenportale/auswanderung-rlp/symbol_clickenlarge.png) 0px 0px no-repeat;
}

#regionet-8015 #container #main #content-02 img {
	border: none;
}

/* ############ TEASER ################################## */

#content-03 .csc-frame-teasermain {
	margin-right: 2em;
	margin-bottom: 2em;
	width: 24em;
	border: none;
	border-top: 5px solid #86bd58;
	border-bottom: 1px solid #86bd58;
	min-height: 21em;
	background: url(../../images/themenportale/klosterlexikon/bg_teaser2.png) bottom right no-repeat;
}

#content-03 .csc-frame-teasermain h2,
#content-03 .csc-frame-teasermain h3,
#content-03 .csc-frame-teasermain h4 {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.2em;
	font-weight: bold;
	color: #528f20;
	background-color: transparent;
	padding: 9.5em 0 0.5em 0; 
}

#content-03 .csc-frame-teasermain h2 a,
#content-03 .csc-frame-teasermain h3 a,
#content-03 .csc-frame-teasermain h4 a {
	color: #528f20;
}

#content-03 .csc-frame-teasermain p a {
	color: black;
	text-decoration: none;
}

#content-03 .csc-frame-teasermain p {
	padding: 0 0.5em 0 0;
}

#content-03 .csc-frame-teasermain .csc-textpic-imagewrap {
	position: absolute;
	top: 0;
	left: 0;
}

#content-03 .csc-frame-teasermain p a.more {
	color: blue;

}


/* ############ BIGTEASER FÜR HERAUSRAGENDE KLÖSTER ################################## */

#regionet-11846 #content-03 .csc-frame-teasermainbig {
	font-family: Georgia, Times, "Times New Roman";
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
	width: 29.5em;
	border: none;
	border-top: 5px solid #86bd58;
	border-bottom: 1px solid #86bd58;
	min-height: 32em;
	background: url(../../images/themenportale/klosterlexikon/bg_teaser2.png) bottom right no-repeat;
}

#regionet-11846 #content-03 .csc-frame-teasermainbig h2,
#regionet-11846 #content-03 .csc-frame-teasermainbig h3,
#regionet-11846 #content-03 .csc-frame-teasermainbig h4 {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.6em;
	font-weight: bold;
	color: #528f20;
	background-color: transparent;
	padding: 10em 0 0 0; 
}

#regionet-11846 #content-03 .csc-frame-teasermainbig h2 a,
#regionet-11846 #content-03 .csc-frame-teasermainbig h3 a,
#regionet-11846 #content-03 .csc-frame-teasermainbig h4 a {
	color: #528f20;
}

#regionet-11846 #content-03 .csc-frame-teasermainbig p a {
	font-size: 1.2em;
	color: black;
	text-decoration: none;
}

#regionet-11846 #content-03 .csc-frame-teasermainbig p {
	padding: 0 0.5em 0 0;
}

#regionet-11846 #content-03 .csc-frame-teasermainbig .csc-textpic-imagewrap img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

#regionet-11846 #content-03 .csc-frame-teasermainbig p a.more {
	color: blue;

}


/* ################# TEASER HERAUSRAGENDE KLÖSTER ############################### */


#regionet-11846 #content-03 .csc-frame-teasermain {
	font-family: Georgia, Times, "Times New Roman";
	margin-right: 2em;
	margin-bottom: 2em;
	width: 19em;
	border: none;
	border-top: 5px solid #86bd58;
	border-bottom: 1px solid #86bd58;
	min-height: 25em;
}

#regionet-11846 #content-03 .csc-frame-teasermain h2,
#regionet-11846 #content-03 .csc-frame-teasermain h3,
#regionet-11846 #content-03 .csc-frame-teasermain h4 {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.2em;
	font-weight: bold;
	background-color: transparent;
	padding: 8em 0 0.5em 0; 
}

#regionet-11846 #content-03 .csc-frame-teasermain h2 a,
#regionet-11846 #content-03 .csc-frame-teasermain h3 a,
#regionet-11846 #content-03 .csc-frame-teasermain h4 a {
	color: #664527;
}

#regionet-11846 #content-03 .csc-frame-teasermain p a {
	color: black;
	text-decoration: none;
}

#regionet-11846 #content-03 .csc-frame-teasermain p {
	padding: 0 0.5em 0 0;
}

#regionet-11846 #content-03 .csc-frame-teasermain .csc-textpic-imagewrap {
	position: absolute;
	top: 0;
	left: 0;
}

#regionet-11846 #content-03 .csc-frame-teasermain p a.more {
	color: blue;

}


/* ################# STARTSEITE: HERAUSRAGENDE KLÖSTER ##################### */

#content-03 div.topkloster {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
	width: 20em;
	border: none;
}

#content-03 div.topkloster h3 {
	margin: 0;
	border-bottom: 3px solid #3C2B1B;
	padding: 5px 0 5px 0;
	color: #3C2B1B;
	font-size: 1.6em;
}

#content-03 div.topkloster-item {
	margin: 0;
	border-top: 1px #3C2B1B solid;
	padding: 0;
	height: 49px;
	background-color: white; /* #F2F8ED; */
	overflow: hidden;
}

#content-03 div.topkloster-item-image {
	float: left;
	margin: 0 5px 0 0;
}

#content-03 div.topkloster-item p {
	display: block;
	height: 40px;
	width: 100%;
}

#content-03 div.topkloster-item p a {
	display: block;
	height: 100%;
	font-size: 1.4em;
	font-family: Georgia, Times, Serif;
	padding: 5px;
	color: #3C2B1B; /* #528F20; */
} 

#content-03 div.topkloster-item p a:hover {
	background: url(../../images/themenportale/klosterlexikon/bg_hitliste.png) bottom right repeat-y;
	text-decoration: none;
}

#content-03 div.topkloster-more {
	padding: 5px 0 5px 0;
	border-top: 1px solid #3C2B1B;
}



/* ################# STARTSEITE: SUCHBOX und SUCHSEITE ##################### */

#regionet-7863 div.csc-frame-columnbox1 {
	margin-bottom: 2em;
	padding: 0;
	width: 20em;
	border: none;
}

#regionet-7863 div.csc-frame-columnbox1 h3 {
	margin: 0;
	border-bottom: 3px solid #3C2B1B;
	padding: 5px 0 5px 0;
	color: #3C2B1B;
	font-size: 1.6em;
	background-color: white;
}

#regionet-7863 div.csc-frame-columnbox1 input,
#regionet-12011 input {
	margin: 0.5em 0 0.5em 0; 
	border: 1px solid gray;
	background-color: #F2F2F2;
	padding: 2px;
}

#regionet-7863 div.csc-frame-columnbox1 input#suchformsubmit,
#regionet-12011 input#suchformsubmit {
	padding: 1px;
	background-color: silver;
}

#regionet-7863 div.csc-frame-columnbox1 label {
	display: block;
	margin: 0.5em 0 0 0;
}

#regionet-12011 form#suchform {
	padding: 1em 0 0 0;
	border-top: 1px silver solid;
	margin: 2em 0 0 0;
}

/* ################# AUSKLAPPMENÜ ########################## */


div#kloesterList {
	margin-bottom: 3em;
	border-top: 5px solid #528F20;
	border-bottom: 1px solid #528F20;
	padding: 0.5em;
	background-image: url(../../images/themenportale/klosterlexikon/bg_selectbox.jpg);
}

div#kloesterList h3 {
	font-family: Georgia, Times, "Times New Roman";
	font-weight: bold;
	font-size: 1.2em;
	color: #528F20;	
}

div#kloesterListInner {
	padding: 0.5em 0 0.5em 0;
}

div#jumpmenu {
	margin-bottom: 0.5em;
}

div#jumpmenu form {
	padding: 0;
	margin: 0;
	background: transparent;
}

div#jumpmenu form select {
	border: 1px #528F20 solid;
	font-family: verdana;

	font-size: 1em;
	width: 170px;
}


/* ############# Rechte Randspalte in den Regionen ausblenden ############# */
#regionet-7863 #content-02-wrap,
#regionet-7864 #content-02-wrap,
#regionet-7865 #content-02-wrap,
#regionet-7867 #content-02-wrap,
#regionet-7868 #content-02-wrap,
#regionet-8992 #content-02-wrap,
#regionet-11846 #content-02-wrap,
#regionet-9110 #content-02-wrap {
	display: hidden;
}

#regionet-7863 #content-03-wrap,
#regionet-7864 #content-03-wrap,
#regionet-7865 #content-03-wrap,
#regionet-7867 #content-03-wrap,
#regionet-7868 #content-03-wrap,
#regionet-8992 #content-03-wrap,
#regionet-9110 #content-03-wrap,
#regionet-11846 #content-03-wrap {
	margin: 0 0em 0 1.5em;
}

#regionet-7863 #content-03-wrap div[class="hmenu rootline"],
#regionet-7864 #content-03-wrap div[class="hmenu rootline"],
#regionet-7865 #content-03-wrap div[class="hmenu rootline"],
#regionet-7867 #content-03-wrap div[class="hmenu rootline"],
#regionet-7868 #content-03-wrap div[class="hmenu rootline"],
#regionet-8992 #content-03-wrap div[class="hmenu rootline"],
#regionet-9110 #content-03-wrap div[class="hmenu rootline"],
#regionet-11846 #content-03-wrap div[class="hmenu rootline"] {
	width: 62.6em;
}

/* Anpassen der dreispaltigen Sitemaps auf den Regionsseiten */
#main .csc-menu-15 {
	width: 18em;
	margin-right: 2em;
}

/* #################### FOOTERCONTENT ########################### */

div#siteinfos, div#links, div#contact, div#sponsor, div#regionen {
	position: relative;
	float: left;
	width: 8em;
	height: 14em;
	line-height: 1.4;
	margin: 0 2em 0 0;
}

div#regionen {
	width: 14em;
}	

div#contact {
	width: 22em;
}

div#sponsor {
	width: 20em;
}

div#footer div#footerInner div#sponsor p {
	line-height: 1.2;
}

div#footer div#siteinfos h3, 
div#footer div#links h3, 
div#footer div#contact h3,
div#footer div#regionen h3 {
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.2em;
	padding: 0;
}

div#siteinfos ul, 
div#links ul,
div#regionen ul {
	margin: 0 0 0 1em;
	padding: 0;
} 


#regionet-7863 td, #regionet-7863 th {
	padding: 0;
	margin: 0;
}

/* ##################### BOXEN TOURISTINFO ##################### */

div.gastronomie,
div.wandern {
	margin: 1em 0 2em 0;
	border-bottom: 1px #cfac4d solid;
	background: url(../../images/themenportale/klosterlexikon/bg_touristteaser.jpg) bottom right no-repeat;
}

div.gastronomie h3.boxheader,
div.wandern h3.boxheader {
	height: 1.6em;
	padding: 0.2em 0.2em 0.2em 0.4em;
	margin: 0;
	background: url(../../images/themenportale/klosterlexikon/icon_gastronomie.png) top right no-repeat;
	font-family: Georgia, Times, "Times New Roman";
	font-size: 1.2em;
	color: white;
}

div.wandern h3.boxheader {
	background: url(../../images/themenportale/klosterlexikon/icon_wandern.png) top right no-repeat;
}

div.gastronomie h3, 
div.gastronomie p,
div.wandern h3, 
div.wandern p {
	color: #6F5A22;
	margin: 0;
	padding: 0 0.3em 0.3em 0.3em;
}


/* ################ LINK MORE TOURISTINFO #################### */

div#moretouristinfo {
	padding: 0 0 0 25px;
	background: url(../../images/themenportale/klosterlexikon/moretouristinfo.png) center left no-repeat;
}

div#map_canvas_overview {
	width: 700px;
	height: 500px;
}

#regionet-9958 div#map_canvas_overview {
	width: 500px;
	height: 500px;
}

div#map_canvas_overview .map_infowindow {
	font-size: 1.2em;
}

div#map_canvas_overview .map_infowindow_image {
	float: left; 
	padding: 0 5px 0 0;
}