/* 
 Copyright by www.feuer-ohne-grenzen.de 
*/

body{ 
}

#start {
	position:absolute;
	left:50%;
	top:20px;
	width:800px;
	height:600px;
	z-index:1;
	background-image: url(../pics/start.jpg);
	margin-left: -400px;
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC; /* grau für linien */
}

#page {
	position:absolute;
	left:50%;
	top:20px;
	width:800px;
	height:600px;
	z-index:2;
	background-image: url(../pics/hintergrund.jpg);
	margin-left: -400px;
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC; /* grau für linien */
}

#popup {

	position:absolute;
	left:50%;
	top:20px;
	width:800px;
	height:600px;
	z-index:2;
	background-image: url(../pics/flammenundlogo_popup.jpg);
	margin-left: -400px;
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC; /* grau für linien */
}

#video {
	position:absolute;
	left:50%;
	top:105px;
	width:500px;
	height:405px;
	margin-left: -240px;
	z-index:3;
}



#kontakt {
	position:absolute;
	left:50%;
	top:20px;
	width:800px;
	height:600px;
	z-index:1;
	background-image: url(../pics/kontakt.jpg);
	margin-left: -400px;
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC; /* grau für linien */
}


#impressum {
	position:absolute;
	left:50%;
	top:0px;
	width:800px;
	height:600px;
	z-index:1;
	background-image: url(../pics/impressum.jpg);
	margin-left: -400px;
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC; /* grau für linien */
}

#menu {
	position:absolute;
	left:50%;
	top:630px;
	width:800px;
	z-index:2;
	margin-left: -400px;

}

#content_imp {
	position:absolute;
	left:50%;
	top:410px;
	width:574px;
	z-index:3;
	margin-left: -400px;
	padding-left:228px;
}
#content_produkte {
	position:absolute;
	left:50%;
	top:40px;
	width:495px;
	z-index:3;
	margin-left: -370px;
}

#content_imp_2 {
	position:absolute;
	left:50%;
	top:458px;
	width:227px;
	z-index:3;
	margin-left: 167px;
}

#content_kon {
	position:absolute;
	left:50%;
	top:380px;
	width:574px;
	z-index:3;
	margin-left: -400px;
	padding-left:28px;
}


.fliess {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #383431; /* grau */
}

.fliess_aktiv {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.fliess_klein {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8px;
	color: #C5BBB9; /* hellgrau */
}


#headline {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #383431; /* grau */
}

#normal, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
	line-Height: 16px;
	font-size: 10px;
	color: #383431; /* grau */
}

#mybold {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: justify;
	line-Height: 16px;
	font-weight: bolder;
	font-size: 10px;
	color: #383431; /* grau */
}


a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #383431; /* grau */
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #383431; /* grau */
	
}
a:hover {
	text-decoration: none;
	color: #8B7A69; /* gold */
}
a:active {
	text-decoration: none;
	color: #8B7A69;  /* gold */
}