/* Standard-Style-Definitionen */

/* Allgemeine Tags */
body, p, table, tr, td
{
	font-family: Arial;
	font-size: 12px; 
	line-height:18px; 
}

p
{
	margin:0;
}

ul.nav
{
	margin:0px;
	padding:0px;
	padding-left:15px;
}

ul.content
{
	margin-top:0px;
	padding-top:0px;
}

body
{
	margin:0;
	background-image: url(images/background.jpg);
/*	background-color: #b5cbd6; */
}

/* Ueberschriften */
h1
{
	font-size: 24px;
	line-height:30px; 
	text-decoration:none;
	padding:-5px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
/*	color: #00aba4; türkis */
	color: #c30c29;
}


h2
{
	font-size: 15px;
	text-decoration:none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}



/* Verweise */
a 					{ text-decoration: none; }

a:link				{ color: #e2001a; }
a:visited			{ color: #e2001a; }
a:hover				{ color: #000000; }
a:focus				{ color: #000000; }
	

#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
    width: 180;
	
	font-weight: bold;
}

#menu a.nav
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #000000;
}

#menu a.act
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #c30c29;
}

#menu a:hover
{
	color: #c30c29;
}


#menu a.nav1
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #ffffff;
}

#menu a.act1
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #000000;
}

#menu a.nav1:hover
{
	color: #000000;
}


#menu a.nav2
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #ffffff;
}

#menu a.act2
{
	display: block;
	margin: 0;
	padding: 0px;
	color: #e2001a;
}

#menu a.nav2:hover
{
	color: #e2001a;
}




#menu li 
{
	position: relative;
}

#menu ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
    margin: 0;
	padding: 0;
}

/* Style Klassen */



.div_seitenbereich
{
	height: 600px;
	width: 824px;
	
	position: relative;
	top: 40px;
  	margin-left: auto;
   	margin-right: auto; 	
	
	background-color: #ffffff;
	border: 8px solid #ffffff;   
}	


 
.div_header
{
	width: 576px;
	height: 50px;
	
	position: absolute;
	left: 228px;

	padding-top: 30px;
	padding-left: 20px;

	font-size: 28px;
	
	color: #ffffff;

/*	background-color: #000000; */
/*	background-color: #b31721; */
	background-color: #75c7d3; 
}	


.div_film_home
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 
}

.div_film_bril
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 

	background-image:url('/spas/images/bril.png'); 
	background-repeat:no-repeat;
}



.div_film_a_br
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 

	background-image:url('/spas/images/a_br.png'); 
	background-repeat:no-repeat;
}

.div_film_alle
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 

	background-image:url('/spas/images/alle.png'); 
	background-repeat:no-repeat;
}

.div_film_wogi
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 

	background-image:url('/spas/images/wogi.png'); 
	background-repeat:no-repeat;
}


.div_film_impr
{
	width: 220px;
	height: 240px;
	
	position: absolute;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 

	background-image:url('/spas/images/impr.png'); 
	background-repeat:no-repeat;
}


.div_logo
{
	width: 205px;
	height: 86px;
	
	position: absolute;
	top: 240px;
	
	color: #ffffff;

	padding-top: 5px;
	padding-left: 15px;

/*	background-color: #75c7d3; */
	background-color: #c0c066; 
 }

.div_nav
{
	height: 254px;
	width: 200px;
	
	position:absolute;
	bottom: 0px;
	
	padding-left: 20px;
	padding-top: 20px;
	
/*	background-color: #75c7d3; */
	background-color: #c0c066; 

}	






.div_inhalt
{
	width: 604px;
	height: 520px;
	
	position: absolute;
	top: 80px;
	left: 220px;
	
	overflow:auto; 
	border-left: 8px solid #ffffff;
	
}	


.div_inhalt_home
{
	width: 596px;
	height: 520px;
	
	position: absolute;
	top: 0px;
	left: 220px;
	
	padding-top: 80px;
	
	color: #ffffff;
	font-size: 36px;
	line-height:43px; 
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	
	overflow:hidden; 
	border-left: 8px solid #ffffff;

	background-image:url('/home/images/quadrat.jpg'); 
	background-repeat:no-repeat;
}	


.div_inhalt_1
{
	position: absolute;
	top: 20px;
	left: 20px;
}	

.div_inhalt_2
{
	position: absolute;
	bottom: 0px;
	right: 8px;
}


.div_inhalt_3
{
	position: absolute;
	top: 75px;
	left: 20px;
}	

.div_inhalt_4
{
	width: 604px;
	height: 520px;
	
	position: absolute;
	top: 80px;
	left: 220px;
	 
	border-left: 8px solid #ffffff;
	
}	

.div_inhalt_4_1
{
	width: 574px;
	height: 40px;

	position: absolute;
	top: 20px;
	left: 20px;
}

.div_inhalt_4_2
{
	width: 584px;
	height: 460px;

	position: absolute;
	top: 60px;
	left: 20px;

	overflow:auto; 
	
}	
