/*body und table*/
/*--------------------------------------------------*/
body 
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

table 
{
	font:11px/15px Arial, sans-serif;
	line-height:1.4em;
	color: #5F5F5F;
}

.rand
{
	height: 20px;
	background-color: #FFFFFF;
}

.weiss
{
	background-color: #FFFFFF;
}

.grau
{
	background-color: #969696;
}

.rot
{
	background-color: #EA4C23;
}
/*--------------------------------------------------*/



/*Kopf incl. Logo*/
/*--------------------------------------------------*/
#header
{
	position: absolute;
	top: 5px;
	height: 50px;
}

#header_pos
{
	margin: 0px auto;
	padding: 0px;
	width: 650px;
}

#logo
{
	margin-right: 20px;
	float: left;
	width: 450px;
}



/*Englisch, Kontakt, Sitemap*/
/*--------------------------------------------------*/
#menu
{
	text-align: left;
}


#menu a
{
	color: #5F5F5F;
	text-decoration: none;
}

#menu a:hover
{
	text-decoration: underline;
}
/*--------------------------------------------------*/



/*Inhalt*/
/*--------------------------------------------------*/
.content
{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	width: 650px;
}

#schatten_bild
{
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	width: 646px;
	background-image: url(images/schatten.jpg);
	background-repeat: repeat-x;
}

.schatten
{
	margin: 0px auto;
	padding: 0px;
	width: 650px;
}

#schatten_li
{
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	width: 416px;
	background-image: url(images/schatten.jpg);
	background-repeat: repeat-x;
}

#schatten_re
{
	float:right;
	margin-left: 12px;
	margin-right: 1px;
	padding: 0px;
	width: 198px;
	background-image: url(images/schatten.jpg);
	background-repeat: repeat-x;
}

#text
{
	margin: 0px;
	padding: 8px 10px;
	width: 400px;
	height: 265px;
	border: 1px solid;
	border-color: #969696;
}

#text h1
{
	font:13px/15px Verdana,Arial, sans-serif;
	color: #EA4C23;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 2px solid;
	border-color: #EA4C23;
}

#text p
{
	margin-top: 6px;
	padding: 0px;
}

#text p a
{
	margin-top: 0px;
	float: right;
}

#news
{
	float:right;
	margin-left: 10px;
	padding: 8px 10px;
	width: 180px;
	height: 265px;
	border: 1px solid;
	border-color: #969696;
}

#news h1
{
	font:13px/15px Verdana,Arial, sans-serif;
	color: #EA4C23;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 2px solid;
	border-color: #EA4C23;
}

#news p
{
	margin-top: 6px;
	padding: 0px;
}

#news a
{
	color: #EA4C23;
	text-decoration: underline;
}

#news a:hover
{
	color: #FFFFFF;
	background-color: #EA4C23;
	text-decoration: none;
}


/*Pop up für Impressum, Datenschutz, Rechtlicher Hinweis, Sitemap*/
#pop_up
{
	margin: 5px;
	padding: 8px 10px;
	width:250px;
	border: 1px solid;
	border-color: #969696;
}

#pop_up h1
{
	font:13px/15px Verdana,Arial, sans-serif;
	color: #EA4C23;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 2px solid;
	border-color: #EA4C23;
}

#pop_up p
{
	margin-top: 6px;
	padding: 0px;
}

#pop_up a
{
	color: #EA4C23;
	text-decoration: underline;
}

#pop_up a:hover
{
	color: #FFFFFF;
	background-color: #EA4C23;
	text-decoration: none;
}
/*--------------------------------------------------*/



/*Navigation mit Hintergrundbild*/
/*--------------------------------------------------*/
#bild_01
{
	background-image: url(images/blume_links.jpg);
	float: left;
	width: 260px;
	height: 230px;
}

#bild_02
{
	background-image: url(images/blume2_links.jpg);
	float: left;
	width: 260px;
	height: 230px;
}

#bild_03
{
	
	background-image: url(images/wolken_links.jpg);
	float: left;
	width: 260px;
	height: 230px;
}

#bild_04
{
	
	background-image: url(images/wasser_links.jpg);
	float: left;
	width: 260px;
	height: 230px;
}

#bild_05
{
	
	background-image: url(images/liege.jpg);
	float: left;
	width: 402px;
	height: 230px;
}

#bild_sitemap
{
	
	background-image: url(images/gras_links.jpg);
	float: left;
	width: 260px;
	height: 230px;
}

#nav
{
	padding-top: 20px;
	
}

#nav ul
{
	margin-left: 20px;
	padding: 10px;
	width: 150px;
	list-style-type: none;
}

#nav ul li
{
	height: 15px;
	position: relative;
	margin: 5px;
	padding: 5px;
}

#nav ul li a
{
	font:95% Verdana, Arial, sans-serif;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li a:hover
{
	text-decoration: none;
	font: 105% Verdana, Arial, sans-serif;
}

/*Bild Home: mitte + rechts */
#an_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/ani_mitte.gif);
}

#an_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(animation/ani_rechts.gif);
	
}

/*Bild Home englisch: rechts */
#e_an_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(animation/e_ani_rechts.gif);
	
}

/*Bild Sonnenschutz englisch: mitte */
#e_wo_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/bild_wolken.gif);
}

/*Bild Sonnenschutz: mitte + rechts */
#wo_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/wo_mitte.gif);
}

#wo_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(images/wolken_rechts.jpg);
}

/*Bild Marine englisch: mitte  */
#e_wa_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/bild_wasser.gif);
}

/*Bild Marine: mitte + rechts */
#wa_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/wa_mitte.gif);
}

#wa_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(images/wasser_rechts.jpg);
}

/*Bild Möbelstoffe: mitte */
#e_bl_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/bild_blume.gif);
}

/*Bild Möbelstoffe: mitte + rechts */
#bl_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(animation/bl_mitte.gif);
}

#bl_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(images/blume2_rechts.jpg);
}

/*Bild News & Service: mitte + rechts */
#li_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(images/liege_mitte.gif);
}


/*Bild Sitemap: mitte + rechts */
#gr_mi
{
	float: left;
	width: 142px;
	height: 230px;
	background-image: url(images/gras_mitte.jpg);
}

#gr_re
{
	float: left;
	width: 248px;
	height: 230px;
	background-image: url(images/gras_rechts.jpg);
}

#nav ul li a.aktiv
{
	font: 105% Verdana, Arial, sans-serif;
	border-bottom: 1px solid;
	border-color: #FFFFFF;
}
/*--------------------------------------------------*/




/*Impressum, Datenschutz, Rechtliche Hinweise*/
/*--------------------------------------------------*/
#footer, #footer a, #footer a:hover
{
	margin: 8px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}