/* Globale Angabe f�r das prinzipielle Seitendesign */

body {

	font-family: Arial, Tahoma;
	font-size: 12px;
	margin: 0px;
	background-image: url(background.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #222;
}


.bergsoase_logo {

	height: 131px;
	margin: 20px;
	/*float: left;*/
	max-width: 561px;
}

.bergsoase_logo img {
	max-width: 100%;
	height: auto;
}

.bergsoase_suche {

	/*display: none;*/
	margin: 20px 0 20px 30px;
	/*float: left;*/
	/*height: 131px;*/
	/*padding-left: 130px;*/
}

.trans-wrapper {
	background-color: rgb(255, 255, 255, 0.3);
	border-radius: 10px;
	padding: 18px 0;
}


.trans_body {

	width: 100%;
	min-height: 1px;

}

.trans_body2 {

	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}

.white_body {

	background-color: #FFF;
	margin-left: 33px;
	margin-right: 33px;
	padding: 15px;
	min-height: 100px;
	border-radius: 10px;
}

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

html {
	min-height: 100.05%;
}

.menupos {
	margin-top: 70px;
	text-align: right
}

.mainbody {
	max-width: 909px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.fusszeile {
	font-size: 11px;
	color: #777;
	margin-top: 10px;
	border-top: 1px #CCC solid;
	padding-top: 10px
}


form {
	display: inline;
}

input[type=file], input[type=text], input[type=password], textarea {
	background-image: url(input_bg.gif);
	background-repeat: repeat-x;
	border: 1px #b5b8c8 solid;
	margin-bottom: 2px;
}

.input_2 {
	background-color: #F1F1F1;
	color: #555;
}

.leer_lassen {
	display: none;
}

h1 {
	color: #000;
	font-size: 25px;
	font-weight: bold;
	margin-top: 0px;
}

h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
}

.top_leiste {
	background-image: url(top_leiste.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 450px;
	height: 19px;
	padding-top: 3px;
	text-align: center;
}

.top_logo {
}

.menuleiste {
	display: none;
	height: 50px;
	margin-left: 33px;
	width: 842px;
}


.button_red {
	background-color: #cc0000;
	color: #ffffff;
	border: 1px #000000 solid;
}

.image_preview_border {
	border: 1px #AAAAAA solid;
	padding: 3px;
}


.checkbox_2 {
	background-color: #FFFFFF;
	border: 0px;
}

img {
	border: 0px;
	max-width: 100%;
	height: auto;
}

.input_search {
	background-color: #FFFFFF;
	color: #246D7D;
	border: 1px #246D7D solid;
	padding-left: 2px;
	margin-left: 3px;
}


.top_input {
	background-color: #eeeeee;
	border: 1px solid #000000;
}

.front_top_left {
	background-image: url(../images/background_top_left.gif);
	width: 16px;
	height: 104px;
	background-repeat: no-repeat;
}

.front_top_right {
	background-image: url(../images/background_top_right.gif);
	width: 16px;
	height: 104px;
	background-repeat: no-repeat;
}

.front_top {
	background-color: #FFFFFF;
	background-image: url(../images/background_top_front.jpg);
	width: 958px;
	background-repeat: repeat-x;
}

.front_left {
	background-image: url(../images/background_white_left.gif);
	width: 16px;
}

.front_right {
	background-image: url(../images/background_white_right.gif);
	width: 16px;
}

.front {
	width: 948px;
	padding-left: 5px;
	padding-right: 5px;
}

.front_bottom {
	width: 958px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.front_bottom_left {
	background-image: url(../images/background_bottom_left.gif);
	width: 16px;
	height: 26px;
	background-repeat: no-repeat;
}

.front_bottom_right {
	background-image: url(../images/background_bottom_right.gif);
	width: 16px;
	height: 26px;
	background-repeat: no-repeat;
}

a:link {
	color: #555;
	text-decoration: none
}

a:visited {
	color: #555;
	text-decoration: none
}

a:hover {
	color: #2991be;
	text-decoration: underline
}

a:active {
	color: #555;
	text-decoration: none
}

a.blacklink:link {
	font-weight: none;
	color: #000000;
	text-decoration: none
}

a.blacklink:visited {
	font-weight: none;
	color: #000000;
	text-decoration: none
}

a.blacklink:hover {
	font-weight: none;
	color: #000000;
	text-decoration: none
}

a.blacklink:active {
	font-weight: none;
	color: #000000;
	text-decoration: none
}

a.toplink:link {
	color: #000000;
	text-decoration: none
}

a.toplink:visited {
	color: #000000;
	text-decoration: none
}

a.toplink:hover {
	color: #2991be;
	text-decoration: underline
}

a.toplink:active {
	color: #000000;
	text-decoration: none
}


a.buttonlink:link {
	font-weight: none;
	color: #888;
	text-decoration: none
}

a.buttonlink:visited {
	font-weight: none;
	color: #888;
	text-decoration: none
}

a.buttonlink:hover {
	font-weight: none;
	color: #0f72b5;
	text-decoration: none
}

a.buttonlink:active {
	font-weight: none;
	color: #888;
	text-decoration: none
}

a.buttonlink_active:link {
	font-weight: none;
	color: #0f72b5;
	text-decoration: underline
}

a.buttonlink_active:visited {
	font-weight: none;
	color: #0f72b5;
	text-decoration: underline
}

a.buttonlink_active:hover {
	font-weight: none;
	color: #0f72b5;
	text-decoration: underline
}

a.buttonlink_active:active {
	font-weight: none;
	color: #0f72b5;
	text-decoration: underline
}


a.greylink:link {
	font-weight: none;
	color: #666666;
	text-decoration: none
}

a.greylink:visited {
	font-weight: none;
	color: #666666;
	text-decoration: none
}

a.greylink:hover {
	font-weight: none;
	color: #666666;
	text-decoration: underline
}

a.greylink:active {
	font-weight: none;
	color: #666666;
	text-decoration: none
}

a.whitelink:link {
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink:visited {
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink:hover {
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink:active {
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink_menu:link {
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink_menu:visited {
	color: #FFFFFF;
	text-decoration: none
}

a.whitelink_menu:hover {
	color: #FFFFFF;
	text-decoration: underline
}

a.whitelink_menu:active {
	color: #FFFFFF;
	text-decoration: none
}

a.menulink:link {
	color: #666;
	text-decoration: none
}

a.menulink:visited {
	color: #666;
	text-decoration: none
}

a.menulink:hover {
	color: #666;
	text-decoration: none
}

a.menulink:active {
	color: #666;
	text-decoration: none
}


a.whitelink_top:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px
}

a.whitelink_top:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px
}

a.whitelink_top:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px
}

a.whitelink_top:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
	margin-right: 15px
}

a.imp_link:link {
	color: #5c7922;
	text-decoration: none
}

a.imp_link:visited {
	color: #5c7922;
	text-decoration: none
}

a.imp_link:hover {
	color: #D00;
	text-decoration: none;
}

a.imp_link:active {
	color: #5c7922;
	text-decoration: none;
}


a.redlink:link {
	background-image: url(../images/red_link.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
	color: #222222;
	text-decoration: none;
	padding-bottom: 1px;
	padding-top: 1px;
}

a.redlink:visited {
	background-image: url(../images/red_link.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
	color: #222222;
	text-decoration: none;
	padding-bottom: 1px;
	padding-top: 1px;
}

a.redlink:hover {
	background-image: url(../images/red_link.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	padding-bottom: 1px;
	padding-top: 1px;
}

a.redlink:active {
	background-image: url(../images/red_link.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
	color: #222222;
	text-decoration: none;
	padding-bottom: 1px;
	padding-top: 1px;
}


.preload {
	display: none;
}

.punktlinie {
	background-image: url(../images/punktlinie.gif);
	height: 9px;
}

.main_message {
	font-weight: bold;
}

.meldung_ja {
	margin-bottom: 5px;
	border: 1px #9EC09B solid;
	padding: 6px;
	color: #007700;
	font-size: 13px;
	font-weight: bold;
	background-color: #EBF7EA;
	border-left: 0px;
	border-right: 0px;
}

.meldung_fehler {
	margin-bottom: 10px;
	border: 1px #D09494 solid;
	padding: 6px;
	color: #CC0000;
	font-size: 13px;
	font-weight: bold;
	background-color: #F5ECEC;
	border-left: 0px;
	border-right: 0px;
}

.checkbox_blank {
	border: 0px;
	background-color: #FFFFFF
}

.formular_fehler {
	background-image: url(icon_error_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	font-weight: bold;
	color: #DD0000;;
}

.fatred {
	font-weight: bold;
	color: #CC0000;
	font-size: 15px;
}


.main_page_content {
	padding-left: 5px;
	padding-right: 5px;
}


/* Designangaben des Admin-Bereichs */

.admin_menu {
	background-color: #666666;
	margin-bottom: 5px;
	border: 1px #333333 solid;
	padding: 2px;
	color: #FFFFFF;
	height: 21px;
	text-align: left;
	position: absolute;
	width: 99%
}

.anylinkcss {

	text-align: left;
	margin-top: 2px;
	margin-left: 1px;
	position: absolute;
	visibility: hidden;
	border: 1px solid #aaaaaa;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color: #888888;
	width: 170px;
	color: #FFFFFF;

}

.anylinkcss a {
	width: 100%;
	display: block;
	border-bottom: 1px solid #777777;
	padding: 1px 0;

	text-decoration: none;
	text-indent: 5px;
	color: #FFFFFF;
}

.anylinkcss a:hover { /*hover background color*/
	background-color: #E8E8E7;
	text-decoration: none;
	color: #000000;

}

.anylinkcss_sub {

	text-align: left;
	margin-top: 1px;
	position: absolute;
	visibility: hidden;
	line-height: 22px;
	background-color: #F1F1F1;
	width: 260px;
	border: 1px #DDD solid;
	padding: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.anylinkcss_sub a {
	width: 100%;
	display: block;
	padding: 2px 0;
	text-decoration: none;
	text-indent: 5px;
	color: #FFFFFF;
	background-image: url(submenu_hover.jpg);
	border-bottom: 1px solid #DDD;
}

.anylinkcss_sub a:hover { /*hover background color*/
	background-color: #a4c85e;
	text-decoration: none;
	color: #FFFFFF;

}

.menubutton {

	border: 1px solid #EEE;
	text-align: center;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #666;
}

.menubutton_active {

	border: 1px solid #688f1d;
	background-color: #a4c85e;
	color: #FFF;

}

.menubutton_hover {
	background-image: url(menu_bg_hover.gif);
	height: 28px;
	text-align: center;
	padding-top: 8px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer
}

.menubutton_trenner {
	width: 5px;
}

.menubutton_neu {
	font-weight: bold;
	padding: 7px;
	margin-bottom: 3px;
	margin-right: 1px;
	text-align: center;
	border: 1px solid #AAAAAA;
	font-size: 13px;
	background-image: url(neu.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.menubutton_sub {
	font-size: 12px;
	height: 21px;
	font-weight: bold;
	padding-left: 8px;
	border: 21px #D00 solid;
	border-bottom: 0px;
}

.admin_menu_button {

	background-color: #888888;
	border: 1px solid #aaaaaa;
	font-size: 11px;
	font-weight: none;
	cursor: default;

}

.admin_top {
	background-image: url(admin_user.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #F4F4F4;
	font-size: 12px;
	padding: 7px;
	padding-left: 30px;
	border: 1px #CCCCCC solid;
}

.userdetails_title {
	padding-left: 5px;
}

.userdetails_title_block {
	color: #222222;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #F4F4F4;
	padding: 3px;;
	border: 1px #CCCCCC solid;
}

.eingabeblock_tabelle_admin {
	padding-left: 4px;
}

.admin_image_functions {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px #333333 solid;
	background-color: #000000;
	color: #FFFFFF;
	padding: 5px;
}

.admin_picture_button_lo {
	border: 1px #555555 solid;
	padding: 4px;
}

.admin_picture_button_hi {
	border: 1px #dd0000 solid;
	padding: 4px;
}

.lightbox {
	font-weight: bold;
	text-align: right;
}

.usage_back {
	background-image: url(../images/usage_back.gif);
	width: 398px;
	height: 21px;
	border: 1px #000000 solid;
}

.usage_front {
	background-image: url(../images/usage_front.gif);
	height: 21px
}


/* Designangaben der Men�leiste */

.menu_left {
	background-image: url(../images/menu_top_left.gif);
	height: 41px;
	width: 5px;
}

.menu_leiste {
	padding-left: 3px;
	background-image: url(../images/menu_top_body.gif);
	height: 41px;
}

.menu_right {
	background-image: url(../images/menu_top_right.gif);
	height: 41px;
	width: 5px;
}

.menu_button_lo {
	padding-top: 5px;
	background-image: url(../images/menu_button_lo.gif);
	height: 20px;
	width: 125px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF
}

.menu_button_hi {
	padding-top: 5px;
	background-image: url(../images/menu_button_hi.gif);
	cursor: pointer;
	height: 20px;
	width: 125px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF
}

.menu_button_hi2 {
	padding-top: 5px;
	background-image: url(../images/menu_button_hi2.gif);
	cursor: pointer;
	height: 20px;
	width: 125px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF
}

.menu_trenner {
	width: 5px;
}

.anylinkcss2 {
	text-align: left;
	margin-top: 1px;
	position: absolute;
	visibility: hidden;
	line-height: 17px;
	z-index: 100;
	background-image: url(../images/menu_button_2_lo.gif);
	width: 170px;
	color: #ffffff;
}

.anylinkcss2 a {
	width: 159px;
	display: block;
	padding: 1px 0;
	text-decoration: none;
	color: #FFFFFF;
}

.anylinkcss2 a:hover {
	background-image: url(../images/menu_button_2_hi.gif);
}


/* Login Box */

.login_box {
	border: 1px solid #6289A0;
	padding: 5px;
	background-color: #B7D0DF;
	margin-left: 45px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.login_feld {
	width: 80px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

.login_input {
	border: 1px solid #6289A0;
	background-color: #E4EDF2
}

.login_checkbox {
	border: 0px;
	background-color: #B7D0DF
}

.login_fehler {
	background-image: url(../images/login_error_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
}

.login_okay {
	background-image: url(../images/login_okay_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: bold;
}

.punktlinie {
	background-image: url(punktlinie.gif);
	height: 9px;
	background-repeat: repeat-x;
	background-position: 0px 3px;
}

.ok {
	margin-bottom: 5px;
	border: 1px #9EC09B solid;
	padding: 6px;
	color: #007700;
	font-size: 13px;
	font-weight: bold;
	background-color: #EBF7EA;
	border-left: 0px;
	border-right: 0px;
	background-position: 2px 4px;
}

.f_11px_black {
	font-family: tahoma;
	font-size: 11px;
}

.f_12px_black {
	font-family: tahoma;
	font-size: 12px;
}

.f_13px_black {
	font-family: tahoma;
	font-size: 13px;
}

.f_16px_black {
	font-family: tahoma;
	font-size: 16px;
}

.f_20px_black {
	font-family: tahoma;
	font-size: 20px;
}


.unsichtbar {
	display: none;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position: relative;
	overflow: hidden;
	width: 820px;
	height: 240px;
	margin-left: 20px;


}


.menu_name {

	height: 30px;
	color: #d00

}

.footer {

	background-image: url(trans.png);
	padding: 10px;
	margin-top: 30px;
	text-align: center;
}


.suchbegriff {
	color: #888;
	padding: 5px;
	font-size: 11px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.menuleiste-mobile {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 24px 29px;
	background-color: gray;
	border-radius: 10px;
	margin: 0 0 10px 33px;
	background-color: rgb(255, 255, 255, 0.7);
	border-radius: 10px;
}

.menuleiste-mobile:hover {
	color: #5c7922;
}

.mm-wrapper--opened .menuleiste-mobile {
	margin-left: 15px;
}

.mm-menu a {
	font-weight: bold;
}

.mm-menu a.active {
	color: white;
	background-color: #a4c85e;
}

.contact-left {
	width: 380px;
	float: left;
	margin-bottom: 30px;
}

.contact-right {
	width: 401px;
	float: left;
	margin-left: 0;
}