/*
 Theme: o4u
 Author: Georg Richter
 Description: theme for o4u.
 Version: 1.1
*/


/*
  ###########################################################
  ###########################################################
  Fonts
  ###########################################################
  ###########################################################
*/



@font-face {
    font-family: 'open_sans';
    src: url('font/opensans/OpenSans-Regular.woff2') format('woff2'),
         url('font/opensans/OpenSans-Regular.woff') format('woff'),
         url('font/opensans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('font/opensans/OpenSans-Bold.woff2') format('woff2'),
         url('font/opensans/OpenSans-Bold.woff') format('woff'),
         url('font/opensans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'cinzel';
    src: url('font/cinzel/Cinzel-Regular.woff2') format('woff2'),
         url('font/cinzel/Cinzel-Regular.woff') format('woff'),
         url('font/cinzel/Cinzel-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cinzel';
    src: url('font/cinzel/Cinzel-Bold.woff2') format('woff2'),
         url('font/cinzel/Cinzel-Bold.woff') format('woff'),
         url('font/cinzel/Cinzel-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*
  ###########################################################
  ###########################################################
  Body and Main Parts
  ###########################################################
  ###########################################################
*/

body {
	font-family: open_sans, serif;
    	margin: 0;
    	padding: 0;
    	background-color: #ffffff;
    	font-size:14px;
  }
a {
    text-decoration:none;
    color:#222323;
    text-transform:uppercase;
  }
a img {
    border:none;
  }
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
  }  
/*
  ###########################################################
  ###########################################################
  Header
  ###########################################################
  ###########################################################
*/


.header {
        width: 1200px;
        margin: 0 ;
        padding-top: 10px;
        }
.header .logo {
         float: left;
        width: 500px;
        padding-top: 10px;
        padding-left: 50px;
        }	
.header .logo h2 {
	color:#000011;
        font-family: 'Cinzel', serif;
        font-weight: bold;
	font-size:46px;
	line-height:30px;
	margin:0;
	padding:0;
        }
.header .logo h2.logo-second {
	color:#8c9699;
        font-family: 'cinzel', serif;
	font-size:34px;
	line-height:40px;
	letter-spacing:1px;
	margin:0;
	padding:0;
        }
.logopic {
        float:left;
        padding-top: 10px;
        padding-left: 10px;
  		position: relative;
        }	

.header .top_nav .socials {
        float:right;
        width:120px;
        margin-top:0;
        text-align:right;
        }
        
 .header .top_nav .msg {
 	float:right;
        font-size: 19px;
        font-family: 'open_sans';
        font-weight: bold;
        text-align: right;
        margin-top: 10px;
        }
.header .top_nav .nav {
        float: right;
        text-align: right;
        margin-top: 30px;
        font-size: 14px;
        color:#4f4f50;
        font-family: 'open_sans';
        
        }      
.header .top_nav .nav a{
        color:#4f4f50;
        }

/*
  ###########################################################
  ###########################################################
  Menue
  ###########################################################
  ###########################################################
*/        
.menue {
	position: absolute;
	background-color: #222323;
	height:42px;
	width: 100%;
	top:110px;
	left:0px;
	}
	
.mainmenue {
	float: left;
	font-family: 'open_sans';
	font-weight: normal;
	height: 20px;
	display:block;
	z-index:99;
	cursor:pointer;
	position: relative;
	background-color: #222323;
	color: #dddfdf;
	margin:1px;
        padding:5px;
        padding-left:40px;
        font-size:18px;	
        }