/* CSS Document */

/* Fonts local */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.phoenestra.com/fonts/open-sans-v34-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
FARBEN

#f7931e - orange
#666666 - grau
#f2f2f2 - silber

*/

* {
    box-sizing: border-box;
}

html { font-family: 'Open Sans', sans-serif; }

body { color: #333; font-size: 17px; margin: 0 0 100px 0; }

img { border: 0; }

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

a.orange { color: #dc4405; }


h1 { font-size: 36px; display: inline-block; font-weight: 300; }
h2 { font-size: 20px; display: inline-block; font-weight: 500; margin: 0; }
h3 { font-size: 108%; display: inline-block; }
h4 { font-size: 103%; display: inline-block; }
h5, h6 { font-size: 100%; display: inline-block; }

p { margin: 0 0 10px 0; }

h2.blue { color: #147391; }
h2.green { color: #647d28; }
h2.orange { color: #dc4405; }

.section { margin: 0; }
.container { width: 960px; margin: 0 auto; }

.seperator { height: 1px; background-color: #666; border: none; margin: 10px auto; padding: 0; }
.seperator.white { background-color: #FFF; }

#imglinebg, #imglinebg2, #imglinebg3 { height: 160px; background-repeat: repeat-y; background-position: center; margin: 10px 0 0 0; }
#imgline, #imgline2, #imgline3 { width: 960px; height: 160px; margin: 0 auto; background-repeat:no-repeat; background-position: left; }

#imglinebg { background-image: url(../img/imglinebg.jpg); }
#imgline { background-image: url(../img/imgline.jpg); }

#imglinebg2 { background-image: url(../img/imglinebg2.jpg); }
#imgline2 { background-image: url(../img/imgline2.jpg);  }

#imglinebg3 { background-image: url(../img/imglinebg3.jpg); }
#imgline3 { background-image: url(../img/imgline3.jpg);}


ul#menu { margin: 0; padding: 0; list-style: none; }
ul#menu li { display: inline-block; }
ul#menu li a { color: #dc4405; font-size: 16px; font-weight: 300; }
ul#menu li a:hover { color: #73b4c8; }

ul#footermenu { margin: 0; padding: 0; list-style: none; background-color: #dc4405; padding: 10px 20px; display: inline-block; }
ul#footermenu li { display: inline-block; }
ul#footermenu li a { color: #FFF; font-size: 16px; font-weight: 300; }

#menubutton { position: absolute; right: 15px; top: 0px; display: none; } 

ul#dynmenu { position: absolute; width: 100%; background-color: #96a51e; margin: 0; padding: 0; list-style: none; }
ul#dynmenu li a{ width: 100%; margin: 0; padding: 13px; color: #fff; display: block; border-bottom: 1px solid #fff;}

#header { position: relative; margin-top: 15px;}
#logo { }
#topinfo { text-align: right; float: right; position: absolute; right: 15px; bottom: 5px; }

#footer {position: fixed; bottom: 0; width: 100%;}

.small { font-size: 80%; }

.multi2, .multi3, .multi4 {
	/* Columns */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	/* Gap */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;	
	/* Rules */
    -webkit-column-rule-style: dashed; /* Chrome, Safari, Opera */
    -moz-column-rule-style: dashed; /* Firefox */
    column-rule-style: dashed;	
	/* Rule Width */	
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;	
	/* Rule Color */
    -webkit-column-rule-color: #CCC; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #CCC; /* Firefox */
    column-rule-color: #CCC;	
}

.multi2{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.multi3{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.multi4{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }

.nobreak {
	display: inline-block;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;	
}

.bluebox { background-color: #55a0b9; color: #FFF; font-size: 18px; width: 250px; padding: 10px; font-weight: 500; }
.greenbox { background-color: #96a51e; color: #FFF; font-size: 18px; width: 250px; padding: 10px; font-weight: 500; }

.bluetext { color: #004664; font-size: 16px; }
span.orange { color: #dc4405;  }

.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}

.center { text-align: center; }

.partners div { margin: 7px 0; text-align: center; width: 100%; }

/* DIV LAYOUT ANFANG */

.clear { clear: both; }
.c6, .c8, .c12, .c16, .c18 { display: inline-block; vertical-align: top; }

.c6 { width: 24%; }
.c8 { width: 33%; }
.c12 { width: 49%; }
.c16 { width: 66%; }
.c18 { width: 75%; }
.c24 { width: 100%; }


/*
.c6.one { padding: 0 20px 0 0; }
.c6.two, .c6.three { padding: 0 20px; }
.c6.four { padding: 0 0 0 20px; }

.c8.one { padding: 0 20px 0 0; }
.c8.two { padding: 0 20px; }
.c8.three { padding: 0 0 0 20px; }

.c12.one { padding: 0 20px 0 0; }
.c12.two { padding: 0 0 0 20px; }
*/




/* DIV LAYOUT ENDE */


@media only screen and (max-width: 960px) {

.container { width: 100%; padding: 0 15px; }

#menubutton { display: block; } 

.multi2{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.multi3{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.multi4{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}

.c6 { width: 49%; }
.c8, .c12, .c16, .c18, .c24 { width: 100%; }

.bluebox { width: 100%;}
.greenbox { width: 100%;}
	
}

@media only screen and (max-width: 650px) {

.multi2{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.multi3{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.multi4{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}	

.c6, .c8, .c12, .c16, .c18, .c24 { width: 100%; }

#menu { display: none; }

#footer { position:relative; width: 100%; }
#footer .container { padding: 0; }

#footermenu { width: 100%; }
}

@media only screen and (max-width: 450px) {
	
.multi4{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}	

.c6, .c8, .c12, .c16, .c18, .c24 { width: 100%; }
	
}