@charset "UTF-8";
/* CSS Document */


/* -----------------------------------------------
Schlicht dreispaltig
Author:   Jun Frogosa based on the 
Original by N. Macht
Version:  1.0 April 2008
----------------------------------------------- */
/*  CSS Layout
----------------------------------------------- */

/* farben:

#215919 = tiefgruen

#BED681 = hellgruen


*/

.body
{
	padding:0px 0px;
	text-align:center;
	background:url(http://www.printwebillu.de/external/froko-jimdo/images/bg_frosch-links.jpg) left top no-repeat; /* 29apr */
	background-color: #FFFFFF;
}


div#container {
	position:absolute; /* 29apr */
	left:150px;
	top:0px;
	width:950px;
	margin:0 auto;
	padding-bottom:1px;
	border:0px solid #FFFFFF;
	text-align:left;
	background-color:white;
}

div#wrapper {
	width:900px;
	margin-top:-15px;
	margin:1px;
	margin-bottom:0px;
	margin-left:14px;
	border:1px #215929 solid;
	padding:20px 0 2px 0;	
	z-index:10;
}

div.content_bg {
	background: url(http://froschkoenige-ev.jimdo.com/s/img/content_bg.gif) repeat-y 190px 0;
}

div#emotion {
	width:898px;
	border:0px white solid;
}

div#navigation {
	width:917px;
	padding-left:0px; /* verdraengt das menu nach rechts*/
	background:url(http://www.printwebillu.de/external/froko-jimdo/images/nav_bg_white.gif) top left no-repeat;   /* 29apr  */
	margin:0 1px;
	height: 64px; /* necessary to accomodate up to three lines of menu buttons – important for administration section! */
}


div#sub_navi {
	float:left;
	width:190px;
	border-top:1px solid white;
}

div#jimdobox {
	margin-bottom:30px;
}

div#content {
	float:left;
	width:505px;
}

div#sidebar {
	float:right;
	width:190px;
	padding-top:90px;
}

div#footer {
	float:left;
	width:510px;
	background-image:url(http://froschkoenige-ev.jimdo.com/s/img/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:15px;
}

/* gutter */
div#content .gutter { padding:0 15px 0 15px; }
div#sub_navi .gutter { padding:0 5px 0 5px; }
div#sidebar .gutter { padding:0 3px 0 3px; }
div#footer .gutter{ padding:30px 30px 0 40px; }


/*  MainNav Level 1
----------------------------------------------- */ /* farben: #215919 = tiefgruen  *   #BED681 = hellgruen   */  /*  http://www.printwebillu.de/external/froko-jimdo/images/   */


ul.mainNav1 {
	text-align:left;
	padding:0;
	margin-left:10px; /* space to left edge #navigation */
	/*padding-top:5px;*/
	width:907px;  /*  width is important for the menu element to expand  to both edges. total width 917px-10px margin-left = 907px */
	/*background-color:#BED681;*/
	margin-top:3px;
	height:130px; /* enough height to accomodate those hidden menus */
	/* to achieve this, there should be no BG-IMG-URL; instead, div#navigation has BG-IMG-URL */
	
	/*  height:100px;  */ /* total height is 41px. height:36px + padding-top:5px = 41px  */
	/*background-image:url(http://www.printwebillu.de/external/froko-jimdo/images/ulMainNav1_bg.gif);
	background-position:top repeat-x;*/

}

ul.mainNav2{	
	text-align:left;
	margin:0 0 30px 0;
	padding:0;
	list-style-type:none;
}


ul.mainNav3 {	
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}


ul.mainNav1 li
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } /* Firefox and all */

* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } /* IE */



ul.mainNav1 li a,
ul.mainNav1 li a:visited {
	/*background-color:#BED681;*/ /*  hintergrundfarbe menu1 – ist die zeile aktiv, funktioniert background-image nicht  */
	text-decoration:none;
	display:block;
	float:left;
	color: #215919; /* 29apr */  /*  farbe menu1-text*/
	border-right:1px #FFF solid;
	white-space:nowrap;
	height:36px;
	background-image:url(http://www.printwebillu.de/external/froko-jimdo/images/nav_bg.gif) bottom left repeat-x;
}

ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited {
	font-size:12px;
	text-decoration:none;
	display:block;
	background:url(http://froschkoenige-ev.jimdo.com/s/img/dots.gif) left bottom repeat-x;
	color:#333333;
}

ul.mainNav3 li a,
ul.mainNav3 li a:visited {
	color:#999999;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:10px 15px 5px 15px; } /*  abstand text zum rand */
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:10px 5px 5px 5px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:5px 5px 5px 20px; }


ul.mainNav1 li a:hover {
	color:#ffffff;   /*color:#215929; */
	background: url(http://www.printwebillu.de/external/froko-jimdo/images/nav_bg_current.gif) left top repeat-x;
	font-weight:normal;
}

ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
	background-color:#D3E4A9;  /*#eeeeee;*/
}

ul.mainNav1 li a.current {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: url(http://www.printwebillu.de/external/froko-jimdo/images/nav_bg_current.gif) left top repeat-x;	/*  #215929;  */
}

ul.mainNav2 li a.current,
ul.mainNav3 li a.current { 
	color:#215929;
	/*font-weight:bold;*/
}

/*  begin modified elements  ---------------------------------------  */ 

ul.mainNav1 li a.parent, ul.mainNav2 li a.current
{
	color: #FFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(http://www.printwebillu.de/external/froko-jimdo/images/nav_bg_current.gif) left top repeat-x;	/*  #215929;  */
}

	 
/*  own defintion to change the size of the menu1 type ; took a while to discover ;-))    */
div#navigation ul.mainNav1 li a  {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}
 /*  for text in main content*/ 
	.greenbackground  { background-color:#E4F2BF; padding:0px 8px 8px 10px; } 
	
 /* main define for text sidebar right */
 	div#sidebar p, ul li {font-size:11px;font-family: Arial, Verdana, Geneva, sans-serif;} 
	div#cc-matrix-801925956  .n  p {line-height: 120%;color:#81AA7B;}  /*  right column */
	.archivtitel { padding:0px 5px 0px 10px; border-left:solid #81AA7B 2px; border-bottom: 1px solid #81AA7B;}  /*  title */
	div#cc-matrix-801925956 ul li {color:#81AA7B;margin-left:-28px;padding:0px;line-height: 120%;}  /* list */
	div#cc-matrix-801925956 ul li a, div#cc-matrix-801925956 ul li a:link, div#cc-matrix-801925956 ul li a:visited { color:#81AA7B;text-decoration:none; } /* list */
	div#cc-matrix-801925956 ul li a:hover, div#cc-matrix-801925956 ul li a.current  { color:#215919;text-decoration:underline; } /* list */

 /* define for list in content_area */
	
	div#content_area ul li {font-size:12px;margin-left:-28px;padding:0px;line-height: 140%;}  /* list */