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

* {
padding:0;
}

img{border:none;}

p{
	clear:both;
	margin:0;
	padding:.5em 0;
}

#screenshot{
	position:absolute;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#galerie {
float:right;
margin:55px 0 0 0;
text-align : center;
width:740px;
}

.kast_gal {
float: left;
margin : 5px;
padding : 1px;
width: 160px;
height:200px
}

.kast_vitr {
float: left;
margin-right: 5px;
width: 120px;
height:120px;
border:none;
}


.kast_gal a, .kast_vitr a{color:#CC9933;
font-size:1.2em;
text-decoration:none;
}

.kast_gal a:hover, .kast_vitr a:hover{color:#fff;
}


#galerie img {
border : none;
margin : 5px;
}
#galerie p {
font-size : 1.1em;
}


/*alte angaben*/

.zagol
{font-size: 15px;
font-weight: normal;
color: #CCCCCC;
font-variant: small-caps;
}

div#zagolowok {
height:20px;
text-align:left;
margin:10px 0 0 0;
}
div#zagolowok a{text-decoration:none; font-size:1.3em; font-weight:bold; color:#FF9900;}
div#zagolowok a:hover{color:#FFffff;}

#left{float:left;
text-align:left;
width:200px;
margin:0;}


#logo {
margin:20px 0 20px 0;
height:49px;
z-index:5;
}

#navi {
height:auto;
}

#alles{width:950px; height:auto;  padding:0; margin : auto;
text-align:center;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 62.5%;
	font-weight: normal;
	color: #cccccc;
background:#000000;
	padding: 2%; 
}
.zagol
{font-size: 15px;
font-weight: normal;
color: #CCCCCC;
font-variant: small-caps;
}

/*navi*/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
	TEXT-DECORATION: none;
	DISPLAY: block;
	WIDTH: 170px;
	PADDING: 2px 0px 0px 20px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	COLOR: #CC9933;
	background:#000000 url(bilder/br_corner_link.gif) no-repeat left center;
	border-right-style: none;
	margin-top: 2px;
	
}


/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #CCCCCC;
background-image:url(bilder/br_corner_hover.gif);
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
	TEXT-DECORATION: none;
	DISPLAY: block;
	WIDTH: 170px;
	PADDING: 2px;
	MARGIN: 2px 0px 0px 20px;
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	COLOR: #CC9900;
	background:#000000 url(bilder/br_corner_link.gif) bottom right no-repeat;
	border-right-style: none;
	cursor: default;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
	TEXT-DECORATION: none;
	DISPLAY: block;
	WIDTH: 170px;
	PADDING: 2px 0px 0px 20px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	COLOR: #CC9900;
	background:#000000 url(bilder/br_corner_link.gif) no-repeat left center;
	border-right-style: none;
	margin-top: 2px;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #CCCCCC;
background-image:url(bilder/br_corner_hover.gif);
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
 TEXT-DECORATION: none;
	DISPLAY: block;
	WIDTH: 170px;
	PADDING: 2px;
	MARGIN: 2px 0px 0px 20px;
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	COLOR: #CC9900;
	background:#000000 url(bilder/br_corner_link.gif) bottom right no-repeat;
	cursor: default;
	
}
h1 {
text-align:left;
margin:0 0 0 50px;
font-size:1.5em;
margin:25px 3px 10px;
}