/**
 ***************************************************
 *    w w w . c o u n t r y - v e r l a g . d e    *
 ***************************************************
 *
 * Country Verlag
 * Main CSS Defs
 *
 * @Version $Id: country.css 116 2010-07-13 16:02:14Z mw $
 * @copyright 1998-2008, Michael Wegner (webmeister at yavantho dot de)
 * @Stand: $Date: 2010-07-13 18:02:14 +0200 (Di, 13. Jul 2010) $
 *
 * Revision 2008: peu à peu zum Boxmodell
 */



/*
Farben:
Haupthintergrund: #FEF8DE
hell:   #FFFFE0
dunkel: #FFFFA0
gold:   #FFCC00

Farbreihe:
blau:     #003F70
blaugruen #007470
gruen     #007B36
gelbgruen #63A828


stahlblau #00624B
*/



/********************************************************/
/*   grundsätzlich erst mal unseren Font vorbestimmen   */
/********************************************************/


body
  { font-family:Arial,Helvetica,Sans-Serif; }


body {
	background:#fc0 url(/pics/background.jpg) repeat-x;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	color:#000040;

/* nur IE! nicht W3C-konform, also tschüß...

  scrollbar-base-color:#FFCC00;

  scrollbar-3dlight-color:#9C9081;    /* Farbe für 3D-Effekte *
  scrollbar-arrow-color:#FFFFEB;      /* Farbe für Verschiebepfeile *
  scrollbar-darkshadow-color:#70624F; /* Farbe für Schatten *
  scrollbar-face-color:#838174;       /* Farbe für Oberfläche *
  scrollbar-highlight-color:#FFFFFF;  /* Farbe für oberen und linken Rand *
  scrollbar-shadow-color:#000000;     /* Farbe für unteren und rechten Rand *
  scrollbar-track-color:#ECDCBD;      /* Farbe für freibleibenden Verschiebeweg */
  }


/********************************************************/
/*   HEADERS                                            */
/********************************************************/

h1 {
	font-size:12pt;
	color:#00624B; /*#004131; /*007470;*/
	margin-top:0px;
	margin-bottom:10px;
	}

h2 {
	color:#00624B;
	font-size:11pt;
	margin-top:6px;
	margin-bottom:3px;
	}

h3 {
	color:#00624B;
	font-size:11pt;
	margin-top:5px;
	margin-bottom:0px;
	}

h4 {
	color:#00624B;
	font-size:10pt;
	margin-top:4px;
	margin-bottom:0px;
	}


/* bisher nur bei CD-Überschriften */
h5 { font-size:10pt;
	font-weight:bold;
	margin:0;
	}




/********************************************************/
/*   LINKS                                              */
/********************************************************/


a:link, a:visited, a:active {
	color:#00624B;
	text-decoration:none;
	}
a:hover {
	background:#b00;
	color:#FFD11B;
	text-decoration:none;
	}


/* Hauptmenüzeile */


a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu,
a:link.mainmenu_active, a:visited.mainmenu_active, a:active.mainmenu_active {
	padding:2px 12px 1px;
	font-size:9pt;
	font-weight:bold;
	}


a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu {
	color:#000060;
	text-decoration:none;
	}


/* aktiver Hauptmenü-Punkt */
a:link.mainmenu_active, a:visited.mainmenu_active, a:active.mainmenu_active {
	text-decoration:underline;
	color:#00624B;
	}

/* hover identisch */
a:hover.mainmenu, a:hover.mainmenu_active {
	background:#b00;
	color:#ffd11b;
	text-decoration:underline;
	}



/* Untermenü Hauptpunkt */
a:link.subtitle, a:visited.subtitle, a:active.subtitle {
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	color:#000040;
	display:block;
	}
a:hover.subtitle {
	background:#b00;
	color:#ffd11b;
	}


/* Untermenü */
a:link.submenu, a:visited.submenu, a:active.submenu {
	padding:2px 0px;

	text-decoration:none;
	font-style:italic;
	color:#000060;

	display:block;
	}


a:hover.submenu {
	background:#b00;
	color:#ffd11b;
	}



/* aktiver Untermenü-Punkt */
a:link.submenu_active, a:visited.submenu_active, a:active.submenu_active {
	padding:2px 0px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	color:#00624B;
	display:block;
	}

a:hover.submenu_active {
	background:#b00;
	color:#ffd11b;
	}


/* kleiner Admin-Link etc. */
a:link.small, a:visited.small, a:active.small {
	height:10px;
	text-decoration:none;
	text-transform:lowercase;
	color:#707470;
	font-size:7pt;
	}
a:hover.small {
	text-decoration:underline;
	color:#FFFFFF;
	}

/* Inverse: gelb auf rotem Hintergrund */
a:link.inverse, a:visited.inverse, a:active.inverse {
	text-decoration:none;
  color:#FFCF00;
	}

a:hover.inverse {
	text-decoration:underline;
  background:#FFCF00;
  color:#FF0000;
	}

/* Für Bilder ohne Hover-Effekt */
a:link.pic, a:visited.pic, a:active.pic, a:hover.pic {
	text-decoration:none;
	background:none;
	}

/* Für Bilder mit Hover-Effekt und line-height für Mozillen */
a:link.img, a:visited.img, a:active.img {
	text-decoration:none;
	background:inherit;
	line-height:24px;
	}

a:hover.img {
	background:#b00;
	line-height:24px;
	font-size:24px;
	}

/* rote Schrift (z.B. Termin-Info) */
a:link.red, a:visited.red, a:active.red {
	color:#800;
	text-decoration:none;
	}
a:hover.red {
	background:#BB0000;
	color:#FFD11B;
	text-decoration:none;
	}


a:link.default, a:visited.default, a:active.default {
	color:#00624B;
	text-decoration:none;
	white-space:nowrap;
	}
a:hover.default {
	background:#BB0000;
	color:#FFD11B;
	text-decoration:none;
	white-space:nowrap;
	}




a#atop {
	margin:0 auto 4px;;
	width:100px;
	display:block;
	color:#888;
	border-bottom:1px dotted #008;
	font-size:8pt;
	}


	a#atop:hover {
		background:white url(/pics/sym/top.png) no-repeat;
		}


/********************************************************/
/*   GLOBALS                                            */
/********************************************************/


.smaller { font-size:7pt; }
.small { font-size:8pt; }
.bold   { font-weight:bold; }
.italic	{ font-style:italic; }

.red 		{ color:#800000; }
.blue 	{ color:#000080; }
.steel 	{ color:#00624B; }
.black  { color:#000; }
.brown  { color:#630; }
.grey   { color:#888; }
.hellcol   { color:#FFFFE0; }
.dunkelcol { color:#FFFFA0; }

.hellbg { background-color:#fffff0; }
.goldbg { background-color:#fc0; }
.redbg  { background-color:#ffb7a1; }
.yonr	{ color:#ffcf00; background: #d00; }
.bong { color:#006; background: #bbb; }

.sbordertop { border-top:1px solid #00624b; }

.newfont {
	font-family:"Trebuchet MS", sans-serif;
	line-height:1.2em; }


.extra { background:url("/pics/extra.png"); }

.left   { text-align:left }
.center { text-align:center }
.right  { text-align:right }
.block  { text-align:justify }

.gesperrt { letter-spacing:0.5em; }


.top    {	vertical-align:top; }
.bottom {	vertical-align:bottom; }

.bottomright { vertical-align:bottom;
	text-align:right; }

#cite {
	padding:12px;
	background:white;
	width:395px;
	border:1px solid #fc0; }


p.fixed	{ font-family:monospace; }
.palatino { font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; }
.lucida { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; }

tt.forced {
	margin:2px 8px 0 0;
	padding:2px;
	border:1px solid black;
	background: #333;
	color: #eee;
	display:block;
	}


small { font-size:8pt;}



/********************************************************/
/*   PARAGRAPHS                                         */
/********************************************************/

p.blindtext {
	margin-top:25px;
	margin-bottom:50px;
	}

p {
	margin-top:4px;
	margin-bottom:0px;
	}

.marginhbig { margin:8px 24px; }
.marginh { margin:4px 8px; }

p.block {
	margin-top:4px;
	margin-bottom:0px;
	text-align:justify;
	}

p.blockindent {
	margin-top:4px;
	margin-bottom:0px;
	text-align:justify;
	text-indent:8px;
	}

p.steel {
	color:#00624B;
	margin-top:0px;
	margin-bottom:5px;
	text-align:justify;
	}

p.fivepix {
/*	margin-left:5px;*/
	margin-bottom:10px;
	text-align:center;
}

/* Absatz für Leseprobe */
p.leseprobe {
	margin-top:4px;
	margin-bottom:0px;
	text-align:justify;
	text-indent:10px;
	}


.font {
	font-family:"Trebuchet MS", sans-serif;
	font-size:10pt;
/*	font-weight:bold;*/
	line-height:1.2em; }




/********************************************************/
/*   TABLE DEFINITIONS                                  */
/********************************************************/

/* Gesamttabelle auf dem BODY */
table.body {
	width:850px;
	/* height:100%; /* ACHTUNG! */
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	empty-cells:show;
	text-align:left;
	}

/* Hauptmenutabelle in den obersten Zellen */
table.mainmenu {
	width:850px;
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0px;
	margin:0px;
	}

/* Hauptinhalts-Zelle */
td.main {
/*	width:px;*/
	font-size:9pt;
	background:#FEF8DE;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:20px;

	vertical-align:top;
	border:none;
	}

/* alternativ mit größerem Randabstand */
td.mainwide {
	font-size:9pt;
	background:#FEF8DE;
	padding:0 40px 20px 60px;
	vertical-align:top;
	border:none;
	}



td.mainmenu {
	background:url(/pics/mainmenuline06.png) no-repeat top left;
	padding:0px;
	vertical-align:top;
	text-align:left;
	height:90px;
	}




/* Hauptmenü-Zelle */
td.mainmenucell {
	margin:0px;
	padding:1px 0;
	font-size:8pt;
	text-align:left;
	}



/* table mit Submenü */
table.menu {
	table-layout:fixed;
	border:none;
	}

	th.menu {
		text-align:center;
		background:#FFCC00;
		border-bottom:1px solid #BB0000;
		}

	td.menu {
		text-align:center;
		padding:4px 0px;
		font-size:9pt;
		}

	td.menuleft {
		text-align:left;
		padding:2px 0px 0 0;
		font-size:10pt;
		}

	td.menuleft1 {
		text-align:left;
		padding:0 0 0 6px;
/*		border-left: 1px solid #008;*/
/*		background:url(/pics/menuleft1.png) repeat-y 0 0 ;*/
		}

	td.menuleft2 {
		text-align:left;
		padding:0 0 0 12px;
		font-size:9pt;
		}

	td.menuleft3 {
		text-align:left;
		padding:0 0 0 16px;
		font-size:8pt;
		}

	td.menu_disabled {
		text-align:center;

		padding:4px 0px;

		text-decoration:none;
		font-style:italic;
		color:#666666;
		/*background:#FFFFA0;*/
		font-size:9pt;

		display:block;
		}

	td.menuadmin {
		text-align:center;
		padding:4px 0px;
		border-top:1px solid #007470;
		border-bottom:1px solid #007470;
		font-size:8pt;
		}

	td.separator {
		text-align:center;
		border-bottom:1px solid #004;
		font-size:3pt;
		height:5px;
		overflow:hidden;
		}

	td.fivepix {
		font-size:4pt;
		height:5px;
		}


	td#menubasket {
		font-size:7pt;
		text-align:right;
		padding:0 140px 0;
		}


	/* linke Spalte mit Submenü */
	td.mainleft {
		width:120px;
		background:url(/pics/menuleft.png) repeat-y;
		font-size:9pt;
		vertical-align:top;
		text-align:center;

		padding:20px 0px;

		border:none 0px;
		}

	/* linke Spalte unten, für "nach oben" Link */
	td.mainleftbottom {
		width:120px;
		/*height:20px;*/
		background:url(/pics/menuleft.png) repeat-y;
		font-size:8pt;
		vertical-align:bottom;
		text-align:center;

		padding-top:0px;
		padding-left:0px;
		padding-right:0px;

		text-indent:0px;

		margin:0px;
		margin-right:0px;
		margin-left:0px;

		border:none;
		}

	/* rechte Spalte 3D-Effekt */
	td.mainright {
		background: url(/pics/mainright.png) repeat-y;
		vertical-align:middle;
		text-align:left;
		padding:0px;
		border:none;
		}

	td.mainbottomleft {
		width:120px;
		height:22px;
		background:url(/pics/mainbottomleft.png) no-repeat;
		vertical-align:top;
		text-align:center;
		font-size:8pt;
		color: black;
		border:0px none;

		padding-top:6px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:6px;
		}

	td.mainbottom {
		height:21px;
		background:url(/pics/mainbottom.png) repeat-x;
		vertical-align:top;
		padding-left:5px;
		padding-top:6px;
		font-size:8pt;
		border:none;
		/* border:1px solid blue;*/
		}

	td.mainbottomright {
		width:20px;
		height:21px;
		background:url(/pics/mainbottomright.png) no-repeat;
		border:none;
		padding:0px;
		}

	td.mainbottomnav {
		width:42px;
		height:21px;
		text-align:right;
		vertical-align:top;
		background:url(/pics/mainbottomnav.png) no-repeat;
		border:none;
		padding:0px;
		}

	td.mainbottomnonav {
		width:42px;
		height:21px;
		background:url(/pics/mainbottom.png) repeat-x;
		border:none;
		padding:0px;
		}

	td.mainbottomnavright {
		width:20px;
		height:21px;
		background:url(/pics/mainbottomnavright.png) no-repeat;
		border:none;
		padding:0px;
		}



td {	font-size:9pt; }

.honeypod { visibility:hidden; }

table#index { table-layout:fixed;
	border-collapse:collapse;
}

td#gila	{ background:url(/pics/gila-2010.jpg) no-repeat 15px 5px;
	height:190px; vertical-align:top; text-align:right; }

td.goldtop { border-top: 2px solid #fc0; }


/* Info-Table mit Scroll-Effekt: */
/* äußerer Container mit Überschrift */
div#infocontainer {
	text-align:center;
	padding:0px;
	position:relative;
	width:450px;
	height:80px;
	overflow:hidden;
	background:#ffe; /*	#ffe; */
	border-top:1px solid #7f7f7f;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	}

	/* innerer Container für scrollendem Inhalt */
	div#infoinner {
		position:absolute;
		width:450px;
		height:60px;
		clip:rect(0, 450px, 60px, 0);
		left:0px;
		top:20px;
		}

		/* erster Inhalt */
		div#infofirst {
			position:absolute;
			width:450px;
			top:1px;
			left:0px;
			padding:4px;
			}

		/* nächster Inhalt */
		div#infoalternate {
			position:absolute;
			width:450px;
			top:60px;
			left:0px;
			visibility:hidden;
			padding:4px;
			}


table.fixed {
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	empty-cells:show;
	}

table.fixed5 {
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:5px;
	border:none;
	empty-cells:show;
	}



/* Zelle für Textinhalte: Breiterer Rand und Top_align */
td.text {
	vertical-align:top;
	padding: 0 15px 5px;
	}

/* colorierte Zellhintergründe - z.B. für Kontaktformular */
td.gold {
	padding:2px 12px;
  background:#fc0;
  color:#000080;
	}
td.goldhalf {
	height:6px;
	padding:0;
  background:#FFCF00;
  color:#000080;
	border-bottom:1px dashed #008;
	}

td.topdashed 		{ border-top:1px dashed #008; }
td.rightdashed 	{ border-right:1px dashed #008; }
td.bottomdashed {	border-bottom:1px dashed #008;	}
td.leftdashed 	{	border-left:1px dashed #008;	}

td.topdoubledashed 	{ border-top:2px dashed #800; }
td.leftdoubledashed 	{ border-left:2px dashed #800; }
td.rightdoubledashed 	{ border-right:2px dashed #800; }



td.hell
  {
	vertical-align:top;
	padding-left:5px;
  background:#FFFDE1;
  }

td.dunkel
  {
	vertical-align:top;
	padding-left:5px;
  background:#FFF9A1;
  }

td.heller { background:#ffe;	}

.vmargin { margin: 8px 0px;	}
td.padding { padding: 2px 4px;	}
.zeropadding { padding:0px; }
.morepadding { padding:5px; }
td.five {	padding:0 5px 10px 0;	}
td.toppadding { padding:16px 0 0 0;}

.leftpadding { padding-left:12px; }
.vpadding { padding:8px 0;}


.formlabel {
	display:block;
	border-bottom:1px dashed #fc0;
	border-left:1px dashed #fc0;
	padding-left:10px;
	}
span.formlabel_error {
	display:block;
	border-bottom:1px dashed #b00;
	border-left:1px dashed #b00;
	padding-left:10px;
	}

table.bordered {
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0px;
	border-left:1px solid #222222;
	border-top:1px solid #222222;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	}


table.borderblue {
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0px;
	border:1px solid #004;
	}

th.red {
	color:#800000;
	font-size:10pt;
	text-align:left;
	vertical-align:bottom;
	}

th.listtop, th.listtopleft, th.listtopright {
	padding-left:5px;
	border-top:1px solid #000080;
	border-bottom:none;
	text-align:left;
	font-size:8pt;
	}

th.listtopleft {
	border-left:1px solid #000080;	}

th.listtopright {
	border-right:1px solid #000080;	}


th.listbottom, th.listbottomleft, th.listbottomright {
	padding-left:5px;
	font-size:9pt;
	border-bottom:1px solid #000080;
	border-top:none;
	}

th.listbottomleft {
	border-left:1px solid #000080; }
th.listbottomright {
	border-right:1px solid #000080; }

th.tab {
	background:#fc0;

	border-bottom:1px solid #00a;
	}

td.topborder, .bordertop { border-top:1px solid #000080; }
td.leftborder, .borderleft { border-left:1px solid #000080; }
td.rightborder, .borderright { border-right:1px solid #000080; }
td.bottomborder, .borderbottom { border-bottom:1px solid #000080; }
td.border { border:1px solid #008; }

td.topgoldborder { border-top:2px solid #fc0; }


td.topborderlight { border-top:1px solid #eee; }
td.leftborderlight { border-left:1px solid #eee; }
td.rightborderlight { border-right:1px solid #eee; }
td.bottomborderlight { border-bottom:1px solid #eee; }

td.top {	vertical-align:top; }
td.middle {	vertical-align:middle; }
td.bottom {	vertical-align:bottom; }

.sup { padding:0;
	text-align:right;
	vertical-align:top;
	color:#00624b;
	font-size:7pt; }

.pointer { cursor:pointer; }
.help { cursor:help; }

/********************************************************/
/* IMAGE */
/********************************************************/


img.foto {
	border: 1px solid #fff;
	}

/* IE 6
img.blured { filter:Blur(direction=45,strength=40); }
*/

/********************************************************/
/* HORIZONTAL RULER (depreciated!) */
/********************************************************/

hr.light {
	color:#eee;
	height:1px;
	}

hr.gold {
	color:#fc0;
	height:2px;
	}

hr.lightsteel {
	color:#00624B;
	height:1px;
	text-align:left;
	}

hr.lightgold {
	color:#FFCC00;
	height:1px;
	}

hr.lightblue {
	color:#000040;
	height:1px;
	}


/********************************************************/
/* LIST ELEMENTS */
/********************************************************/

ul {
	margin-top:4px;
	margin-left:0px;
	padding:0 0 0 40px; /* na super, IE interpretiert mal wieder alles anders! */
	}


li { margin:4px 0 0 8px;
	padding:0; }

ul.nobull {
	list-style-type:none;
	padding-left:30px;
	margin-bottom:24px;
	}

	ul.nobull li { margin-top:2px;
		}


li.indent { padding-top:12px;
	padding-left:14px; }


/********************************************************/
/* others */

div#topengel {
	z-index: 10;
	position:fixed;
	width:60px;
	height:60px;
	bottom:10px;

	/*top: -100px;*/

	right:10px;

/*	visibility:hidden;*/
	float:right;

	font-size:8pt;

	margin-top:40px;
	}

	#topengel a { color:#999; }

	#topengel img { border:none; }



div#infotipp, div#info {
	position:absolute;
	width:200px;
	height:150px;
	/*
	top: 100px;
	left:100px;
	*/
	z-index:10;
	visibility:hidden;
	background:white;
	border:1px solid #004;
	padding:4px 6px;
	}

div#infoshdw {
	position:absolute;
	width:200px;
	height:150px;
	z-index:9;
	visibility:hidden;
	background:#666;
	border:1px solid #666;
	padding:4px 6px;
	}


div#layer {
	visibility:hidden;
	position:absolute;
	left:-100px;
	width:1px;

	background:black;
	}

div#wait {
	cursor:wait;
	position:absolute;
	top:180px;
	left:440px;

	width:250px;
	height:100px;
	border:3px ridge #00a;
	background:#ffffe0;
	color:#003f70;
	font-weight:bold;
	font-size:14pt;
	z-index:5;
	visibility:hidden;
	vertical-align:middle;
	text-align:center;
	padding:16px;
	}
/* nicht mehr seit 9/08
div#waitshadow {
	position:absolute;
	top:180px;
	left:440px;

	margin:6px 0 0 6px;


	width:250px;
	height:100px;
	z-index:4;
	visibility:hidden;
	background:#000;
	padding:16px;
	}

*/