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

/*

Helle Farbe: #ffffff
Dunkle Farbe: #000000

*/

			html {
				overflow-y: scroll;					
				scrollbar-arrow-color:#333;
				scrollbar-3dlight-color:#333;
				scrollbar-darkshadow-color:#333;
			
				scrollbar-track-color:#ffffff;
				scrollbar-highlight-color:#ffffff;
				scrollbar-shadow-color:#ffffff;
				scrollbar-face-color:#ffffff;
				
			}
			
			body {
				margin: 10px;
				color:#333;
				font-family:Verdana, Geneva, sans-serif;
				font-size: 12px;
				
				background-color: #dfdfdf;
				
				scrollbar-arrow-color:#333;
				scrollbar-3dlight-color:#333;
				scrollbar-darkshadow-color:#333;
			
				scrollbar-track-color:#ffffff;
				scrollbar-highlight-color:#ffffff;
				scrollbar-shadow-color:#ffffff;
				scrollbar-face-color:#ffffff;
				
			}
			
			a:link {
				color:#333;
				text-decoration: none;
			}
			
			a:visited {
				color:#333;
				text-decoration: none;
			}
			
			a:hover {
				color:#333333;
				text-decoration: none;
				background: none transparent scroll repeat 0% 0%;
				cursor: hand;
			}
			
			a:active {
				color:#333;
				text-decoration: none;
			}
			
			
			h1 {
				font-size: 14px;
				font-family: Verdana, Geneva, sans-serif;
				color:#333;
				font-weight:bold;
				text-decoration: none;
				font-style: normal;
				text-align:center;
				letter-spacing: 0.5px;
			
			}
			
			img {
				border: 1px #333 solid;
			}
			
			div#container {
				width: 100%;
				margin: 0 auto;
				text-align: center;
			}		
			
			div#head_div {
				border: 1px solid #333;
				background-color: #f9f9f9;
			}
			
			div#navi {
				margin: 0 auto;
				width: 455px;

			}
			
			div#navi_zurueck {
				width: 160px;
				float: left;
				text-align: left;

			}

			div#navi_weiter {
				width: 160px;
				float: right;
				text-align: right;

			}
			
			div#navi_anzbilder {
				float: left;
				width: 130px;
				text-align: center;
				padding: 5px 0 0 0;
			}

			div#textausgabe {
				width: 400px;
				text-align: center;
				margin: 0 auto;
			}

/*						
			div#footer_div {
				border-bottom: 1px solid #333;
				border-left: 1px solid #333;
				border-right: 1px solid #333;				

				background-color: #f9f9f9;
				margin: 0 auto;
				font-size: 11px;
				padding: 3px 0 3px 0;
			}
*/			
			div#footer_div {
				margin: 0 auto;
				font-size: 11px;
				padding: 3px 0 3px 0;
				text-align: right;
			}

			div#footer_div a:link {
				color:#333;
				text-decoration: underline;
			}
			
			div#footer_div a:visited {
				color:#333;
				text-decoration: underline;
			}
			
			div#footer_div a:hover {
				color:#333333;
				text-decoration: underline;
			}
			
			div#footer_div a:active {
				color:#333;
				text-decoration: underline;
			}
			

/* Buttons ----------------------------*/

.button 
{
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
	background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ccc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #d6d6d6 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ededed');
	background-color:#d6d6d6;
}
.button:active 
{
	position:relative;
	top:1px;
}


.button2 
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdbdb), color-stop(1, #bdbdbd) );
	background:-moz-linear-gradient( center top, #dbdbdb 5%, #bdbdbd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#bdbdbd');
	background-color:#dbdbdb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #bbb;
	display:inline-block;
	color:#5c5c5c;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button2:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #dbdbdb) );
	background:-moz-linear-gradient( center top, #bdbdbd 5%, #dbdbdb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#dbdbdb');
	background-color:#bdbdbd;
}
.button2:active 
{
	position:relative;
	top:1px;
}
