@font-face {

font-family: helvetica1;

src: url("font/helvetica-condensed-oblique.otf/Helvetica-Condensed-Oblique.otf") format("opentype");

}

html {height:100%;}

body {

	margin: 0; padding: 0; 

	

	background:url(images/bg.jpg);



	font-family:Arial;

}



.container {

	/*max-width: 830px;*/

	max-width: 980px;

    width: 80%;

	min-height:100%;    

    margin: 0 auto;

	background-color:#fff;



}



.header { width: 100%;}

.header .logo img {max-width:100%; float:right; }







.mainbox {margin: 20px 2% 20px 2%; /*background-color:#0ff;*/}



.contentbox {width: 68%; float:left; }

.contentbox .inner {min-height:330px; padding:0 30px 0 10px; }

.contentbox li{ line-height:none; margin:0px; }



.rightbox {width: 30%; float:right; }

.rightbox .inner {padding:0 5px 0 5px;}



.lefttboxheader {width: 40%; float:left; }

.lefttboxheader .inner {padding:0 0 0 10px;}

.rightcontentbox {width: 60%; float:right; }

.rightcontentbox .inner {/*min-height:330px;*/ padding:0 0 0 0; }





#contentwide {width: 100%; }



.footer {

    width: 80%;	

    max-width: 980px;

	/*height:40px;*/

	height:50px;

    margin: -40px auto 0 auto;

	position:relative;

	background-color:#043169;

	/*border-radius: 0px 0px 10px 10px;*/

	border-bottom-left-radius:1em;

	border-bottom-right-radius:1em;

	/*border-top:#ed1c91 thick 3px;*/

	border-top: 5px solid #ed1c91;

	

}



.footer .footerpic {width:100%; height:100%;}



.footer .inner { position:absolute; top:10px; left: 0; width:100%; /*font-size:0.8em;*/ font-size:14px; text-align:center; line-height:110%;  color: #fff ! important; font-family:Verdana;}

.footer .inner span { font-size:0.7em;}







.clearer {height:60px; clear:both;}





/*.inner h1, .inner h2 {color: #fff ! important}

.rightbox .inner h3 {color: #fff ! important}*/

.rightbox .inner  {color: #000 ! important}

h1 { color:#043169; font-size:24px; font-family:Arial; font-weight:bold; }

h2 { color:#ed1c91; font-size:20px; font-family:Arial; }

h3 { color:#043169; font-size:18px; font-family:Arial; }

h4 { color:#ed1c91; font-size:16px; font-family:Arial; }

h5 { color:#043169; font-size:14px; font-family:Arial;  margin:0px;}

h6 { color:#ed1c91; font-size:12px; font-family:Arial;  margin:0px;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation/ */

/* http://tessathornton.com/ */



a#mobilemenu {

    display:  none;   

}

a#mobilemenu span {display:block; padding: 10px 15px; font-weight: bold;}





/***********************************

	header-menu

************************************/



.topmenubar {/*background-color:#0f485e;*/

background-color:#043169;

border-radius: 5px 5px 0px 0px;

/*border-top-right-radius:1em;

border-top-left-radius:1em;*/

/*border-top: 2px solid #a1a1a1;





   

    border-radius: 10px 10px 0 0;*/





}



/* Link Formatting */

ul.nav { 

	list-style-type: none;

	margin: 0; padding: 0;

	position: relative;

	font-family:helvetica1;

		

}



ul.nav li {

	float: left; 

	list-style-type: none;

	list-style-image: none;

	position: relative;  

	font-weight: normal; 	

	margin: 0; padding: 0;

	border-right: 1px solid #fff;

	/*background-color:#043169;*/

}

ul.nav li li {background-color:#448ccb;}

ul.nav li li li {background-color:#448ccb;}



.nav li a {

	display: block; 	

	text-decoration: none; 

	/*font-weight: bold;*/

	/*text-shadow: 1px 1px 1px #000;*/

	/*padding: 8px 12px;*/

	padding: 8px 26px;

    color:#fff;

	text-transform:uppercase;



}

li.menu-sibling.menu-last{ border-right:0px; }





/* Hover Formatting */

.nav  li a:hover, .nav li a:focus, .nav li a:active, .nav li a.active, .nav a.menu-current, .nav a.menu-parent {

	 /*background-color: #043169;*/  color: #ed1c91;

}







/* 2 Ebene */

.nav li ul {

	background: none;

    display: none;

    width: 11em; 

    margin: 0; padding:0;

    position: absolute;

}

.nav li ul li {

	width: 11em; 

	text-align: left; 

	font-weight: normal; 

	margin: 0; 

	padding: 0;

	border-top: 1px solid #fff;

	border-right: none;

}

.nav li ul li a {	

    color: #fff;

    font-weight: normal;

	padding: 0px 10px;    

}





/* 2 Ebene hover */

.nav li ul a:hover,  .nav li ul a.menu-current { background-color: #448ccb;  color: #000;}





/* Show and hide */

.nav li:hover ul, .nav li a:focus ul {display: block; }

.nav li ul ul { display: none;}

.nav li:hover ul ul {display: none;}

.nav li:hover>ul, .nav  li li:hover>ul {display: block;  z-index: 1000;}





/* 3 Ebene  */

.nav li ul li ul	{ 

	margin: -41px 0 0 70%; 

	padding: 0 0 0 49px;

	z-index: 9999;  

	display: none;

	width: 11em; 

}

.nav li ul li ul li	{width: 11em;}





/* 4 Ebene 

.nav   li ul li ul li ul	{  width: 9em; background: #5f2e58;}

.nav  li ul li ul li ul li	{  width: 9em; }

.nav  li ul li ul li ul li a 	{ width: 8.5em;}

*/

/* Positioning hover */

.nav li {position: relative;}



.nav li:hover {

	z-index: 10000;	

	white-space: normal;						

}





ul.nav li.ulend {height:10px; /*background: transparent url(images/ulend.png) repeat-x;*/}

ul.nav > li.ulend {display:none ! important;}



ul.nav a.menu-parent { /*color: #000; background-color: #68cecf;*/}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/









@media screen and (max-width: 768px) {
ul.nav li{border:none;border-top:none;}
.nav li ul li {
	border:none;
	border-top:none;
	}
	body {/* background-image: url(images/bodybgmobile.jpg);*/ }



	

	a#mobilemenu { 

	display:  block;  

	background: #043169;   

    color: #fff;

	width:100%;}

	

    ul#mobile, ul#mobile ul, ul#mobile ul ul {width:100% ! important; position: static ! important; margin: 0 0 0 0 ! important; display: none}

	ul#mobile li, ul#mobile li li, ul#mobile li li li {

			float: none;

			border-right: none; 

			width:100%  ! important;

			display: block;

			border-bottom: 1px solid #fff;

	}

	

	

	ul#mobile li.menu-parent > ul, ul#mobile li.menu-current > ul {display: block}

	ul#mobile {display: block}

	

	ul#mobile a.menu-parent { color: #fff; background-color: #68cecf;}	

	#mobile a.menu-parent { color: #000;}

	#mobile a.menu-expand {

		background-image: url("images/downArrow.png");

		background-repeat: no-repeat;

		background-position: right 50%;

	}



	ul#mobile {display:none;}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.container { width: 100%; }

	

	.mainbox {margin: 20px 0 20px 0;}

	.contentbox {width: 100%;}

	/*.rightbox {display:none;}*/

	.rightbox { display:block; width:100%;}

	.footer { width: 100%; }

	

	.lefttboxheader{ display:block; width:100%;}

	.rightcontentbox { display:block; width:100%;}

	

	.showonmobiles {display:block ! important;}

	ul#mobile li > ul {

    display: block;}



}