body { background-color:#BDBAB4; color:#FFFFFF; 
       font-family:Calibri,Verdana; font-size:12px;
       margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
       padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;
       border-width: 0;
     }

p { color:#7F796D; margin-left:10px; margin-right:10px; padding:0;
    font-family:Calibri,Verdana; font-size:12px;
  }
h2 { background-color:#F1F0EF; color:#7F796D; margin-left:10px; margin-right:10px;
     font-family:Arial; font-size:14px; font-weight:bold;
  }
h3 { background-color:#F1F0EF; color:#7F796D; margin-left:10px; margin-top:10px; margin-right:10px;
     font-family:Arial; font-size:10px; font-weight:bold;
   }

td { background-color:#BDBAB4; color:#FFFFFF;
     font-family:Calibri,Verdana; font-size:12px;
     margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
     padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;
     border-width: 0;
   }
div.c { background-color:#F1F0EF; color:#BDBAB4;
     font-family:Calibri,Verdana; font-size:12px;
     margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
     padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;
     border-width: 0;
   }

   
/* site header elements */
td.head_sm { background-color:#BDBAB4; color:#FFFFFF; width:229; height:77;
             background-image:url(head_rotetulpen.bmp);
   }
td.header { background-color:#7F796D; color:#FFFFFF; width:1100; height:251; vertical-align:bottom;
            background-image:url(fewo_gruenblick_altesland_head_collage.jpg);
   }
td.header_en { background-color:#7F796D; color:#FFFFFF; width:1100; height:251; vertical-align:bottom;
            background-image:url(fewo_gruenblick_altesland_head_collage_en.jpg);
   }
td.header_green { background-color:#A9CA1B; color:#FFFFFF; width:873; height:251;
            }
p.logo{ color:#7F796D; margin-left:10px; margin-right:10px; padding:0; margin-bottom:10px;
    font-family:Calibri,Verdana; font-size:12px; 
  }
div.logo{ color:#7F796D; margin-left:10px; margin-right:10px; padding:0; margin-bottom:0px;
    font-family:Calibri,Verdana; font-size:12px; width:209px; height:82px;
	filter: alpha(opacity=100);
	opacity: 1;
	background: transparent url('fewo_gruenblick_altesland_logo.png');
  }

			
p.title { background-color:none; color:#F1F0EF; margin-left:15px; margin-top:25px; margin-right:0px;
     font-family:Arial; font-size:24px; font-weight:bold;
}

/* navigation elements (left col) */
td.mn { background-color:#A9CA1B; color:#7F796D; width:229px;
     font-family:Arial; font-size:12px;
	 background-image:url(fewo_gruenblick_altesland_side_collage.jpg)
   }
p.mn { background-color:#A9CA1B; color:#FFFFFF; margin-left:15px; margin-top:25px; margin-right:0px;
     font-family:Arial; font-size:16px; font-weight:bold;
   }
p.mn_top { background-color:#A9CA1B; color:#FFFFFF; margin-left:0px; margin-top:0px; margin-right:0px;
     font-family:Arial; font-size:16px; font-weight:bold;
   }

a {font-family:Arial; text-decoration:none; font-weight:bold}

a.mn:link    { color:#7F796D;}
a.mn:visited { color:#7F796D;}
a.mn:active  { color:#7F796D;}
a.mn:hover   { color:#A9CA1B; text-decoration:underline }

/* content elements (middle col) */
div.c { background-color:#F1F0EF; color:#BDBAB4;
     font-family:Calibri,Verdana; font-size:12px;
     margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
     padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;
     border-width: 0;
   }

td.c { background-color:#F1F0EF; color:#BDBAB4; width:871px;
     font-family:Calibri,Verdana; font-size:12px;
   }
p.t1 { background-color:#F1F0EF; color:#7F796D; margin-left:10px; margin-right:10px;
     font-family:Arial; font-size:14px; font-weight:bold;
   }
p.t2 { background-color:#F1F0EF; color:#7F796D; margin-left:10px; margin-top:10px; margin-right:10px;
     font-family:Arial; font-size:10px; font-weight:bold;
   }
p.bar { background-color:#F1F0EF; color:#7F796D; margin-left:10px; margin-right:10px; height:2px;
    font-family:Calibri,Verdana; font-size:2px;
  }
p.c_right { text-align:right;
}

#flashcontent {
		height: 100%;
		margin-left:10px; margin-right:10px;
		width:851px; height:624px;
}

#juicebox-container {
		padding: 0;
		margin: 0;
		width:851px; height:624px;
}

div.bar { margin-left:10px; margin-right:10px; height:4px;
  }
  
div.juicebox { margin-left:10px; margin-right:10px;
width:851px; height:624px;
  }

img {border-width: 0;}
img.c_left { background-color:#F1F0EF; float:left; margin-right:10px; padding:0;}
img.c_right { background-color:#F1F0EF; float:right; margin-left:10px; padding:0;}

a:link    { color:#7F796D; font-family:Arial; text-decoration:underline}
a:visited { color:#7F796D; font-family:Arial; text-decoration:underline}
a:active  { color:#7F796D; font-family:Arial; text-decoration:underline}
a:hover   { color:#A9CA1B; font-family:Arial; text-decoration:underline }

a.c:link    { color:#7F796D; }
a.c:visited { color:#7F796D; }
a.c:active  { color:#7F796D; }
a.c:hover   { color:#7F796D; text-decoration:underline }

a.nav:link    { color:#7F796D; font-family:Arial;}
a.nav:visited { color:#7F796D; font-family:Arial;}
a.nav:active  { color:#7F796D; font-family:Arial;}
a.nav:hover   { color:#A9CA1B; font-family:Arial; text-decoration:underline }

a.dsg1-5:link    { color:#7F796D; font-family:Arial; text-decoration:underline}
a.dsg1-5:visited { color:#7F796D; font-family:Arial; text-decoration:underline}
a.dsg1-5:active  { color:#7F796D; font-family:Arial; text-decoration:underline}
a.dsg1-5:hover   { color:#A9CA1B; font-family:Arial; text-decoration:underline }

/* blog elements (right col) */
td.bl { background-color:#BDBAB4; color:#707173;
     font-family:Arial; font-size:12px;
   }
td.bl_t { background-color:#7F796D; color:#FFFFFF; width:229px;
     font-family:Calibri,Verdana; font-size:12px;
   }
td.bl_st { background-color:#7F796D; color:#FFFFFF; width:229px;
     font-family:Calibri,Verdana; font-size:12px;
   }

td.bl_cbl { background-color:#BDBAB4; color:#FFFFFF; width:229px;
     font-family:Calibri,Verdana; font-size:12px;
   }

td.bl_c { background-color:#BDBAB4; color:#FFFFFF; width:229px;
     font-family:Calibri,Verdana; font-size:12px;
   }

td.bl_space { background-color:#BDBAB4; color:#FFFFFF; width:229px;
     font-family:Arial; font-size:12px;
   }

p.bl_t1 { background-color:#7F796D; color:#FFFFFF; margin-left:15px; margin-bottom:10px;
     font-family:Arial; font-size:14px; font-weight:bold;
   }
p.bl_t2 { background-color:#7F796D; color:#FFFFFF; margin-left:15px; margin-top:10px;
     font-family:Calibri,Verdana; font-size:12px; font-weight:bold;
   }

p.bl_c { background-color:#BDBAB4; color:#FFFFFF; margin-left:15px; margin-top:10px; margin-bottom:10px; margin-right:10px;
     font-family:Calibri,Verdana; font-size:12px;
   }

p.bl_cb { background-color:#BDBAB4; color:#FFFFFF; margin-left:15px; margin-top:10px; margin-bottom:10px; margin-right:10px;
     font-family:Arial; font-size:12px; 
   }

   p.bl_space { background-color:#BDBAB4; color:#FFFFFF;
     font-family:Arial; font-size:14px;
   }

p.bl_st1 { background-color:#7F796D; color:#FFFFFF; margin-left:15px; margin-bottom:10px;
     font-family:Arial; font-size:14px; font-weight:bold;
   }
p.bl_st2 { background-color:#7F796D; color:#FFFFFF; margin-left:15px; margin-top:10px;
     font-family:Calibri,Verdana; font-size:12px; font-weight:bold;
   }
img.bl_left { background-color:#BDBAB4; float:left; margin-right:10px; padding:0;}
img.bl_right { background-color:#BDBAB4; float:right; margin-left:10px; padding:0;}

tr    {margin:0; padding:0; font-size:12px;}
table {margin:0; padding:0; font-size:12px;}

pre {font-family:Calibri,Verdana; font-size:10px;}

h1 { font-family:Arial; color:#FFFFFF; font-size:16px; margin-left:10px}
/*h2 { font-family:Arial; color:#FFFFFF; font-size:12px;}*/
/*h3 { font-family:Calibri,Verdana; color:#FFFFFF; font-size:10px;}*/
h4 { font-family:Arial; color:#FFFFFF; font-size:14px;}

form {
	width:851px;
    margin-left:10px; margin-right:10px; padding:0;
}

input {
    color:#7F796D;
	margin-top:5px;
	margin-bottom: 5px;
	margin-right:10px;
	margin-left:0;
	width: 200px;
}
input.persons {
width: 100px;
}
input.plz {
width: 100px;
}
input.date {
width: 100px;
}


textarea {
    color:#7F796D;
	margin-top:5px;
	margin-bottom: 5px;
	margin-right:10px;
	margin-left:0;
	width: 500px;
	height: 200px;
	font-family:Arial; 
	font-size:12px;
}

label {
    color:#7F796D;
	float: left;
	text-align: left;
	margin-top: 5px;
	width: 100px;
}

.button {
    color:#7F796D;
	float: right;
	margin-top: 10px;
	margin-left:10px;
}

@media screen and (max-width: 360px){

/*wmobile devices*/
td.mn { width:0;
   }
td.c { width:360px;
     font-size:14px;
   }
div.c { width:360px;
}
p.t1 { margin-left:10px; margin-right:10px;
     font-size:16px;
   }
p.t2 { margin-left:10px; margin-right:10px;
font-size:12px;
   }
p { margin-left:10px; margin-right:10px; padding:0;
    font-size:14px;
  }
td.header { background-color:#A9CA1B; color:#FFFFFF; width:360px;
            }
textarea {
 	width: 200px;
}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
/*wmobile devices*/
td.mn { width:0;
   }
td.c { width:480px;
     font-size:14px;
   }
div.c { width:480px;
}
p.t1 { margin-left:10px; margin-right:10px;
     font-size:16px;
   }
p.t2 { margin-left:10px; margin-right:10px;
font-size:12px;
   }
p { margin-left:10px; margin-right:10px; padding:0;
    font-size:14px;
  }
td.header { background-color:#A9CA1B; color:#FFFFFF; width:480px;
            }
textarea {
 	width: 300px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
/*wmobile devices*/
td.mn { width:0;
   }
td.c { width:800px;
     font-size:14px;
   }
div.c { width:800px;
}
p.t1 { margin-left:10px; margin-right:10px;
     font-size:16px;
   }
p.t2 { margin-left:10px; margin-right:10px;
font-size:12px;
   }
p { margin-left:10px; margin-right:10px; padding:0;
    font-size:14px;
  }
td.header { background-color:#A9CA1B; color:#FFFFFF; width:800px;
            }
textarea {
 	width: 360px;
}
}
