@charset "utf-8";
/* CSS Document */

/* =========================================================
CSS Document für fmlog

Kunde: Stefan Rafael Langer
Datum: Februar 2014
Datei: rafael.css
Autor: pd prangedesign, D. Prange
===========================================================*/
@import url(navigation.css);
@import url(nivo-slider.css);
@import url(kontakt.css);
/* =========================================================
1. body 
===========================================================*/


body {font-family: 'Open Sans',sans-serif;
      font-size: 0.875rem;
	  color: #000;
	  min-width: 960px;
	  background-color:;}
	  
*{padding: 0; margin: 0;}

html { height: 101%; /* erzwingt immer Scrollbar rechts */
       font-size: 100%;}

html {
height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;}


/* =========================================================
Überschriften und sonstige styles 
===========================================================*/

h1 {font-size: medium;
    font-weight: 300;
	color: #333;
	}				
h5 {font-size:10px;
    color: #333;
	line-height: 0.9em;}

				 
				 
h2 {font-size: 22px;
    font-weight: 400;
	font-style: italic;
	letter-spacing: 1.5px;}	

h3 {font-size: 16px;
    font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	color: #666;}

h4 {font-size: 17px;
    font-weight:700;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 1.2;
	color: #333;
	text-align: center;
	padding-top: 0px;}

h6 {text-transform: uppercase;
    font-size: 17px;
	color: #330;}
/*
h6 {font-size: 27px;
    font-weight: 400;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: center;
	color: #666;}*/


a:link {
	text-decoration: none;}
a:visited {
	text-decoration: none;}
a:hover {
	text-decoration: none;}
a:active {
	text-decoration: none;}
	

#contentright a, a:link, a:active, a:visited {color: #F90;}
#contentright a:hover {color: #000;}


.aktiv {color: #F90; font-weight: bold;}

/* =========================================================
Head
===========================================================*/	
	
	
#head {position: fixed;
       top: 0;
	   margin-top: 30px;
       width: 100%;
	   z-index: 2;}	
#head img {border: none; outline: none;}

#headpicture {background-image: url(head/red2.jpg);
              background-position: center top;
			  background-repeat: no-repeat;
			  background-attachment:scroll;
			  height: 100%;
			  width: 100%;
			  top: 0;
			  position: fixed;
			  z-index: -2;
			  margin-top: 0px;}


#navigationhead {width: 1050px;
                 margin-left: auto;
				 margin-right: auto;
				 height: auto;
				 z-index: 3;}
				 

		  
/* =========================================================
Content
===========================================================*/		  
		  
		  
#content {position: relative;
          width: 960px;
          background-image: url(sonstiges/pixel_90.png);
		  background-repeat:repeat;
		  /*opacity: 0.9;
		  filter: Alpha(opacity=90);*/
		  margin: 500px auto 0px auto;
		  padding-bottom: 40px;
		  position: relative;
		  height: 380px;
		  z-index: 2;
		  border-bottom: 1px dotted #999;}

#contentinside {width: 960px;
                 margin-left: auto; margin-right: auto;
				 padding-top: 0px;}
				 
				 
#contentleft {position: relative;
              width: 160px;
			  float: left;
			  padding-top: 20px;
			  padding-left: 10px;}

#contentright {position: relative;
               padding-top: 20px;
               width: 760px;
               float: right;}		  
			  

#boxleft {width: 550px;
          float: left;
		  height: auto;}

#boxright {width: 150px;
           float: right;}
		   
		   
		   
#boxumschlag {width: 700px;
              font-size: 12px;}		   
		   
#boxumschlag2 {width: 700px;
               clear: both;}		   
		   
.box3spalten {width: 220px;
			  float: left;
background: none repeat scroll 0 0 rgb(255, 255, 255);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
margin: 20px 10px 20px 0;
padding: 0 0 20px 0;
cursor: ;
position: relative;
text-align: center;
height: auto;}		   

.box4spalten {width: 160px;
			  float: left;
background: none repeat scroll 0 0 rgb(255, 255, 255);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
margin: 20px 10px 20px 0;
padding: 0 0 20px 0;
cursor: ;
position: relative;
text-align: center;
height: auto;}





.textbildrahmen {width: 750px;
height: 290px;
                 position: relative;
				 margin-bottom: 20px;}

.text {width: 260px;
       height: 290px;
	   float: left;}

.bild {width: 470px;
       height: 290px;
       float: right;}

/* =========================================================
food liste
===========================================================*/

.foodliste {text-decoration: none;
            list-style-type: none;
			text-align: left;
			}

.foodliste li {padding: 5px 0px 10px 10px;
               border-bottom: 1px dotted #333;}

/* =========================================================
footer
===========================================================*/	
	

#footer {width: 960px;
         margin: auto;
		 margin-bottom: 50px;
         font-size: 12px;
		 background-color: #fff;
		 height: 105px;
		 clear: both;}
		 
.footerboxen {width: auto;
              float: left;
              border-left: 1px dotted #999;
			  padding: 25px 25px 0px 55px;
			  margin-left: 25px;}		 
			  
.footerbox {width: 160px;
           height: 80px;
		   border-left: 1px dotted #999;
		   padding: 12px;
		   float: left;
		   text-align: center;}