@charset "utf-8";
/* CSS Document */
* {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:100,01%;
}
ul,
li {
list-style:none;
}
img {
border:none;
z-index:1;
padding:0;
margin:0;
line-height:0;
}

/*------------------------------------------------------------------------*/
/*---------- Container - Boxes ----------*/
body {
background:#E6E7E8;
}

#container {
width:800px;
height:auto;
margin:3% auto;
box-shadow: 0px 0px 10px #000;
}

header {
width:800px;
background:#222;
height:auto;
display:flex;
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:-o-flex;
overflow:hidden;
}

	#logo {
	height:90px;
	width:250px;
	background-position:center center;
	background-repeat:no-repeat;
	background-origin:content-box;
	background-size:100% auto;
	float:left;
	}
	nav {
	width:550px;
	height:auto;
	float:left;
	}

#content {
width:800px;
height:auto;
background:#222;
background-position:center top;
background-repeat:no-repeat;
background-origin:content-box;
background-size:100% 100%;
}

footer {
width:800px;
height:auto;
background:#222;
overflow:hidden;
}


	#text-container {
	display:flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:-o-flex;
	width:800px;;
	height:auto;
	overflow:hidden;
	background:#222;
	}
	
	#text-container-left {
	width:360px;
	padding:20px;
	float:left;
	height:auto;
	}
	#text-container-right {
	width:360px;
	padding:20px;
	padding-top:40px;
	float:left;
	height:auto;
	}
	


	#footer-nav {
	text-align:right;
	padding:5px 0;
	font-size:80%;
	background:#222;
	clear:both;
	}
		
		#footer-nav a {
		color:#444;
		margin-right:8px;
		}
		#footer-nav a:hover {
		color:#fff;
		}









/*------------------------------------------------------------------------*/
h1.titel1 {
font-weight:bold;
font-size:100%;
color:#fff;
letter-spacing:1px;
margin-bottom:3px;
}

p {
color:#999;
font-size:90%;
}

.link {
color:#999;
text-decoration:underline;
}
	.link:hover {
	color:#fff;
	}


/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */

#sse1
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: #222;
    height: 38px;
    padding: 15px 0px;
    border-radius: 3px;
	width:550px;
	float:left;
}
#sses1
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
	width:550px;
}
#sses1 ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
    bor der-bottom:solid 1px #6C0000;
}
#sses1 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
    background-color:#800;
    top:36px;
    height:2px;
    border-bottom:solid 1px #C00;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses1 li a
{
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #999;
    font: normal 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}