@CHARSET "UTF-8";

@font-face { 
font-family: 'myriad';
src: url('MyriadPro-Regular.otf');
}

/* --- MAIN --- */

body {
margin: 0px;
padding: 0px;	
}

#unterseite_bg {
margin: 0px;
padding: 0px;
}

#fullsize {
position: absolute;
z-index: 1;
}

#menu_home {
width: 230px;
height: 100%;
float: left;
background-image: url(img/menu_bg.png);
padding: 0px 8px 0px 8px;
-webkit-box-shadow:  0px 7px 10px 1px #737373;
box-shadow:  0px 7px 10px 1px #737373;
}

#container {
width: 750px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#container_unterseite {
width: 978px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#leftbar {
width: 230px;
height: 100%;
float: left;
background-image: url(img/menu_bg.png);
padding: 0px 8px 0px 8px;
-webkit-box-shadow:  0px 7px 10px 1px #737373;
box-shadow:  0px 7px 10px 1px #737373;
}

.headline {
width: 620px;
height: auto;
float: right;
margin: 10px 0px 20px 0px;
font-size: 18px;
font-family: helvetica;
color: white;
}

h1 {
margin: 0px;
padding: 0px;
font-size: 28px;
font-family: helvetica;
font-weight: normal;
color: black;
}

h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 24px;
font-family: helvetica;
font-weight: lighter;
color: black;
}

.main {
width: 600px;
height: auto;
float: right;
padding: 10px 10px 10px 10px;
background-image: url(img/content_bg.png);
-webkit-box-shadow:  0px 7px 10px 1px #737373;
box-shadow:  0px 7px 10px 1px #737373;
border: 3px solid #f0efed;
margin: 0px 0px 20px 0px;
font-size: 14px;
font-family: helvetica;
font-weight: normal;
color: black;

}

.main_fewo_detail .main {
   line-height: 24px; 
}

.menupunkt {
width: 100%;
padding: 15px 0px 15px 0px;
text-align: center;
border-bottom: 1px solid white;
font-size: 18px;
font-family: helvetica;
}

#searchbox {
width: 585px;
height: auto;
border: 2px solid #f0efed;
padding: 5px;
}

.searchbox_feld {
background-color: transparent;
font-family: helvetica;
font-size: 14px;
text-align: center;
padding: 5px;
border: 1px solid #f0efed;
color: #8d8d8d;
}

.searchbox_button {
border: 0px;
color: black;
font-family: helvetica;
font-size: 16px;
background-color: transparent;
}

.angebot {
width: 585px;
height: auto;
border: 1px solid #f0efed;
padding: 5px;
background-image: url(img/angebot_bg.png);
margin: 15px 0px 0px 0px;
}

.angebot_pic {
width: 232px;
height: auto;
float: left;
margin: 0px 5px 0px 0px;
}

.angebot_headline {
width: 343px;
height: auto;
float: right;
margin: 0px 0px 0px 0px;
}

.angebot_discr {
width: 343px;
height: auto;
float: right;
color: #66625f;
font-size: 14px;
}

.angebot_galery {
width: 620px;
height: 320px;
float: right;
margin: 0px 0px 60px 0px;
}

tr {
font-family: helvetica;
font-size: 14px;
font-weight: lighter;
}

.angebot_link {
float: right;
font-family: helvetica;
font-size: 14px;
font-weight: lighter;
color: black;
text-decoration: underline;
}

a {
color: black;
text-decoration: none;
}

a:hover {
color: #66625f;
}

#galerie {
width: 90px;
height: 100px;
background-color: white;
float: left;
margin: 0px 5px 5px 5px;
border: 3px solid white;
}

.alert {
width: calc(100% - 20px);
height: auto;
padding: 10px;
font-size: 14px;
margin: 10px 0px 10px 0px;
text-align: left;
font-weight: 400;
}

	.red {
	background-color: #f28484;
	border: 1px solid lightred;
	color: #8e3e3e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	.green {
	background-color: #b8ffb3;
	border: 1px solid lightgreen;
	color: #448e3e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/*  Grouping  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

#cookie-bar {
position: fixed;
bottom: 0px;
height: auto;
width: calc(100% - 20px);
padding: 10px;
color: black;
background-color: #f0f0f0;
text-align: center;
z-index: 99;
font-family: 'myriad';
}

.main-input {
    width: 45.5%;
    padding: 10px;
    border: 0;
    float: left;
    margin: 0 5px 10px 0;
}