/* CSS Document */
html{	height: 100%}
body {	background-color: #E7E7E7;			
			MARGIN-TOP: 0px;
			MARGIN-LEFT: 0px;
			margin-bottom: 0px;
			text-align: center;
			height:100%;
		}
*{FONT-FAMILY: "Arial","Helvetica","Sans Serif"; COLOR: black; }
li{ font-size: 11pt; }
.rosieTitle { FONT-SIZE: 14pt; FONT-WEIGHT: bold; margin-left: 10;	}
H1{    FONT-SIZE: 14pt;    FONT-WEIGHT: bold; margin-top: 32;}
.linkhome{ FONT-SIZE: 14pt; vertical-align: bottom;    FONT-WEIGHT: bold; margin-top: 32px ;}
H2{ FONT-SIZE: 12pt; FONT-WEIGHT: bolder; }
H4{ FONT-SIZE: 12pt; FONT-WEIGHT: bolder; margin: 0px;}
p { FONT-SIZE: 11pt; line-height: 15pt; }
.p1 { FONT-SIZE: 11pt;  }
.p2 { FONT-SIZE: 12px;}
.pb { FONT-SIZE: 11pt; font-weight: bold; line-height: 15pt; }

.text {    font-family: "Arial","Helvetica","Sans Serif";    FONT-SIZE: 12px;   	line-height: 15px;}
td { color: black; font-size: 9pt;	}
img{border:0px;}
.rahmen {border: black solid 1px;		background-color: white; }

.field{FONT-SIZE: 12px; height:25px;}

#container{ position: relative; min-height: 100%; width:1024px; margin: 0px auto; text-align: left;}
#left	{ 		background-color:rgb(205,12,12);
				left:0px;
           	width:160px;
		   	margin:0px;
           	min-height: 100%;
           	float:left;		
			position: absolute;
		}	
		
#inhalt{	padding-top:80px;
			padding-bottom: 20px;
			margin-left:200px;
			position: relative;
		 }	 

#kopf	{ 	background-color:rgb(231,231,231);
		   margin-top: 10px;
			left:0px;
			padding:10px;
			position:absolute;
			z-index:5;
			width:1000px;
			border-bottom:1px solid #999999;
		}
		
#navigation	{	width:140px;
					padding-left:8px;
					padding-right:8px;
					position:absolute;
					top:100px;	   
	  			}		
#bildflash{   padding-left:5px;					
					position:absolute;
					top:350px;	
	
}
				
#adresse	{	position:absolute;
				left:800px;
				top:20px;
				z-index:6;
				width:140px;
				font-size: 12px;
			} 
#zucker	{	position:absolute;
				left:400px;
				top:20px;
				z-index:6;
				width:200px;
				font-size: 12px;
			} 
#rameno,#ramenu{position:absolute;width:1050px;height:10px;z-index:10; left:-10px; font-size: 8px;}
#rameno{	background-image: url(pics/rameno.jpg);}
#ramenu{ bottom:0px; background-image: url(pics/ramenu.jpg);}
#ramenl,#ramenr,#ramenr1{position:absolute; width:10px; z-index:9; }
#ramenl{ background-image: url(pics/ramenl.jpg); ; left:-10px; min-height:100%;}
#ramenr{ background-image: url(pics/ramenr.jpg); left:1030px; min-height:100%;}
#ramenr1{ height: 20px; background-image: url(pics/ramenr1.jpg); z-index:10; left:1030px; top: 10px;}

			
#info{	   padding-top:20px;	   }
.nav ,.nav2,.nav3,.nav4
		{
			font-weight:bold;
			border-bottom:1px solid #FF8E8E;
			padding:3px;
		}
.nav2	{	margin-left:15px;}	   
.nav3 {	font-weight: normal; font-size: 12px;}
.nav4 {  font-weight: bold; font-size: 12px; vertical-align:bottom;}
.nav5 {	padding:3px; font-size: 12px;}
a.nav	{	text-decoration:none;
			color:black;
			font-size:12px;
		}
a.nav:hover{ color:#666666;}

#fuss	{	position:absolute;
			z-index:5;
			left:30px;
			bottom:15px;
		}
a.fuss {	text-decoration:underline;
			color:black;
			font-size:12px;
			top: 50%;
		}
a {	text-decoration: none;	color:rgb(32%,32%,32%);	}
a:hover { color:rgb(80%,80%,80%); }
a.agenda{background-color: red;}
a.agenda:hover{ background-color: black;}
table{ background-color: transparent;}
.form{font-size:10px; color:#FF0000;}

/* ----- fuer Login ----- */

#set2{	margin-top:20px; width:400px;}
.table2{ padding: 10px; }
.line{border-bottom: 1px solid #494949; border-top: 1px solid #494949;}
.text2{ padding: 10px; font-size: 12px;}
.u2{ padding: 10px; font-size: 12px; border-bottom: 1px solid #494949;}
.bgColor {	background-color:rgb(244,176,172); padding:10px; margin:3px; }
.bgcolor2{background-color: #FFEF93;height:22px;}
.titel2{ font-size: 12px; width:380px; font-weight: bold;  border-bottom: 1px solid #494949;}
#login{ background-color:rgb(244,176,172); position: relative; padding: 10px; border: groove Maroon;}

/* ------ gallerie -------- */
#box{ position: relative; margin-left: 50px; text-align:center; padding:8px; width:600px; height: 680px;}
#links{margin-left:auto; margin-right:auto; width:660px; position: relative; border: 1px dotted Gray; padding:3px; text-align: center; }
a.gal{ font-weight: bold; font-size: 16px; color: black;}
a.gal2{ font-weight: normal; font-size: 16px; color: black;}
a.gal3, span.zusatztext{ font-weight: normal; font-size: 12px; color: black;}
a.gal3:hover{ color: #5B5B5B;}
span.zusatztext{ line-height: 19px; }

.vorstand1{background-image:url(../pics/ramen_m.gif);  width:480px; padding: 10px 30px 10px 30px; position:relative;}
.vorstand2{background-image:url(../pics/ramen_o.gif); width:540px; height:25px; left:0px; top: 0px; position:absolute;}
.vorstand3{background-image:url(../pics/ramen_u.gif); width:540px; height:25px; left:0px; bottom:0px; position:absolute;}	
.red {color: #FF0000}