@charset "utf-8";

/* GENERIC */
    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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; 
    padding: 0; 
}

h1 {
    font-size: 36px;
}

a:focus {
    outline: 0;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* CONTAINER */
.container {
    background: url('../images/linev.png') repeat-x;
    padding: 0 0 20px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.container h1, .container h2, .container h3 {
    padding: 15px 5px 5px 5px;
}
.container h1 {
    color: #234782;
}
.container h2 {
    color: #333;
}
.container h3 {
    color: #666;
}
.container p {
    /*padding: inherit;*/
}
.container a {
    color: #147AB1;
}
.container a:hover {
    color: #39ADE6;
}
.container > * {
    position: relative;
    overflow-y: hidden;
    overflow-x: visible;
}
.container article {
}
.container article img {
    max-width: 360px;
    margin: 5px;
    width: 98%;
}

/* TAB */
#tabs-h {
	padding: 12px;
}
.tabs-use-for {
	display: inline-block;
	vertical-align: middle;
	padding-right: 31px;
	font-size: 26px;
}
.tabs-h-tabs {
	display: inline-block;
	vertical-align: middle;
}
.tabs-h-tabs ul {
	width: 100%;
}
.tabs-h-tabs ul li {
    display: inline-block;
    position: relative;
    padding: 0;
	margin: 0 9px;
    transition: 0.6 all ease;
}
.tabs-h-tabs ul li a {
	width: 90%;
	height: 100%;
    color: #777;
    display: inline-table;
    padding: 8px 12px;
    border-bottom: transparent 2px solid;
	text-align: center;
}
.tabs-h-tabs ul li:hover {
    
}
.tabs-h-tabs ul li:hover a {
    color: #444;
    text-decoration: none;
    border-bottom: #ccc 2px solid;
}
.tabs-h-tabs ul li.selected {
    background-color: #fff;
    transition: 0.6 all ease;    
}
.tabs-h-tabs ul li.selected a {
    color: #379;
    font-weight: bold;
    border-bottom: #6ac 2px solid;
}
.tabs-h-tabs ul li.selected a:after {
    content:"";
    vertical-align: middle;
    width: 0;
    height: 0;
    border-color: #6ac transparent transparent transparent;
    border-style: solid;
    border-width: 12px;
    position: absolute;
    left: 45%;
    bottom: -24px;
}
.tabs-h-panel {
	padding: 0;
}
.tabs-h-panel > div {
}
.tabs-h-panel .tab-paragraph {
	margin: 2%;
	width: 43%;
	float: left;
	padding: 24px;
}
.tabs-h-panel p {
	color: #070912;
	padding: 24px;
	position: relative;
	font-size:15px;
}
.tabs-h-panel .quoted:before {
	content: "“";
	font-size: 90pt;
	position: absolute;
	left: -24px;
	top: -18px;
	color: #9ce;
}
.tabs-h-panel .quoted:after {
	content: "„";
	font-size: 90pt;
	position: absolute;
	right: -24px;
	bottom: -18px;
	color: #9ce;
}
.tabs-h-panel img {
	margin-top: 3%;
	margin-left: 3%;
	float: left;
}