/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

  


/* Tell the browser to render HTML 5 elements as block */  

header, footer, aside, nav, section, article 
{  
    display: block;  
}




/* Font Includes */

/*
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
*/



/* BODY definitions */  

body 
{
	margin: auto;  
	font: 22px/24px Nunito, Arial, Helvetica, Tahoma, Sans-Serif; 
	color: #111111; 
	background: #ffffff;
}




/* Font and Pics definitions */

h1.title { font-size: 30px; line-height: 100%; }
h2.subtitle { font-size: 22px; margin-top: 8px; }
p { margin-bottom: 17px; }

strong { font-weight: bold; }

.large { font-family: Lato, Arial, Sans-Serif; font-size: 18px; font-weight: 400; color: #333333;}
.medium { font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 400; color: #333333;}
.normal { font-family: Lato, Arial, Sans-Serif; font-size: 13px; font-weight: 400; color: #333333;}
.small { font-size: 16px; }
.footer { font-size: 14px; color: #111111;}
.footer_small { font-size: 12px; color: #111111;}
.footer_large { font-size: 18px; font-weight: 600; color: #111111;}
.footer_large2 { font-size: 18px; color: #111111;}
.final { font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-size: 12px; font-weight: normal; color: #555555;}

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.noline { text-decoration: none; }
.blue { color: #182c5e; }
.blue_imp { color: #182c5e !important; }
.green { color: #0b9674; }
.red { color: #aa0000; }
.red_imp { color: #aa0000 !important; }
.tc_red { color: #aa0000; }
.tc_green { color: #0b9674; }

.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }

.lh90 { line-height: 90%; }
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }

.para { padding-bottom: 12px; }

.blind { display: none; visibility: hidden; }

.c_pointer { cursor: pointer; }

.w33 { width: 33%; }
.w100 { width: 100%; }
.h100 { height: 100%; }

.d_flex	{ display: flex; }

.f_left { float: left; }
.f_right { float: right; }
.f_none { float: none; }

.pic_right { float: right; margin-left: 12px; border: 1px solid #444444; }
.pic_left   { float: left; margin-right: 12px; border: 1px solid #444444; }
.pic_border { border: 1px solid #bbbbbb; }

.marg_b_3 { margin-bottom: 3px; }
.marg_b_5 { margin-bottom: 5px; }
.marg_b_7 { margin-bottom: 7px; }
.marg_b_10 { margin-bottom: 10px; }
.marg_b_14 { margin-bottom: 14px; }
.marg_b_16 { margin-bottom: 16px; }
.marg_b_18 { margin-bottom: 18px; }
.marg_b_20 { margin-bottom: 20px; }
.marg_b_25 { margin-bottom: 25px; }
.marg_b_30 { margin-bottom: 30px; }
.marg_b_40 { margin-bottom: 40px; }
.marg_b_40_imp { margin-bottom: 40px !important; }

.marg_t_6 { margin-top: 6px; }
.marg_t_7 { margin-top: 7px; }
.marg_t_10 { margin-top: 10px; }
.marg_t_11 { margin-top: 11px; }
.marg_t_14 { margin-top: 14px; }
.marg_t_20 { margin-top: 20px; }
.marg_t_30 { margin-top: 30px; }
.marg_t_40 { margin-top: 40px; }
.marg_t_45 { margin-top: 45px; }
.marg_t_45_imp { margin-top: 45px !important; }
.marg_t_50 { margin-top: 50px; }
.marg_t_60 { margin-top: 60px; }
.marg_t_78 { margin-top: 78px; }
.marg_t_95 { margin-top: 95px; }

.marg_l_5 { margin-left: 5px; }
.marg_l_10 { margin-left: 10px; }
.marg_l_16 { margin-left: 16px; }
.marg_l_25 { margin-left: 25px; }
.marg_l_50 { margin-left: 50px; }

.marg_r_10 { margin-right: 10px; }
.marg_r_20 { margin-right: 20px; }

.padd_t_4 { padding-top: 4px; }
.padd_t_11 { padding-top: 11px; }
.padd_t_14 { padding-top: 14px; }

.padd_lr_15 { padding-left: 15px; padding-right: 15px; }

.ta_right { text-align: right; }

.tbl_kontakt		{  }
.tbl_kontakt_head	{ text-align: left; font-weight: bold; padding-top: 1px; padding-bottom: 6px; }
.tbl_kontakt_l		{ text-align: left !important; padding-top: 2px; padding-bottom: 2px; }
.tbl_kontakt_r		{ text-align: left; padding-top: 2px; padding-bottom: 2px; }

.tbl_normal		{ text-align: left !important; padding-top: 2px; padding-bottom: 2px; }

.tbl_std			{ border-collapse: collapse; border: 1px solid #777777; }
.tbl_std_head   		{ padding: 8px; background-color: #eaeaea; font-size: 0.8em; }
.tbl_std_normal 		{ padding: 8px; background-color: #eaeaea; }
.tbl_std_normal2 	{ padding: 8px; padding-top: 12px; padding-bottom: 12px; background-color: #eaeaea; }
.tbl_std_normal2a 	{ padding: 8px; padding-top: 12px; padding-bottom: 16px; background-color: #eaeaea; }

.tbl_news			{ margin-bottom: 40px; border-collapse: separate; border-spacing: 2px; }
.tbl_news_head   		{ font-weight: bold; padding-left: 0px; padding-top: 3px; padding-bottom: 15px; }
.tbl_news_title  	{ background-color: #3559a1; padding: 3px; font-weight: normal; font-size: 9pt; color: #ffffff; }
.tbl_news_normal 	{ background-color: #e0e0ef; padding: 3px; } 
.tbl_pointer:hover 	{ cursor:pointer; } 

.textarea_feld		{ background-color: #f0f0f0; border: 1px solid #c0c0c0; color: #111111; }
.input_feld			{ background-color: #f0f0f0; border: 1px solid #c0c0c0; color: #111111; height: 28px; }
.select_feld		{ background-color: #f0f0f0; border: 1px solid #c0c0c0; }
.select_feld_p12	{ background-color: #f0f0f0; border: 1px solid #c0c0c0; padding-left: 12px; padding-right: 12px; }

.border_red			{ border: 1px solid #bb0000; }
.border_magenta		{ border: 1px solid #c40050 !important; background: #fbedf3 !important; }

.grey	{ color: #555555; }
.magenta { color: #c40050; }




/* listing definitions */

ul 
{
	list-style: disc outside;
	padding-left: 14px;
	margin-bottom: 17px;
}




/* Hyperlink Settings for NORMAL links in texts */

a:link,
a:visited,
a:active
{
	color: #0171bb;
	text-decoration: none;
}

a:hover
{
	color: #00a000;
	text-decoration: none;
}



/* Hyperlink Settings for color change black to turky  */

a.hover_tk:link,
a.hover_tk:visited
{
	color: #111111;
}

a.hover_tk:active,
a.hover_tk:hover
{
	color: #2bb7c2;
}



/* Hyperlink Settings for links in header  */

a.link_header:link,
a.link_header:visited
{
	color: #FFFFFF;
	font-size: 15px; 
}

a.link_header:active,
a.link_header:hover
{
	color: #b99f55;
	font-size: 15px; 
}



/* Hyperlink Settings for links in footer  */

a.link_footer:link,
a.link_footer:visited
{
	color: #111111;
	font-size: 14px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

a.link_footer:active,
a.link_footer:hover
{
	color: #2bb7c2;
	font-size: 14px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}



/* Hyperlink Settings for links in submenus  */

a.sm_link:link,
a.sm_link:visited
{
	display: block;
	width: 100%;
	color: #fafafa;
	font-size: 18px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	_padding-left: 20px;
	margin-top: 10px;
}

a.sm_link:active,
a.sm_link:hover
{
	display: block;
	width: 100%;
	color: #f4c92e;
	font-size: 18px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	_padding-left: 20px;
	margin-top: 10px;
}







/* Hyperlink Settings for links in page texts (only underline) */

a.link_pagetext:link,
a.link_pagetext:visited,
a.link_pagetext:active,
a.link_pagetext:hover
{
	color: #333333;
	text-decoration: underline;
}



/* Hyperlink Settings for links in boxes */

a.link_box:link,
a.link_box:visited,
a.link_box:active,
a.link_box:hover
{
	color: #0b9674;
	text-decoration: none;
}



/* Hyperlink Settings for links in gray (e.g. in footer) */

a.link_gray:link,
a.link_gray:visited,
a.link_gray:active,
a.link_gray:hover
{
	color: #333333;
	text-decoration: none;
}



/* Hyperlink Settings for links in gray, but with underline on hover */

a.link_gray_underline:link,
a.link_gray_underline:visited,
a.link_gray_underline:active
{
	color: #333333;
	text-decoration: none;
}

a.link_gray_underline:hover
{
	color: #333333;
	text-decoration: underline;
}



/* Hyperlink Settings for download links (with pdf icon) */

a.link_download:link,
a.link_download:visited,
a.link_download:active,
a.link_download:hover
{
	color: #333333;
	text-decoration: none;
	background: url(/img/general/icon_pdf.png) left top no-repeat;
	padding-left: 22px;
	padding-top: 1px;
}



/* Hyperlink Settings for paging links at the bottom of pages */

a.pl_left:link,
a.pl_left:visited,
a.pl_left:active
{
	float: left; 
	width: 300px;
	padding-left: 15px;
	color: #1d9a7c;
	text-decoration: none;
	font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 700;
	background: url(/img/general/pl_left.png) 0px 6px no-repeat;
}

a.pl_left:hover
{
	float: left; 
	width: 300px;
	padding-left: 15px;
	color: #4444FF;
	text-decoration: none;
	font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 700;
	background: url(/img/general/pl_left_hl.png) 0px 6px no-repeat;
}

a.pl_right:link,
a.pl_right:visited,
a.pl_right:active
{
	float: left; 
	width: 300px;
	padding-right: 15px;
	color: #1d9a7c;
	text-decoration: none;
	font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 700; text-align: right;
	background: url(/img/general/pl_right.png) right 6px no-repeat;
}

a.pl_right:hover
{
	float: left; 
	width: 300px;
	padding-right: 15px;
	color: #4444FF;
	text-decoration: none;
	font-family: Lato, Arial, Sans-Serif; font-size: 15px; font-weight: 700; text-align: right;
	background: url(/img/general/pl_right_hl.png) right 6px no-repeat;
}




/* Hyperlink Settings for button links */

/* ...maybe coming later... */






/* ---- Wrapper and Page Container Definitions ---- */

div#wrapper
{
	margin: auto;  
	width: 100%;
}




/* custom select box */ 

DIV.custom_select100
{
	position: relative;
	float: left;
	width: 100px; 
	height: 48px;
	top: 0px;
	border: 1px solid #bababa;
	margin-bottom: 9px;
	overflow: hidden; 
	background: url(/img/global/select-arrow.png) no-repeat right #e1f0ff;
}

	DIV.custom_select100 SELECT
	{
		position: relative; 
		float: left;
		background: transparent;
		width: 118px; 	/* 18px more width than DIV above in order to push native arrow out of sight */
		height: 44px;
		padding-left: 6px;
		margin-top: 3px;
		left: -1px;
		border: 0;
		border-radius: 0;
		font-family: Arial, Helvetica, Tahoma, Sans-Serif;
		font-size: 16px;
		-webkit-appearance: none;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{ 
		DIV.custom_select100 SELECT	{ left: 0px; }
	}
	
		DIV.custom_select100 SELECT OPTION
		{
			padding-left: 8px;
		}