/* baloo-2-regular - latin */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/baloo-2-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.fewo-roemisch.de/fonts/baloo-2-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.fewo-roemisch.de/fonts/baloo-2-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.fewo-roemisch.de/fonts/baloo-2-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.fewo-roemisch.de/fonts/baloo-2-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.fewo-roemisch.de/fonts/baloo-2-v14-latin-regular.svg#Baloo2') format('svg'); /* Legacy iOS */
}


a:link { color:#000000; TEXT-DECORATION: underline } 
a:visited { color:#000000; TEXT-DECORATION: underline } 
a:active { color:#81953b; TEXT-DECORATION: none }
a:hover {  color:#81953b; text-decoration: none} 

a.grau:link { color:#808080; TEXT-DECORATION: none } 
a.grau:visited { color:#808080; TEXT-DECORATION: none } 
a.grau:active { color:#ff0000; TEXT-DECORATION: none }
a.grau:hover {  color:#ff0000; text-decoration: none} 

a.rot:link { color:#dd7058; TEXT-DECORATION: none } 
a.rot:visited { color:#dd7058; TEXT-DECORATION: none } 
a.rot:active { color:#dd7058; TEXT-DECORATION: underline }
a.rot:hover {  color:#dd7058; text-decoration: underline} 

a.schwarz:link { color:#000000; TEXT-DECORATION: none } 
a.schwarz:visited { color:#000000; TEXT-DECORATION: none } 
a.schwarz:active { color:#ff0000; TEXT-DECORATION: underline }
a.schwarz:hover {  color:#ff0000; text-decoration: underline} 


.text { FONT-SIZE: 11pt; COLOR:#000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text2 { FONT-SIZE: 10pt; COLOR:#808080; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text3 { FONT-SIZE: 11pt; COLOR:#808080; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text4 { FONT-SIZE: 9pt; COLOR:#808080; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text5 { FONT-SIZE: 13pt; COLOR:#000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text6 { FONT-SIZE: 9pt; COLOR:#5FCB78; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.text7 { FONT-SIZE: 25pt; COLOR:#81953b; FONT-FAMILY: 'Baloo 2', sans-serif; TEXT-DECORATION: none }
.text8 { FONT-SIZE: 18pt; COLOR:#81953b; FONT-FAMILY: 'Baloo 2', sans-serif; TEXT-DECORATION: none }
.textred { FONT-SIZE: 10pt; COLOR:#df291c; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.test { FONT-SIZE: 16pt; COLOR:#81953b; FONT-FAMILY: 'Baloo 2', sans-serif; TEXT-DECORATION: none }
.textg { FONT-SIZE: 11pt; COLOR:#81953b; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none }

.back {background-color:#d2dbb4; width:571px; float:left; padding:5px;}
.backred {background-color:#fc6f6f}
.backred2 {background-color:#ffa8a8}
.backyellow {background-color:#fdf509}


.Feld { background-color:#ffffff; width:280px; height:20px; border:1px solid #a0a0a0; }
.Feld1 { background-color:#ffffff; width:219px; height:20px; border:1px solid #a0a0a0; }
.Feld2 { background-color:#ffffff; width:45px; height:20px; border:1px solid #a0a0a0; }
.Feld3 { background-color:#ffffff; width:234px; height:20px; border:1px solid #a0a0a0; }
.Feld4 { background-color:#ffffff; width:65px; height:20px; border:1px solid #a0a0a0; }
.Feld5 { background-color:#ffffff; width:167px; height:20px; border:1px solid #a0a0a0; }

.Feldr { background-color:#ffe5e5; width:280px; height:20px; border:1px solid #ff0000; }
.Feld1r { background-color:#ffe5e5; width:219px; height:20px; border:1px solid #ff0000; }
.Feld2r { background-color:#ffe5e5; width:45px; height:20px; border:1px solid #ff0000; }
.Feld3r { background-color:#ffe5e5; width:234px; height:20px; border:1px solid #ff0000; }
.Feld4r { background-color:#ffe5e5; width:65px; height:20px; border:1px solid #ff0000; }
.Feld5r { background-color:#ffe5e5; width:167px; height:20px; border:1px solid #ff0000; }

.galerie { height:80px; border:1px solid #808080; margin: 5px 10px;  }

.box {border-style: solid;
         border-color: #a5a5a5;
         border-width: 1px;
         padding: 3px}
		 
.picrahmen{ 
background:#ffffff; 
padding:4px; 
border:1px solid #808080; 
margin:10px;
}

input, select, textarea { font-size:11px; font-family:Verdana,sans-serif;}

img {border-width:0px;}

html,body {
    margin:0;
    padding:0;
    height:100%; /* braucht es für die min-height des Containers */
}

div#container {
    position:relative; /* braucht es für die Footer Position*/
    margin:0 auto; /* Zentriert die Seite (nicht in IE5) */
    width:1019px;
    height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
	background-image: url(images/menue_back_2.png);
	background-repeat:repeat-y;
}

div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* Positioniert dies ganz unten */
}

#rechtsoben {
 position: absolute;
 right: 0px;
 top: 0px;
 width: 134px;
 height: 89px;
 }