@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
html {
	font-family: 'Source Sans Pro', Verdana, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
	height: 100%;
	background: #ffffff;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 20px;
	text-align: center;
}

body.edit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 20px;
	text-align: left;
}

div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

abbr,acronym {
	border: 0;
}

p 	{
		font-size: 14px;
		margin-bottom: 10px;
	}

p:last-of-type {
		margin-bottom: 0px;
	}

P.button {
	background: #fafafa;
	font-size: 20px;
	padding: 5px;
	padding-left: 10px;
}

P.button A {
	text-decoration: none;
}

ul 	{
	font-size: 14px;
	}

/* ========== HEADERS =========== */

h1 {
	color: #007835;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
}

h2 {
	color: #120c62;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 10px;
}

h5 {
	color: #691010;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
}

select,input,textarea {
	font: 99%;
}

a {
	text-decoration: underline;
	cursor: pointer;
	color: #58585b;
}

a:hover {
	text-decoration: underline;
	color: #8ac53f;
}

/* ============================================ */
/* ========== CONTAINER-DEFINITIONS =========== */
/* ============================================ */

/* ========== FLOATING-MENU =========== */

#menulayer {
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0px;
	left: 0px;
	background: transparent url('/filer/webspace/menu_background.png') right;
	z-index: 65000;
	display: none;
}

#menulayer #floater{
	position: fixed;
	width: 41px;
	height: 58px;
	top: 10px;
	left: 224px;
	background: transparent url('/filer/webspace/floater.png') no-repeat;
	z-index: 65000;
	cursor: pointer;
}

#menulayer #floater_mobile{
	position: fixed;
	width: 41px;
	height: 58px;
	bottom: 0;
	left: 224px;
	background: transparent url('/filer/webspace/floater.png') no-repeat;
	z-index: 65000;
	cursor: pointer;
}

#menulayer #header1{
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 26px;
	color: #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=10);
}

#menulayer #header2{
	position: absolute;
	top: 23px;
	left: 15px;
	font-size: 22px;
	color: #ffffff;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#menulayer #floater:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

#menulayer #entries {
	position: absolute;
	top: +100px;
}

#menulayer #entries .entry {
	font-size: 16px;
	height: 18px;
	width: 200px;
	color: #ffffff;
	text-shadow: #000000 -1px -1px 1px;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px outset #ffffff;
	cursor: pointer;
}

#menulayer #entries .entry:hover {
	height: 18px;
	width: 200px;
	color: #e38d4e;
	text-shadow: #000000 -1px -1px 1px;
	text-align: left;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px outset #ffffff;
}

#openmenu{
	position: fixed;
	width: 46px;
	height: 50px;
	top: 10px;
	left: -4px;
	background: transparent url('/filer/webspace/floater.png') no-repeat;
	z-index: 64000;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#openmenu:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

#openmenu_mobile{
	position: fixed;
	bottom:0;
	left: -5px;
    width: 46px;
	height: 50px;
	background: transparent url('/filer/webspace/floater.png') no-repeat;
	z-index: 64000;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#openmenu_mobile:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}


/* ========== TOPMENU =========== */

#topmenu_container
{
	width: 100%;
	height: 2px;
	position: fixed;
	color: #000000;
	text-align: right;
}

#topmenu_container .content{
	width: 1200px;
	margin: auto;
	text-align: left;
	border-bottom: 1px solid #dddddd;
	height: 90px;
}

#topmenu_container #show_online
{
	position: relative;
	width: 30px;
	height: 30px;
	background-color: #00dd00;
	float: right;
	right: -15px;
	top: -15px;
	border-radius: 7px;
	box-shadow: #666666 0px 0px 6px inset;
	z-index: 65000;
}

#infobar_container {
	height: 50px;
	width: 100%;
	text-align: center;
	background: #009900;
	z-index: 64000;
	position: fixed;
	top: 0px;
    opacity: 0;
}

#infobar {
        width: 100%;
        margin: auto;
        text-align: center;
        color: #fafafa;
        font-size: 18px;
        padding-top: 10px;
}

.animate {
    animation: fadein 3s ease-in;
}

@keyframes fadein {
    0%   { opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
        100% { opacity: 0; }
}


/* ========== PANELS =========== */

.info_panel {
	background: #fcf7e6;
	border: 1px solid #69140d;
	padding: 2px;
	color: #000000;
	width: 100%;
	margin-bottom: 20px;
	width: 214px;
}

.light_panel {
	border: 1px solid #69140d;
	padding: 2px;
	color: #000000;
	width: 100%;
	width: 214px;
}

/* ========== HEADER =========== */

#header {
	height: 30px;
	width: 1200px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}




INPUT {
	background: #ededed;
	font-size: 14px;
	border: 1px solid #cccccc;
	padding: 4px;
	padding-left: 6px;
	font-weight: normal;
}

INPUT.button {
	background: #60605f;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	border: 0px solid #ffffff;
	padding: 4px;
	font-weight: normal;
}

INPUT.button:hover {
	background: #93c03a;
	color: #60605f;
	font-size: 14px;
	font-weight: normal;
}

SELECT {
	padding: 4px;
	padding-left: 6px;
	background: #ededed;
	font-size: 14px;
	border: 1px solid #cccccc;
	font-weight: normal;
}

TEXTAREA {
	padding: 4px;
	background: #ededed;
	font-size: 14px;
	border: 1px solid #cccccc;
	padding-left: 6px;
	font-family: 'Source Sans Pro', Verdana, Arial, sans-serif;
	font-weight: normal;
}

/* ========== CONTENT =========== */

#login_logo_top {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 14px;
}

#login_logo_bottom {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 14px;
}

#login {
	width: 280px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding: 20px;
	padding-top: 3px;
	box-shadow: #f8f8f8 0px 0px 7px;
	margin: auto;
	text-align: left;
}

.error_panel {
	width: 300px;
	border: 1px solid #e38d4e;
	border-radius: 3px;
	padding: 10px;
	box-shadow: #e9c1a4 0px 0px 7px;
	margin: auto;
}

.content_block {
	width: 100%;
	text-align: center;
}

.content_block .content{
	width: 1200px;
	margin: auto;
	text-align: left;
}

.content_block .content .col_half {
	width: 600px;
}

.content_block .content .col_third {
	width: 400px;
}

.content_block .content .col_quarter {
	width: 300px;
}

/* ========== Datenlisten =========== */
.datablock_container {
	position: relative;
	width: 100%;
}

.datablock {
	position: relative;
	width: 1200px;
	min-height: 10px;
	height: 800px;
	border: 1px solid #bbbbbb;
	background: #f7f7f7;
	margin: auto;
	padding: 0px;
	overflow: hidden;
	border-radius: 3px;
}

.datablock .datalist {
	vertical-align: top;
	position: relative;
	display: inline-block;
	width: 306px;
	min-height: 10px;
	height: 800px;
	border-right: 1px solid #bbbbbb;
	overflow: auto;
	background: transparent url('/filer/webspace/background_fade.png') repeat-y;
}

.datablock .datalist A{
	text-decoration: none;
	color: #000000;
}

.datablock .datalist A:hover{
	text-decoration: none;
	color: #000000;
}

/* Suchfeld bei Listeneintrag */

.datablock .datalist .searchline{
	position: relative;
	background: #e3e3e3 url('/filer/webspace/background_fade.png') repeat-x;
	border-bottom: 1px solid #bbbbbb;
	min-height: 12px;
	width: 100%;
	font-size: 12px;
	padding-top: 2px;
}

/* nicht aktiver Listeneintrag */

.datablock .datalist .line{
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .line:hover{
	background: #dddddd url('/filer/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.datablock .datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.datablock .datalist .line .field b {
	padding-left: 3px;
}

.datablock .datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.datablock .datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}


.datablock .datalist .noline{
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .noline:hover{
	cursor: pointer;
}


/* aktiver Listeneintrag */

.datablock .datalist .line_act {
	position: relative;
	background: #007835 url('/filer/webspace/background_fade.png') repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.datablock .datalist .line_act:hover{
	background: #009d3d url('/filer/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.datablock .datalist .line_act .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.datablock .datalist .line_act .field b {
	padding-left: 3px;
}

.datablock .datalist .line_act .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.datablock .datalist .line_act .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

.datablock .datalist .shade{
	background: transparent url('/filer/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}

/* Editier-Bereich */

.datablock .dataedit {
	position: relative;
	display: inline-block;
	left: -4px;
	padding-left: 6px;
	text-align: center;
	background: transparent url('/filer/webspace/background_shade.png') repeat-y;
	vertical-align: top;
	min-height: 10px;
	width: 667px;
	height: 800px;
	overflow: hidden;
}

.datablock .dataedit .dataframe {
	visibility: hidden;
	width: 200px; 
	height: 97%;
	margin-top: 10px;
	border:1px solid #cccccc;
	background: #ffffff;
  	box-shadow: 0px 0px 10px  #bbbbbb;	
}

.datablock .dataedit .dataline {
	border-bottom: 1px solid #888888;
}

.datablock .dataedit .dataline:hover {
	background: #ffffff;
}

.datablock .dataedit_scroll {
	overflow: auto;
	min-height: 200px;
	height: 400px;
	border-top: 1px #888888 solid;
}

.datablock .dataedit .headerline .name {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
}

.datablock .dataedit .headerline .field {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
	border-left: 1px solid #888888;
	padding-left: 3px;
	padding-right: 3px;
}
.datablock .dataedit .dataline .name {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #000000;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
}

.datablock .dataedit .dataline .field {
	position: relative;
	display: inline-block;
	width: 120px;
	color: #999999;
	text-align: left;
	font-size: 13px;
	margin-right: 4px;
	line-height: 13px;
	padding-left: 4px;
	padding-right: 3px;
}

.addlist {
	padding: 0px;
}

.addlist LI {
	list-style-type:none;
}

/* ========== REPORT =========== */

.rep_col_center {
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.rep_col_right {
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.rep_col {
	font-size: 16px;
	display: inline-block;
	text-align: left;
}

.box_red
{
	border-left: 3px solid #ff0000;
}

.box_green
{
	border-left: 3px solid #00bb00;
}

/* ========== FOOTER =========== */


#footer {
	color: #000000;
    position:fixed;
    bottom:0; left:0; right:0;	width: 100%;
}

#footer .content{
	width: 1200px;
	margin: auto;
	text-align: center;
	border-top: 1px solid #dddddd;
	padding-top: 2px;
}

#footer .content #time{
	float: left;
	font-size: 14px;
	color: #555555;
	padding-bottom: 10px;
}

#footer .content #loginuser{
	float: right;
	font-size: 14px;
	color: #555555;
	padding-bottom: 10px;
}

#footer #share {
	float: right;
}

#footer #share img {
	cursor: pointer;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #555555;
}

#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer ul li {

}

#footer ul li.category {
	margin-bottom: 2px;
}

/* ========== DATA-EDIT =========== */

#edit_header {
	height: 30px;
	padding: 10px;
	border-bottom: 1px solid #dddddd;
}

#tabs
{
	height: 24px;
	border-bottom: 1px solid #000000;
	background: #f3f3f3 url('/filer/webspace/background_fade.png') repeat-x;
}

#tabs #status
{
	margin-right: 10px;
	float: right;
}

/* ========== COLORS, BACKGROUNDS & FONTS =========== */

.bg_white 			{ background-color: #ffffff;  color: #000000; }
.bg_white A			{ color: #d57816; } 
.bg_white A:hover	{ color: #009de0; }
.bg_lightblue		{ background-color: #009de0; }
.bg_orange 			{ background-color: #d57816; }
.bg_lightgray		{ background-color: #e6e7e8; }
.bg_middlegray		{ background-color: #c6c7c8; }
.bg_darkgray		{ background-color: #3c3c3c; }
.bg_black			{ background-color: #000000; }
.bg_green			{ background-color: #008800; }
.bg_red			{ background-color: #880000; }
.bg_black_opaque	{ background-color: rgba(0,0,0,0.7); text-shadow: #000000 0px 0px 2px;}
.bg_nearwhite		{ background-color: #fafafa; }
.bg_cicolor			{ background-color: #cc99ff; }

.div_shade			{ box-shadow: #444444 0px 0px 8px;}

.fn_white 			{ color: #ffffff; }
.fn_lightblue		{ color: #009de0; }
.fn_orange 			{ color: #d57816; }
.fn_middlegrey		{ color: #8c8c8c; }
.fn_darkgrey		{ color: #3c3c3c; }
.fn_black			{ color: #000000; }
.fn_green			{ color: #a1bf35; }
.fn_green_dark		{ color: #718f05; }
.fn_red				{ color: #bb0000; }
.fn_light			{ color: #9c8c94; }
.fn_superlight		{ color: #bcbcb4; }
.fn_medium			{ color: #6c6c64; }

.fn_corporate		{ color: #007835; }
.fn_corporate_light	{ color: #009d3d; }

.bg_corporate		{ background: #007835 url('/filer/webspace/background_fade.png') repeat-x; }
.bg_corporate_light	{ background-color: #009d3d; }

.fn_alert_0			{ color: #008800; }
.fn_alert_1			{ color: #c2e406; }
.fn_alert_2			{ color: #e4bd06; }
.fn_alert_3			{ color: #e46906; }
.fn_alert_4			{ color: #ff0000; }
.fn_alert_5			{ color: #ff0000; }

.error				{ color: #d57816; }
.noerror			{ color: #a1bf35; }

.fn_size0			{ font-size: 0px; }
.fn_size8			{ font-size: 8px; }
.fn_size12			{ font-size: 12px; }
.fn_size14			{ font-size: 14px; }
.fn_size16			{ font-size: 16px; }
.fn_size18			{ font-size: 18px; }
.fn_size20			{ font-size: 20px; }
.fn_size24			{ font-size: 24px; }

.fn_bold_highlight	{ color: #ffffff; }

.li_none			{ text-decoration: none;}
.li_none:hover		{ text-decoration: none;}
.li_black			{ }
.li_black:hover		{ color: #000000;}

.bo_normal_top		{ border-top: 1px solid #666666;}
.bo_normal_bottom	{ border-bottom: 1px solid #666666;}

.bo_light_top		{ border-top: 1px solid #bbbbbb;}
.bo_light_bottom	{ border-bottom: 1px solid #bbbbbb;}
.bo_light_left		{ border-left: 1px solid #bbbbbb;}
.bo_light_right		{ border-right: 1px solid #bbbbbb;}

/* ========== LIST-DEFINTIONS  =========== */

.list_header	{
	border-top: 1px solid #7a7a69;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0px;
}

.list_header	.list_element {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	vertical-align: bottom;
	height: 19px;
	overflow: hidden;
}


.list_line:nth-child(even)      {
        background-color: #f4f4f4;
        color: #000000;
        border-bottom: 1px solid #56564f;
        cursor: pointer;
        font-size: 0px;
}

.list_line:nth-child(odd)       {
        background-color: #e2e2e2;
        color: #000000;
        border-bottom: 1px solid #56564f;
        cursor: pointer;
        font-size: 0px;
}

.list_line:hover        {
        background-color: #007835;
        color: #ffffff;
}

.list_line:hover .fn_medium {
        color: #ffffff;
}

.list_line A {
        color: #000000;
        text-decoration: none;
}

.list_line:hover A {
        color: #ffffff;
        text-decoration: none;
}

.list_line      .list_element {
        display: inline-block;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        vertical-align: bottom;
        height: 19px;
        overflow: hidden;
}

.list_line_nohover:nth-child(even)      {
        background-color: #f4f4f4;
        color: #000000;
        border-bottom: 1px solid #56564f;
        font-size: 0px;
}
.list_line_nohover:nth-child(odd)       {
        background-color: #e2e2e2;
        color: #000000;
        border-bottom: 1px solid #56564f;
        font-size: 0px;
}

.list_line_nohover A {
        color: #000000;
        text-decoration: none;
}

.list_line_nohover      .list_element {
        display: inline-block;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        vertical-align: bottom;
        height: 19px;
        overflow: hidden;
}

.shade{
	background: transparent url('/filer/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}


/* ========== SPECIAL EDIT-STYLES  =========== */

.edit_datalist {
	text-align: left;
	width: 100%;
	height: 200px;
	overflow: auto;
}

/* nicht aktiver Listeneintrag */

.edit_datalist .line{
	position: relative;
	border-bottom: 1px solid #bbbbbb;
	min-height: 26px;
	width: 100%;
	background: #ffffff;
	font-size: 16px;
}

.edit_datalist .line:hover{
	background: #dddddd url('/filer/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.edit_datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.edit_datalist .line .field b {
	padding-left: 3px;
}

.edit_datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.edit_datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}




/* ========== SPECIAL MOBILE-STYLES  =========== */

.mobile_datalist {
	text-align: left;
}

/* nicht aktiver Listeneintrag */

.mobile_datalist .line{
	position: relative;
	border-bottom: 1px solid #888888;
	min-height: 38px;
	width: 100%;
	background: #eeeeee url('/filer/webspace/background_fade.png') repeat-x;
	padding-top: 12px;
}

.mobile_datalist .line:hover{
	background: #dddddd url('/filer/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.mobile_datalist .line .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.mobile_datalist .line .field b {
	padding-left: 3px;
}

.mobile_datalist .line .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.mobile_datalist .line .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

/* aktiver Listeneintrag */

.mobile_datalist .line_act {
	position: relative;
	background: #007835 url('/filer/webspace/background_fade.png') repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #bbbbbb;
	min-height: 18px;
	width: 100%;
}

.mobile_datalist .line_act:hover{
	background: #009d3d url('/filer/webspace/background_fade.png') repeat-x;
	cursor: pointer;
}

.mobile_datalist .line_act .field{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

.mobile_datalist .line_act .field b {
	padding-left: 3px;
}

.mobile_datalist .line_act .field .small{
	font-size: 12px;
	padding-left: 3px;
}

.mobile_datalist .line_act .field_small{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size: 12px;
	height: 18px;
}

.mobile_datalist .shade{
	background: transparent url('/filer/webspace/background_shade_horiz.png') repeat-x;
	height: 10px;
	width: 100%;
}


.mobile_select {
	font-size: 0px;
	width: 100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.mobile_select div {
	display: inline-block;
	font-size: 24px;
	background: #dddddd url('/filer/webspace/background_fade.png') repeat-x;
}

.mobile_select div.active {
	display: inline-block;
	font-size: 24px;
	color: #ffffff;
	background: #402291 url('/filer/webspace/background_fade.png') repeat-x;
}

/* ========== FORMS & BUTTONS  =========== */

.bg_block			{ background-color: #56564f; }

div .bu_small {
	background-color: #ebebeb;
	border: 1px solid #c4c4c4;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	border-radius: 5px;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

div .bu_small A {
	color: #000000;
	text-decoration: none;
}

div .bu_small A:hover {
	color: #000000;
	text-decoration: none;
}

div .bu_small:hover {
	background-color: #007835;
	color: #ffffff;
	text-decoration: none;
}

div .bu_minor {
	background-color: #ebebeb;
	color: #000000;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
}

div .bu_minor A {
	color: #000000;
	text-decoration: none;
}

div .bu_minor A:hover {
	color: #000000;
	text-decoration: none;
}

div .bu_minor:hover {
	background-color: #a9a9a9;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
}

div .bu_default {
	background-color: #007835;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
}

div .bu_default A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_default A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_default:hover {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
	padding: 10px;
}

div .bu_green {
	background-color: #008800;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
}

div .bu_green A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_green A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_green:hover {
	background-color: #a1bf35;
	color: #ffffff;
	text-decoration: none;
	padding: 10px;
}

div .bu_default_small {
	background-color: #007835;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 5px;
	font-size: 16px;
}

div .bu_default_small A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_default_small A:hover {
	color: #ffffff;
	text-decoration: none;
}
div .bu_default_small:hover {
	background-color: #dddddd;
	color: #000000;
	text-decoration: none;
}

div .bu_normal_small {
	background-color: #797970;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
}

div .bu_normal_small A {
	color: #ffffff;
	text-decoration: none;
}

div .bu_normal_small A:hover {
	color: #ffffff;
	text-decoration: none;
}

div .bu_normal_small:hover {
	background-color: #009de0;
	color: #ffffff;
	text-decoration: none;
}

.fo_line {
	display: position: relative;
	font-size: 0px;
	margin-bottom: 6px;
}

.fo_line .fo_title {
	display: inline-block;
	font-size: 18px;
}

.fo_line .fo_title_small {
	display: inline-block;
	font-size: 14px;
}

.fo_line .fo_title_micro {
	display: inline-block;
	font-size: 12px;
}

.fo_line .fo_field {
	display: inline-block;
	font-size: 18px;
}

.fo_line .fo_field_info {
	display: inline-block;
	font-size: 12px;
}

.fo_subheader {
	color: #aaaaaa;
	border-top: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:14px;
}

/* ========== CONTENT-LIBRARY =========== */

	.cl_block {
		position: relative;
		text-align: center;
		width: 1200px;
		font-size: 0px;
		margin: auto;
	}

	.cl_breaker {
		vertical-align: top;
		position: relative;
		display: table-cell;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}

	.cl_breaker_block {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.cl_pic_square {
		position: relative;
		display: inline-block;
		width: 300px;
		min-height: 300px;
		vertical-align: top;
	}
	
	.cl_pic_square img {
		height: 300px;
		width: 300px;
		font-size: 20px;
	}

	.cl_pic_square_mobile {
		display: none;
	}
	
	.cl_pic_no_square {
		position: relative;
		display: table-cell;
		width: 285px;
		min-height: 285px;
		vertical-align: top;
	}
	
	.cl_pic_no_square img {
		width: 285px;
		font-size: 20px;
	}

	.cl_text_square {
		vertical-align: top;
		position: relative;
		display: inline-block;
		min-height: 300px;
		width: 900px;
		text-align: justify;
		font-size: 19px;
	}

	.cl_text_square p {
		margin-bottom: 10px;
	}
	
	.cl_text_no_square {
		vertical-align: top;
		position: relative;
		display: table-cell;
		min-height: 285px;
		width: 885px;
		text-align: left;
	}

	.cl_text_no_square p {
		margin-bottom: 10px;
	}

	.cl_singlecol_html {
		vertical-align: top;
		position: relative;
		display: inline-block;
		width: 1200px;
		text-align: left;
		font-size: 19px;
	}

	.cl_singlecol_html p {
		margin-bottom: 10px;
	}

	.cl_triple_pic {
		position: relative;
		display: inline-block; 
		width: 386px;
		height: 180px;
	}

	.cl_triple_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		font-size: 19px;
		width: 386px;
	}

	.cl_quad_text {
		position: relative;
		display: table-cell; 
		text-align: left;
		font-size: 19px;
	}

	.cl_triple_text P {
		margin-bottom: 10px;
	}

}


/* ========== INFOWINDOW =========== */

#fadeout
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #000000;
        width: 100%;
        height: 100%;
        z-index: 60000;
        opacity: 0.4;
}

#infowindow
{
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #ffffff;
        border: 1px solid #000000;
        width: 789px;
        height: 600px;
        z-index: 60001;
        box-shadow: 0px 0px 100px #555555;
}

#infowindow #infocontent
{
		position: relative;;
        width: 789px;
        height: 600px;
        text-align: center;
        color: #000000;
        overflow: auto;
        top: -32px;
}

#infowindowclose
{
        position: relative;
        float: right;
        left: +10px;
        top: -10px;
        cursor: pointer;
		z-index: 60002;
}

input[placeholder], [placeholder], *[placeholder] {
    color: #000000 !important;
    font-weight: bold;
}