body {
background-color: #C0C0B2;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #666666;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
text-align:left;
margin:0 
}

h2 {
font-size:17px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3 {
font-size: 11px;
text-transform:uppercase;
background-color: #666666;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
text-align:right;
margin:0 
}

h4 {
font-size: 11px;
background-color: #666666;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:3px 15px;
text-align:left;
margin:0 
}

form {
padding:4px 4px;
}


div.menu {
  font-size: 1.2em;
  margin-left: 10px;
}
 
div.submenu
{
  font-size: 0.9em;
  margin-left: 15px;
}
 
div.indent1 {
  margin-left: 15px;
}
 
div.indent2 {
  margin-left: 20px;
}

/*img.download {vertical-align:middle;}*/


/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
border:1px solid #000000;
margin-bottom: 20px;
margin:0 auto;
/*background-color: #ffffff;*/
background-image: url(/pics/menu/menufinalMO_99.gif);
background-repeat:repeat-y;
height:100%;
}

/* ----------banner for logo-------------- */
#banner {
/* e1ddd9 */
background-image: url(/pics/header.jpg);
height:150px;

text-align: center;
padding: 0px;
margin: 0px;
}
/* #banner img {padding:10px 0px;} */

/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
height:100%;
padding: 0;
margin: 0px 186px 0 186px;
}


/* ----------container f�r die Bilder + Slideshow e1ddd9-------------- */
#container_bild {
width: 410px;
background-color: #e1ddd9;
padding: 1px;
border:1px solid #564b47;
margin: auto;
text-align: center;
}

#container_gb{
width: 410px;
background-color: #e1ddd9;
padding: 1px;
border:1px solid #564b47;
margin: auto;
text-align: center;
}

#container_user{
width: 410px;
background-color: #e1ddd9;
padding: 1px;
border:1px solid #564b47;
margin: auto;
text-align: center;
}

#container_user p{
margin: 2px;	
}

#container_download{
width: 470px;
background-color: #e1ddd9;
padding: 1px;
border:1px solid #564b47;
margin: auto;
text-align: center;
}

.gb_post {
width: 370px;
border:1px solid #000000;
margin: auto;
background-color: #ffffff;
}

.gb_header{
float: left;
width: 370px;
height: 20px;
background-image: url(/pics/menu/pinwand_header_01.jpg);
color: #ffffff;
}
.gb_infohead{
margin: auto;
width: 370px;
height: 20px;
}

.gb_infohead img{
padding:0px;
}

.gb_infohead a{
padding:0px;
}

.gb_mail{
padding:3px;
float: left;
margin-left: 15px; 
}
.gb_name{
padding:3px;
float: left;
margin-left: 100px; 
}
.gb_text{
float: left;
margin: 10px;
width: 350px;
}


/* ----------hier muss ein container f�r thubnails her, in dem eigenschaften f�r .img festgelegt werden.-------------- */
#img_slideshow{
margin: auto;
width: 320px;
height: 93px;
background-color: #FFFFFF;
padding: 1px;
border:1px solid #564b47; 
text-align: center;
}

#img_slideshow img{
	margin: 5px;
	width: 80px;
	height: 80px;
	padding: 1px;
	border:1px solid #564b47;
}
#nav_slideshow_left{
	float:left; 
	/* margin-left:10px; */
	border:1px solid #564b47; 
	width:40px; 
	height:50px;
}

#nav_slideshow_right{
	float:right; 
	/* margin-right:10px; */ 
	border:1px solid #564b47; 
	width:40px; 
	height:50px;
}

/* ----------vollbild-------------- */
#img_full{
background-color: #ffffff;
background-color: #e1ddd9;
padding: 0px;
margin: auto;
border:0px solid #564b47;
}

#img_full  img {
width: 80%;
height: 80%;
background-color: #ffffff;
background-color: #e1ddd9;
padding: 1px;
margin: auto;
border:1px solid #564b47;
}

#gb_fields{
background-color: #ffffff;
background-color: #e1ddd9;
padding: 0px;
margin: auto;
border:0px solid #564b47;
}

#form{
width: 400px;
margin: auto;
}


#pinwand{
width: 400px;
margin: auto;
background-image: url(/pics/menu/menufinalMO_52.gif);
background-repeat:repeat-y;
}

#pinwand_beitrag{
width: 370px;
border:1px solid #000000;
margin: auto;
background-color: #ffffff;
}

#pinwand_head{
/*border-bottom:1px solid #000000;*/
float: left;
width: 370px;
height: 20px;
background-image: url(/pics/menu/pinwand_header_01.jpg);
}
#pinwand_text{
margin: 10px;
width: 350px;
}
#pinwand_name{
padding:3px;
color: #ffffff;
float: left;
margin-left: 25px; 
}
#pinwand_date{
padding:3px;
color: #ffffff;
float: right;
margin-right: 15px; 
}


p, pre{
padding: 5px 10px;
margin:0;
}

table{
padding:3px;
padding: 5px 10px;
margin:0;
}


/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 186px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(/pics/menu/menufinalMO_50.gif); 
	background-repeat:repeat-y;
	min-height:600px;
	height:expression(this.scrollHeight > 600? "auto":"600px")
}
#menu_item_home{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_03.jpg);
}
#menu_item_home a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_home a:hover{
	background-image: url(/pics/menu/menufinalMO_03.jpg);
}

#menu_item_members{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_07.gif);
}
#menu_item_members a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_members a:hover{
	background-image: url(/pics/menu/menufinalMO_07.gif);
}

#menu_item_pinwand{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_11.gif);
}
#menu_item_pinwand a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_pinwand a:hover{
	background-image: url(/pics/menu/menufinalMO_11.gif);
}

#menu_item_download{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_15.gif);
}
#menu_item_download a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_download a:hover{
	background-image: url(/pics/menu/menufinalMO_15.gif);
}

#menu_item_upload{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_19.gif);
}
#menu_item_upload a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_upload a:hover{
	background-image: url(/pics/menu/menufinalMO_19.gif);
}

#menu_item_messages{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_1001.gif);
}
#menu_item_messages a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_messages a:hover{
	background-image: url(/pics/menu/menufinalMO_1000.gif);
}

#menu_item_userdaten{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_23.gif);
}
#menu_item_userdaten a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_userdaten a:hover{
	background-image: url(/pics/menu/menufinalMO_23.gif);
}

#menu_item_bilder{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_27.gif);
}
#menu_item_bilder a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_bilder a:hover{
	background-image: url(/pics/menu/menufinalMO_27.gif);
}

#menu_item_user{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_31.gif);
}
#menu_item_user a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_user a:hover{
	background-image: url(/pics/menu/menufinalMO_31.gif);
}

#menu_item_nextparty{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_35.gif);
}
#menu_item_nextparty a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_nextparty a:hover{
	background-image: url(/pics/menu/menufinalMO_35.gif);
}

#menu_item_gb{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_39.gif);
}
#menu_item_gb a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_gb a:hover{
	background-image: url(/pics/menu/menufinalMO_39.gif);
}

#menu_item_links{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_43.gif);
}
#menu_item_links a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_links a:hover{
	background-image: url(/pics/menu/menufinalMO_43.gif);
}

#menu_item_kontakt{
	float: left;
	height: 20px;
	width: 160px;
	background-image: url(/pics/menu/menufinal_47.gif);
}
#menu_item_kontakt a{
	float: left;
	height: 20px;
	width: 160px;
}
#menu_item_kontakt a:hover{
	background-image: url(/pics/menu/menufinalMO_47.gif);
}



#left_spacer_head{
	float: left;
	height: 20px;
	width: 13px;
	background-image: url(/pics/menu/menufinal_06.gif);
}

#right_spacer_head{
	float: right;
	height: 20px;
	width: 13px;
	background-image: url(/pics/menu/menufinal_04.gif);
}

#center_spacer_foot{
	float: left;
	height: 10px;
	width: 176px;
	background-image: url(/pics/menu/menufinalMO_49.gif);
}

#center_spacer{
	float: left;
	width: 176px;
	background-image: url(/pics/menu/menufinalMO_50.gif);
	background-repeat:repeat-y;
}

.left_spacer{
	float: left;
	height: 20px;
	width: 13px;
	background-image: url(/pics/menu/menufinal_06.gif);

}

.right_spacer{
	float: right;
	height: 20px;
	width: 13px;
	background-image: url(/pics/menu/menufinal_04.gif);
}

.underline{
	float: left;
	font-size: 0px;
	height: 1px;
	width: 186px;
	background-image: url(/pics/menu/menufinalMO_05.gif);
}



#right {
	float: right;
	width: 186px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/pics/menu/menufinalMO_51.gif);
	background-repeat:repeat-y; 
	min-height:600px;
	height:expression(this.scrollHeight > 600? "auto":"600px")

}

/* -----------footer--------------------------- */
#footer {
background-image: url(/pics/footer.jpg);
height:20px;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }


/* SLIDESHOW */
#slideshow {
 height:100px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
 margin: 20px;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:20;
 border:1px solid #564b47;
}
#slideshow img.start {
 display:block;
}