/* CSS Document */


html, body
{
font-size: 95%;
}

img, a
{
outline: none;
border: none;
}


b
{
color: #4b4b4b;
}

h1
{
font-family: Georgia;
font-size: 18px;
color: #9D161A;
}

span
{
font-family: Georgia;
font-size: 11px;
color: #1B1B1B;
}

#center
{
width: 800px;
margin: 0 auto;
}

#aussen
{
width: 782px;
height: 540px;
border: 1px solid black;
float: left;
/*hier muss noch das box-model eingefügt werden, damit die ebenen auch im IE5 richtig dargestellt werden*/
}

#kopf
{
position: static;
width: 100%;
height: 65px;
background-color: #EEEEEE;
background-image: url(../bilder/logo.gif);
background-repeat: no-repeat;
background-position: center right;
}

#grbalken
{
position: static;
width: 100%;
height: 15px;
background-color: #CCCCCC;
}

#bild
{
position: static;
width: 260px;
height: 460px;
float: left;
background-repeat: no-repeat;
background-position: left;
}

#navigation
{
position: static;
width: 125px;
height: 460px;
float: left;
background-color: #C97678;
}

#inhalt
{
position: static;
width: 395px;
height: 460px;
float: left;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: top left;
}

#impressum
{
width: 14px;
height: 510px;
float: left;
border-top: 2px solid #FFFFFF;
background-image: url(../bilder/impressum.gif);
background-repeat: no-repeat;
background-position: left bottom;

}



/**********************************************************
			EINGEBETTETE EBENEN.
*********************************************************/
#hauptnavigation
{
position: relative;
margin: 290px 10px 30px 10px;
}

.navibutton
{
margin: 16px 0 0 0;
/* mozilla auf 6px und IE auf 16px auf opera auch 16px*/
}
/* \*/
.navibutton
{margin: 6px 0 0 0;}
/* */


/**********************************************************
			CSS-ANWEISUNGEN FÜR DAS SCROLLSCRIPT
**********************************************************/

#divScrollTextCont {
	position: relative;
	left: 65px;
	top: 135px;
	overflow: hidden;
	width: 300px;
	height: 260px;
	visbility:hidden;
/*
	background-color: red;
*/
				}
#divText {
	position: absolute;
	visibility:visible;
	top: 0px;
	left: 0px;
	width: 300px;
	font-family: Georgia;
	font-size: 1em;
	line-height: 1.6em;
/*
	background-color: green;
*/
			}
#arrowboth
			{
			position: relative;
			left: 65px;
			padding: 0;
			width: 300px;
			height: 15px;
			top: 5px; /*wird im IE5 MAC 135px zu weit nach unten versetzt, wenn position: relative. kein problem bei position: static. dafür stellen moz/fire und safari falsch dar.*/
/* \*/
			top: 140px;
/* */
			}

#divUp {
	position: static;
	margin: 0 5px 0 0;
	width: 10px;
	height: 10px;
	float: right;
}
#divDown {
    padding: 0 0 0 250px;
	width: 10px;
	height: 10px;
}