html, body { height: 100%; width: 100%; margin: 0; padding: 0 }

#FrogJS{
				width: 99%;
				height: 99%;
				left: 0px;
				top: 0px;
				border: 0px solid black;
				overflow: hidden;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}

/* Navigation mit HOverEffekten*/
.invertedshiftdown
{
	padding: 0;
	width: 100%;
	border-top: 0px solid #800000; /*Red color theme*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

.invertedshiftdown ul
{
	margin:0;
	margin-left: 5.0em; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

.invertedshiftdown a
{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: white;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 9px 10px; /*Padding within each menu item*/
	background-color: #800000; /*Default menu color*/
	
	/*BELOW 4 LINES add rounded bottom corners to each menu item.
	  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
	  REMOVE IF DESIRED
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;*/
}

.invertedshiftdown a:hover
{
	background-color: #D10000; /*Red color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}

.invertedshiftdown .current a
{ 
	/** currently selected menu item **/
	background-color: #D10000; /*Red color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}

#navibar
{
	position:absolute;
	width:82%;
	height:60px;
	top: 15%;
	left:3%;
	background-color:#800000;
	font-size:1.0em;
	text-align:center;
	display:block;
}
div.leftbox { float: left; height: 100%; width: 6%;  background: white; color: white }
div.top { float: left; height: 33%; width: 100%;  background: #800000; color: white }
div.middle { float: left; height: 33%; width: 100%;  background: #C00000; color: white }
div.down {
	float: left; 
	height: 33%; 
	width: 100%;  
	background: #FF2727; 
	}
div.downtext
{
	position: absolute;
	top: 96%;
	color: white; 	
}
div.galleries
{
	position: absolute;
	bottom: 72%;
	width: 70%;
	left: 120px;
	text-align:center;
}
div.extra
{
	position: absolute;
	top: 23%;
	width: 70%;
	left: 120px;
	height: 9%;
	border: solid black 0px;
	overflow: auto;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
}

div.content
{
	position: absolute;
	top: 33%;
	width: 70%;
	left: 120px;
	height: 65%;
	border: solid black 0px;
	overflow: auto;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-size: 0.9em;
}

div.fusszeile
{
	position: absolute;
	border: 0px solid black;
	top: 97%;
	width: 85%;
	height: 3%;
	overflow: auto;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-variant:small-caps;
	font-size: 0.9em;
	color: #800000;
	text-align:left;
}

div.page
{
	position:absolute;
	bottom: 0px;
	height: 19px;
	border: 0px black solid;
	width:100%;
}

div.next
{
	position:absolute;
	bottom: 1px;
	right: 1px;
	height: 19px;
	width: 100px;
	border: 0px red solid;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-variant:small-caps;
	font-size: 1.0em;
	text-align: right;
}

div.before
{
	position:absolute;
	bottom: 1px;
	left: 1px;
	height: 19px;
	width: 100px;
	border: 0px red solid;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-variant:small-caps;
	font-size: 1.0em;
	color: #800000;
}

a.anzahl:link, a.anzahl:visited, a.anzahl:hover, a.anzahl:active
{
	font-family:VERDANA,ARIAL,HELVETICA;
	font-size: 1.0em;
	color: #800000;
	text-decoration: none;
		
}

div.anzahl
{
	position:absolute;
	bottom: 0px;
	left: 40%;
	right: 40%;
	height: 19px;
	width: 20%;
	border: 0px red solid;
	font-family:VERDANA,ARIAL,HELVETICA;
	font-variant:small-caps;
	font-size: 1.0em;
	color: #800000;
	text-align: center;
	text-decoration: none;
}

div.bilder
{
	position:absolute;
	top: 0px;
	left:1px;
	width:59%;
	height:98%;
}

div.impressum
{
	position:absolute;
	top: 0px;
	right:1px;
	width:39%;
	height:98%;
}
div.logo
{
	position: absolute;
	top:0px;
	right:15%;
	height:15%;
	padding:5px 0px 5px 5px;

}
div.firma
{
	font-family:VERDANA,ARIAL,HELVETICA;
	text-align:right;
	font-variant:small-caps;
	position: absolute;
	padding:8px;
	font-size: 1.4em;
	right: 24%;
}
div.knoten
{
	position: absolute;
	top:0px;
	right:5%;
	height:99%;
	max-width: 120px;
}
.blockdiv
{
    width : 100%;
    margin : 0 0 10px 0;
    padding : 8px 0 10px 0;
    border : none;
    background-color : white;
    font-size : 0.9em;
    color : black;
    float : left;
    font-weight : normal;
    text-decoration : none;
}

.subblockdivleft40
{
    margin : 0 0 0 6px;
    padding : 1px 0;    
    border : none;
    text-align : right;
	font-family:VERDANA,ARIAL,HELVETICA;
    float : left;
    color: #800000;
    border : 1px solid white;
    width : 37%;
}

.subblockdivright55
{
    margin : 0 0 0 6px;
    padding : 1px 0;
    border : none;
    text-align : left;
    float : left;
    border : 1px solid white;
    width : 55%;
}


.buttondiv
{
    width : 100%;
    margin : 20px 0 20px 0;
    padding : 0;
    border : none;
    text-align : center;
}

.ueberschrift
{
	font-family:VERDANA,ARIAL,HELVETICA;
    float : left;
    color: #800000;	
    font-variant:small-caps;
    font-size: 1.5em;
}


.menu:link
{
	font-family:VERDANA,ARIAL,HELVETICA;
    color: #800000;	
    font-variant:small-caps;
    font-size: 1.2em;
    text-decoration: none;
}
.menu:visited
{
	font-family:VERDANA,ARIAL,HELVETICA;
    color: #800000;	
    font-variant:small-caps;
    font-size: 1.2em;
    text-decoration: none;
}
.menu:active
{
	font-family:VERDANA,ARIAL,HELVETICA;
    color: #800000;	
    font-variant:small-caps;
    font-size: 1.2em;
    text-decoration: none;
}
.menu:hover
{
	font-family:VERDANA,ARIAL,HELVETICA;
    color: #800000;	
    font-variant:small-caps;
    font-size: 1.2em;
}

.blockdiverror
{
    width : 100%;
    margin : 0 auto;
    padding-top: 6px;
    padding-bottom: 8px;
    border : none;
    text-align : center;
    font-size : 0.9em;
    color : red;
    font-weight : bold;
    clear : left;
}