/* COLORS

font-family:'Futura BT W01 Bold';
font-family:'Futura BT W01 Book';
font-family:'FuturaBTW01-LightConden';

BLAU #0096D5
*/

/* === */

/*#canvas { background: #c00 }

.img-responsive { height: 600px; }
*/

#primarynav { background: #444 }
#primarynav .l1 a  {  font-family: 'FuturaBTW01-LightConden'; }


/* = TEXTSTILE ======================================= */
html * { font-size:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { font-size: 16px; line-height: 1.4; }

body,h1,h2,h3,h4,
p,table,ol,ul,dl,li,a,address,dd,dt, .ctel li span,
form,input,textarea,select,label { 
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	font-weight: 300;
}

/* FONT-SIZES */
.small 		{ font-size: 81.81% !important;	line-height: 125% !important; }
.smaller 	{ font-size: 75% !important;	line-height: 125% !important; }
.big 		{ font-size: 160% !important; line-height: 125%;  }

/* HEADLINES */
h1, h2, h3, h4, 
h1 *, h2 * , h3 *, h4 * { font-family: 'Open Sans Condensed', Arial, sans-serif;  }
h1, h2, h3, h4 { margin: 1.5em 0 0.5em 0; letter-spacing: 0.1ex }
.header h1, .header h2, .header h3, .header h4  { margin-top: 0; margin-bottom: 0; }

h1, .h1 	{ font-family: 'Futura BT W01 Bold', Arial, sans-serif; color: #00943B; font-size: 200%; line-height: 90%; text-transform: uppercase; font-weight: 400; }
h2, .h2 h1 	{ color: #333333; font-size: 116.66666%; line-height: 110%; text-transform: none }
h3, .h3 h2 	{ color: #333333; font-size: 100%; }

.csc-text-text > h1:first-child, .csc-text-text > h2:first-child, .csc-text-text > h3:first-child, 
.csc-text-text .col-sm-4 > h3:first-child { margin-top: 0 }

/* ABSÄTZE / TABELLEN IN CONTENT-ELEMENTEN */
p, ul, ol, blockqoute, address, table { margin: 0 0 0.8em 0; }
p + p.small 	{ margin-top: 0 }
li p 			{ margin-bottom: 0.2em; }

p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

em        { font-style: italic; }
b, strong { font-weight: 400; font-family: 'Futura BT W01 Book', Arial, sans-serif; }
address   { font-style: normal;  }
table     { width: 100%; }
table p   { margin: 0; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none;  }
table td { padding: 0.1em 0; }
table caption { text-align: left; }

/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
li { margin: 0; }
.csc-text-text ul, .csc-text-text ol { padding: 0 0 0 1.4em; }
.csc-text-text li { padding: 0 0 .2em 0; margin: 0; }
.csc-text-text ul li { margin-left: -0.2em; padding-left: 0.2em; }

.csc-text-text ul, 
.infos ul { padding: 1px 0 0 0; }
.csc-text-text ul li, 
.infos ul li { list-style: none; margin-left: 20px; padding-left: 0; position: relative; }
.csc-text-text ul li:before, 
.infos ul li:before {
	content:"";
	text-indent: 0;
	overflow: hidden;

	position: absolute;
	top: .4em;
	left: -20px;
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-radius: 3px;
	background: #555555;
}

/* === JQUERY UI === */
.ui-accordion .ui-state-focus { outline: 0; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; zoom: 1; background: #AAA; }

.ui-accordion .ui-accordion-icons { /*padding-left: 1.2em;*/ }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; height: 15px; width: 25px; left: 10px; right: auto; top: 50%; margin-top: -4px; 
	background: transparent url('sprite_arrows-.svg') no-repeat;
	background-position: 0 0;
	overflow: hidden; 
	opacity: 1;
}

.ui-accordion .ui-state-active .ui-accordion-header-icon { background-position: 0 -32px; }


.ui-accordion .ui-accordion-header {  text-transform: uppercase; font-weight: 300; color: #444; padding: 15px 30px 10px 45px; margin: 0 0 0px 0 !important; transition: background-color 0.2s; border-radius: 0; overflow: hidden; }
.ui-accordion .ui-accordion-header * { margin-bottom: 0; }

.ui-accordion .ui-accordion-header.ui-state-active { background: #868686; }
#content .ui-accordion .ui-accordion-content { padding: 0 0; margin: 0 0 0 0; }

/* ====== */
		
.list-unstyled { padding-left: 0; list-style: none; }
.list-unstyled > li { margin-left: 0;  }
.list-unstyled > li:before { display: none; }

.dark { background: #B99E84; }
.dark2 { background: #C5CEAF; }
.dark3 { background: #728E44; }
.bright { background: #E1E6D6; }

.ctel.dark { background: transparent; }
.ctel.dark  * { color: #fff !important; }
.ctel.dark  a, .ctel.dark  span { text-decoration: none !important; }
.ctel.dark  a:hover { text-decoration: underline !important; }

.ctel.dark > * { background: #B99E84; }
.ctel.dark > * { padding: 10px 10px 10px 10px;  }
.ctel.dark .header { background: #EBE6DE; }
.ctel.dark .header * { color: #A78665 !important }

a.btn, a.btn:link, a.btn * { font-family: 'Futura BT W01 Bold', Arial, sans-serif; font-size: 16px; letter-spacing: 0.1ex }
a.btn:hover { }

.border-bottom 	{  border-bottom: 2px solid #CACACA; }
.border-top 	{  border-top: 2px solid #CACACA; }

.ctel.bright { background: transparent; }
.ctel.bright > * { background: #FFFFFF; }
.ctel.bright > * { padding: 10px 10px 10px 10px;  }

.ctel.bright + .ctel.bright { margin-top: -2em; }

.header a { font-family: inherit; transition: color .2s; -webkit-transition: color .2s; }
.header a:active, .header a:focus { color: inherit; }
.header a:hover { text-decoration: none; color: #006C2B; }
.header a:after { text-decoration: none; font-size: 60%; margin-left: .5em;  }

h3 a.external-link-new-window:after { text-decoration: none; }
h3 a.external-link-new-window:link { text-decoration: none; }
h3:hover a.external-link-new-window { text-decoration: underline; }

@media(max-width: 1024px) {
	body { font-size: 15px; }
}