@charset "utf-8";
body  {
	margin: 0; 
	padding: 20px 0 0 0;
	color: #000000;
} 
.sgw {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}

.sgw #header { 
	padding: 0 0 10px 0;
} 
.sgw #sidebar1  {
	font-size:11px;
	color:#FFF;
	font-weight: bold;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.sgw #sidebar1 .oben  {
	background-image: url(../images/sidebar1o.gif);
	padding-left:25px;
	border-bottom: 3px solid #FFF;
	vertical-align: middle;
  	line-height: 30px;
}
.sgw #sidebar1 .main  {
	background-image: url(../images/sidebar1m.gif);
}
.sgw #sidebar1 .main td td{
	vertical-align: middle;
  	line-height: 30px;
}
.sgw #sidebar1 .unten  {
	background-image: url(../images/sidebar1u.gif);
	background-position:bottom left;
	vertical-align: middle;
  	line-height: 30px;
}
.sgw #sidebar2 {

}
.sgw #sidebar2 .oben  {
	background-image: url(../images/sidebar2o.jpg);
	background-position: top right;
	
}
.sgw #sidebar2 .main  {
	background-image: url(../images/sidebar2m.jpg);
	background-position: top right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.sgw #sidebar2 .unten  {
	background-image: url(../images/sidebar2u.jpg);
	background-position:bottom right;
}
/* Inhalte*/
.sgw #mainContent { 
	margin: 0 10px; 
	padding: 0 10px; 
	border-width: 4px;
	border-style : solid;
	border-color : #BBD9FB;
	width: 475px;
	height:382px;
	overflow:auto;
} 
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px;
	margin-top: 10px;
	color:#333;
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ###################################################### */
/* #######################  Menü  ####################### */
/* ###################################################### */
.Navoff1, .Navon1 {
	width: 220px;
	height: 32px;
	text-align: center;
	border-bottom: 3px solid #FFF;
}
.Navoff1 a, .Navon1 a {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	display: block;
	font-weight: normal;
	height: 30px;
	vertical-align: middle;
  	line-height: 30px;
}
.Navoff1 a:hover, .Navon1 a{
	background-image: url(../images/nav_on.gif);
}
.Navon1 a{
	font-weight: bold;
}
/* ###################################################### */
/* #################    Bildergalerie    ################ */
/* ###################################################### */
table.gallery {
	text-align: center;
	width: 470px;
}

table.gallery tr.thumbnails td {
	padding-bottom: 30px;
}


div.download {
	padding: 3px 0 3px 10px;
	background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;
}

div.downloadImg {
	padding: 0;
	margin-top:10px;
	background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

.gallery-detail {
	text-align:center;
}

.gallery-navigation a, .gallery-detail a{
	color: #C00;
	text-decoration:none;
}
.gallery-navigation a:hover. .gallery-detail a:hover{
	color: #900;
}