/*CSS FILE ALL RIGHT RESERVERD TO LISSENBURG (BART LISSENBURG) */

body {margin: 0 auto; min-height: 100%; background-color: #111;}
h1 {color: #fff;}
h2 {color: #fff; text-decoration: none; letter-spacing: 2px;}
.x {color: #ef3937; text-decoration: none; letter-spacing: 2px;}
.container {height: auto; width: 100%;}
/*-------------------------------HEADER--------------------------------*/
.headercontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; top:0px; background-color: #111;}
.header {width: 95%; margin-left: auto; margin-right: auto;}
.headerleft {}
.headercenter {width: 100%; height: 100%; color:#f2f2f2;}
.logo {max-width: 200px; margin-top: 20px;}
.headerright {}
/*-----------------------------END HEADER------------------------------*/


/*--------------------------------MENU---------------------------------*
.menucontainer {height: 0px; width: 100%; margin-left: auto; margin-right: auto; background-color: #111;}
.menu {width: 75%; margin-left: auto; margin-right: auto;}
.menuleft {}
.menucenter {height:150px; text-align: left;}
.nav {margin:0; padding: 0;}
ul.nav > li {display: inline-block; position: relative; border: none; }
.navitem a {margin-left: 20px; margin-right: 20px;}
.navitem:first-child a{margin-left: 0px;}
ul.nav > li ul {display: none; position: absolute; left: -1px; width: 150px; margin-top: 1px; margin-left: -30px;}
ul.nav > li:hover ul {display: block;}
ul.nav > li ul li {display: inline-block;} 
.menuright {}
/*------------------------------END MENU-------------------------------*/


/*------------------------------CONTENT--------------------------------*/
.contentcontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; padding-top: 20%; background-color:#111;}
.content {width: 75%; margin-left: auto; margin-right: auto;}
.contenleft {}
.contentcenter {text-align: center;}
.contentright {}
/*-----------------------------END CONTENT-----------------------------*/


/*-------------------------------FOOTER--------------------------------*/
.clearfooter {}

.footercontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; position: absolute; background-color: #111; bottom: 0;}
.footer {width: 75%; margin-left: auto; margin-right: auto;}
.footerleft {}
.footercenter {text-align: center; font-size: 8px; font-weight: normal; font-family: 'Economica'; font-weight: 100; letter-spacing: 1px;}
.footerright {}
/*-----------------------------END FOOTER------------------------------*/

/*------------------------------ALGEMEEN-------------------------------*/
a {text-decoration: none; color: #fff;}
a:hover{text-decoration: underline;}

@font-face {
font-family: 'Champagne & Limousines';
font-style: normal;
font-weight: normal;
src: local('Champagne & Limousines'), url('Champagne & Limousines.woff') format('woff');
}


@font-face {
font-family: 'Champagne & Limousines Italic';
font-style: normal;
font-weight: normal;
src: local('Champagne & Limousines Italic'), url('Champagne & Limousines Italic.woff') format('woff');
}


@font-face {
font-family: 'Champagne & Limousines Bold';
font-style: normal;
font-weight: normal;
src: local('Champagne & Limousines Bold'), url('Champagne & Limousines Bold.woff') format('woff');
}


@font-face {
font-family: 'Champagne & Limousines Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Champagne & Limousines Bold Italic'), url('Champagne & Limousines Bold Italic.woff') format('woff');
}