/* 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;  
}




/* BODY definitions */  

body 
{
	margin: auto;  
	color: #111111; 
	background: #ffffff;
}




/* Font and Pics definitions */

h1.title { font-size: 30px; line-height: 100%; }
h2.subtitle { font-size: 22px; margin-top: 8px; }
h3 { font-size: 125%; font-weight: bold; color: #f39114; }
p { margin-bottom: 17px; }

strong { font-weight: bold; }
em { font-style: italic; } 
small { font-size: 75%; }

.large { font-size: 18px; font-weight: 400; color: #333333;}
.medium { font-size: 15px; font-weight: 400; color: #333333;}
.normal { font-size: 13px; font-weight: 400; color: #333333;}
.small { font-size: 13px; }
.footer { font-size: 14px; font-weight: normal; color: #111111;}
.footer_small { font-size: 12px; font-weight: normal; color: #111111;}
.final { font-size: 12px; font-weight: normal; color: #555555;}

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.blue { color: #194aaf; }
.green { color: #0b9674; }
.red { color: #aa0000; }
.tc_orange { color: #f39114; }

.fs18	{ font-size: 18px; }
.fs22	{ font-size: 22px; }
.fs28	{ font-size: 28px; }
.fs30	{ font-size: 30px; }

.fs_80pro 	{ font-size: 80%; } 

.fw500	{ font-weight: 500; }

.lh100 { line-height: 100%; }
.lh105 { line-height: 105%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }

.para { padding-bottom: 12px; }

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

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

.w100 { width: 100%; }

.cb { clear: both; }

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

.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_20 { margin-bottom: 20px; }
.marg_b_22 { margin-bottom: 22px; }
.marg_b_25 { margin-bottom: 25px; }
.marg_b_30 { margin-bottom: 30px; }
.marg_b_40 { margin-bottom: 40px; }
.marg_b_80 { margin-bottom: 80px; }
.marg_b_20_imp { margin-bottom: 20px !important; }
.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_25 { margin-top: 25px; }
.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_60_imp { margin-top: 60px !important; }
.marg_t_80 { margin-top: 80px; }

.marg_l_7 { margin-left: 7px; }
.marg_l_10 { margin-left: 10px; }
.marg_l_15 { margin-left: 15px; }
.marg_l_16 { margin-left: 16px; }
.marg_l_17 { margin-left: 17px; }
.marg_l_25 { margin-left: 25px; }
.marg_l_37 { margin-left: 37px; }
.marg_l_40 { margin-left: 40px; }
.marg_l_50 { margin-left: 50px; }

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

.padd_t_4 { padding-top: 4px; }
.padd_t_10 { padding-top: 10px; }
.padd_t_11 { padding-top: 11px; }
.padd_t_14 { padding-top: 14px; }
.padd_t_16 { padding-top: 16px; }
.padd_t_20 { padding-top: 20px; }

.ta_left { text-align: left; }
.ta_right { text-align: right; }
.ta_center { text-align: center; }

.lh90 { line-height: 90%; }

.tbl_kontakt		{ _margin: auto; }
.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_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; }
.input_feld			{ background-color: #f0f0f0; border: 1px solid #c0c0c0; height: 26px; font-size: 13px; }

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

.grey	{ color: #555555; }
.magenta { color: #c40050; }
.noline { text-decoration: none; }

.hover_opacity:hover { opacity: 0.8; }
.white_imp { color: #f0f0f0 !important; } 

TD.fav_artikelnr 	{ min-width: 100px; background-color: #cccccc; padding: 3px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
TD.fav_artikelname 	{ background-color: #cccccc; padding: 3px; border-bottom: 2px solid #ffffff; }
TD.fav_remove 		{ min-width: 40px; background-color: #cccccc; padding: 3px; border-bottom: 2px solid #ffffff; }

TD.inq_amount 		{ min-width: 100px; padding: 3px; padding-left: 6px; padding-right: 6px; border: 2px solid #cccccc; }
TD.inq_artikelnr 	{ min-width: 100px; padding: 3px; padding-left: 6px; padding-right: 6px; border: 2px solid #cccccc; }
TD.inq_artikelname 	{ padding: 3px; padding-left: 6px; padding-right: 6px; border: 2px solid #cccccc; }

a.cc-link, a.cc-link:link, a.cc-link:visited { color: #31a8f0 !important; }
a.cc-btn { margin-right: 60px; }




/* 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: #144f9a;
	text-decoration: none;
}

a:hover
{
	color: #0090d4;
	text-decoration: none;
}



/* 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: #393939;
	font-size: 14px; 
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

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



/* ---- orange button ---- */ 

A.orange_button, 
A.orange_button:link, 
A.orange_button:active, 
A.orange_button:visited 
{
	display: block;
	width: 100%; 
	padding-top: 9px; 
	padding-bottom: 9px; 
	background-color: #f39114;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	transition: 0.5s;
}

A.orange_button:hover 
{
	background-color: #f7b561;
}



/* ---- orange button ---- */ 

A.orange_button2, 
A.orange_button2:link, 
A.orange_button2:active, 
A.orange_button2:visited 
{
	padding-top: 9px; 
	padding-bottom: 9px; 
	padding-left: 27px; 
	padding-right: 27px; 
	background-color: #fcd404;
	color: #111111;
	text-decoration: none;
	_text-align: center;
	transition: 0.5s;
}

A.orange_button2:hover 
{
	background-color: #42afe3;
}



/* ---- download link ---- */ 

A.download_link, 
A.download_link:link, 
A.download_link:active, 
A.download_link:visited 
{
	display: flex; 
	color: #144f9a;
	padding-top: 11px; 
	padding-bottom: 11px; 
	text-indent: 43px; 
	text-decoration: none;
	background-image: url(/img/global/icon_pdf.png);
	background-position: left; 
	background-repeat: no-repeat; 
	transition: 0.5s;
}

A.download_link:hover 
{
	color: #0090d4;
	text-decoration: none;
}



/* ---- box arrow left link ---- */ 

A.bal_link, 
A.bal_link:link, 
A.bal_link:active, 
A.bal_link:visited 
{
	display: flex; 
	color: #144f9a;
	padding-top: 11px; 
	padding-bottom: 11px; 
	text-indent: 43px; 
	text-decoration: none;
	background-image: url(/img/global/boxarrow_left.png);
	background-position: left; 
	background-repeat: no-repeat; 
	transition: 0.5s;
}

A.bal_link:hover 
{
	color: #0090d4;
	text-decoration: none;
	background-image: url(/img/global/boxarrow_left_h.png);
}



/* ---- box arrow right link ---- */ 

A.bar_link, 
A.bar_link:link, 
A.bar_link:active, 
A.bar_link:visited 
{
	display: flex; 
	color: #144f9a;
	padding-top: 11px; 
	padding-bottom: 11px; 
	padding-right: 43px; 
	justify-content: right; 
	text-decoration: none;
	background-image: url(/img/global/boxarrow_right.png);
	background-position: right; 
	background-repeat: no-repeat; 
	transition: 0.5s;
}

A.bar_link:hover 
{
	color: #0090d4;
	text-decoration: none;
	background-image: url(/img/global/boxarrow_right_h.png);
}






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

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




/* ---- Responsive Youtube Embed ---- */ 

.video-block {
  position: relative; 
  padding-bottom: 56.25%; /* 16:9 */
  height: 0; 
  overflow: hidden; 
  width: 100%; height: auto; }

.video-block iframe {
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; height: 100%; }




/* ---- remove border-sizing settings which have been set from slider scripts ---- */

* { box-sizing: content-box !important; }
*::after, *::before { box-sizing: content-box !important; }