body
{
	padding:0px;
	margin:0px;
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
a
{
	text-decoration:none;
	color:#FFF;
}





container
{
	width:100%;
	display:block;
	max-width:1000px;
	margin:auto;
	/*border:solid thin #666;*/
}




header
{
	background-color:#000;
}
header .logo
{
	padding:40px 20px 40px 00px;
}
header .logo img
{
	max-width:388px;
	width:100%;
}
header .toggleNavigation
{
	display:none;
	background-image: url("../img/icon.png");
	background-repeat:no-repeat;
	background-position:center;
  	height: 20px;
  	width: 20px;
	position:absolute;
	right:15px;
	margin-top:-50px;
	border:thin solid #666;
	border-radius:5px;
	padding:2px;
	box-shadow:2px 2px #666666;
}

@media (max-width: 768px) {
	header  {  } 
	header .logo { padding:20px 60px 20px 20px; }
	header .toggleNavigation { display:inline-block; }
}











content::after {
  	content: "";
	display:block;
	width:100%;
	height:60px;  
}

content .top
{
	background-color: #fff;
	height:50px;
  	width: 100%;
  	display: block;
  	z-index: 201;
  	position: relative;
}

content .middle
{
	background-image: url("../img/content-bg.jpg");
  	height: 370px;
  	width: 100%;
  	display: block;
  	z-index: 201;
}

content .middle > div {
  background-image: url("../img/world.png");
  background-repeat: no-repeat;
  background-position: center top;
  height:100%;
  width:100%;
  display:inline-block;
}

content .default
{
	background-color: #fff;	color:#333;

}
content .default a 
{
	color:#ed8d03;
}
content .default h1,
content .default h2,
content .default h3,
content .default h4,
content .default h5
{
	color:#ed8d03;
	margin:0px;
}
content .default .infobox div
{
	min-height:150px;
	margin-right:50px;
	text-align:justify;
} 

content .bottom
{
	background-color: #fff;
  	width: 100%;
  	display: block;
  	z-index: 200;
	color:#666;	
	min-height:260px;
}


content .bottominfo
{
	background-color: #fff;
  	width: 100%;
  	display: block;
  	z-index: 200;
	color:#666;
}
content .bottominfo .infoimg
{
	width:180px;
	margin:0px 0px 20px 0px;	
}

content .hidden
{
  	display: hidden;
}

@media (max-width: 768px) {
	content .middle { height:auto; } 
	content .top { height:auto; }
	content .default { padding:10px; }
	content .bottominfo container { margin:10px; width:auto; }
	content .bottom { min-height:0px; border:none; }
	content .bottominfo .infoimg { width:140px; }
	content .default .infobox div {	margin-right:0px; } 
	content::after { display:none; }	
}





.top ul
{
	margin:0px;
	padding:0px;
}
.top ul > li
{
	margin:0px 15px 0px 0px;
	padding:10px;
	display:inline-block;
	padding-top:55px;
	height:35px;
	background-color:#ccc;
	text-transform:uppercase;
	text-align:center;
	position:relative;
	z-index:1000;
}
.top ul > li.active
{
	background-color:#343434;
}
.top ul > li > a:hover
{
	color:#999;
	text-decoration:none;
}
@media (max-width: 768px) {
	content .top { background-color:transparent; height:auto } 
	.top ul > li { background-color:transparent; height:auto; padding:0px; display:block; margin:0px; border-top:thin solid #ccc; }
	.top ul > li br { display:none;}
	.top ul > li > a { color:#000; line-height:40px; display:block }
	.top ul > li > a:hover { color:#fff; }
	.top ul > li.active { background-color:transparent; }
	.top ul > li:hover { background-color:#999;}		
	.top ul { display:none; }	
}









contentbuy
{
	/*margin-left:80px;*/
	padding:20px;
	display:block;
	text-shadow:1px 1px #333;
}
contentbuy > h1
{
	display:block;
	margin-top:100px;
	font-size:36px;
}
contentbuy > h1 > span
{
	color:#ed8d03;
	font-size:140%;
}
contentbuy > a
{
	display:block;
	background-image: url("../img/buttonbg.png");
	display:block;
	height:34px;
	width:100%;
	border:solid thin #1e1e1e;
	font-size:24px;
	text-align:center;
	padding:3px 0px;
} 
contentbuy > a:hover
{
	text-decoration:none;
	color:#CCC;
} 

@media (max-width: 768px) {
	contentbuy{ min-height:250px; margin-left:0px; padding:30px; }
	contentbuy > h1 { margin-top:60px; }	
	contentbuy > h1 > span{font-size:8vw !important;}	
}










contentflag
{
	background-image: url("../img/flag.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	display:inline-block;
	width:292px;
	height:470px;
	z-index:1000;
}

contentflag > ul 
{
	margin-top:70px;
	padding-left:20px;
}
contentflag > ul > li
{
	font-size:18px;
	margin:20px 5px;
	background: url("../img/pfeil.jpg") no-repeat left top;
  	padding: 3px 0px 3px 30px;
  	list-style: none;
}

@media (max-width: 768px) {
	contentflag { background-color: #ed8d03; background-image:none; height:auto; width:100%; display:inline-block; margin:0px; } 
	contentflag > ul {margin-top:0px; margin-bottom:0px; border:solid 4px #FFF; margin:10px;  }
	contentflag > ul > li {margin:10px 0px;}
	contentflag br { display: none; }
}















contentinfo
{
	display:inline-block;
	margin-top:30px;
	margin-bottom:30px;
}
contentinfo h1,
contentinfo h2,
contentinfo h3,
contentinfo h4,
contentinfo h5
{
	margin:0px;
	padding:0px;
	display:inline-block;
}
contentinfo a > div
{
	background-image: url("../img/buttonbg2.png");
	display:inline-block;	
	height:40px;
	width:120px;
	border:solid thin #ec7404;
	font-size:24px;
	text-align:center;
} 
contentinfo a > img
{
	margin-bottom:-8px;
} 

@media (max-width: 768px) {
	contentinfo { margin-left:30px; margin-right:30px; }	
	contentinfo a { display:block }
}









footer
{
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	height:50px;
	background-color:#000;
}

footer ul 
{
	margin:10px 0px;
	padding:0px;
}
footer ul > li
{
	color:#343434;
	margin:10px 0px;
	list-style:none;
}
footer ul > li > span
{
	color:#69a6b7;
}

footer ul > li.home:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/home.png") no-repeat 0 3px;
}
footer ul > li.rank:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/rank.png") no-repeat 0 3px;
}
footer ul > li.person:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/person.png") no-repeat 0 3px;
}

@media (max-width: 992px) {
	footer ul { margin:10px; }
	footer { position:relative; height:auto; }	
}






footer .copyright 
{
	color:#CCC;
	text-align:right;
}
footer .copyright a
{
	color:#CCC;
	margin:15px 10px 15px 10px;
	display:inline-block;
}
footer .copyright span
{
	display:inline-block;
	width:100px;
	height:20px;
}
@media (max-width: 992px) {
	footer .copyright { border-top: solid thin #ccc; padding-top:0px; }
	footer .copyright a { display:block; margin:10px; }
	footer .copyright {	text-align:center; } 
	footer .copyright span { display:none; }

}














#firstcontactform,
#contactform
{
	margin:10px;
	display:none;
	text-align:left;
}
#firstcontactform a,
#contactform a 
{
	color:#000;
	font-weight:bold;
}
#firstcontactform h1,
#firstcontactform h2,
#firstcontactform h3,
#contactform h1,
#contactform h2,
#contactform h3
{
	margin-top:10px;
}
#firstcontactform p,
#contactform p
{
	color:#666;
	font-size:9px;
}
.contactformclose
{
	cursor:pointer;
	font-weight:bold;
}



.item
{
	margin:1px 0px;
	display: inline-block;
	width:98%;
}
.item label
{
	text-align:left;
	display:block;
	vertical-align:top;
	padding-top:3px;
	font-weight:bold;
}
.item label div
{
	font-weight:normal;
	white-space:nowrap;
	display:inline-block;
}
.item input,
.item span
{
	display:inline-block;
	width:100%;
	text-wrap:normal;
}
.item input[type=checkbox]
{
	width:auto;
}
.item input:read-only
{
  cursor: not-allowed;
  background-color: #eee;
  border: 1px solid #e2e2e4;
  box-shadow: none;
  color: #666;
  font-size:16px;
}
.item select
{
	height:26px;
	width:100%
}

.item span
{
	text-align:left;
}
.item textarea
{
	width:100%;
	height:70px;
}
.item a
{
	color:#333;
	text-decoration:underline;
	font-size:smaller
}

div.growlUI 
{ 
	font-size:10px;
	background: url("../img/check48.png") no-repeat 10px 10px;
}
div.growlUI h1, div.growlUI h2 
{
    color: white; 
	padding: 5px 5px 5px 75px; 
	text-align: left;
	margin:0px;
}
div.form-group 
{
	padding:5px 0px;
}
div.form-group > label 
{
	font-weight:bold;
}
div.form-group > div 
{
	
}
input[readonly], fieldset[disabled] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #e2e2e4;
  box-shadow: none;
  color: #666;
}
.input-group-addon {
	padding-right:5px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
	border: 1px solid #e2e2e4;
	border-radius:0px;
}
.input-sm {
	height:20px;
}
.disable {
	opacity:0.4;
}





@media (max-width: 992px) {
	.blockPage
	{
		width:auto !important;
		top:0px !important;
		left:0px !important;
		width:100% !important;
		height:auto !important;
		position:absolute !important;
		margin:auto !important;
	}
	#contactform > .row > div > div
	{
		margin:0px !important;
	}
	#contactform > .row > div > div > h4
	{
		margin-top:20px !important;
	}
	.form-group {
	    margin-bottom: 0px !important;
	}	
}


























/*

contenttop
{
	background-color:#ccc;
	height:50px;
	width:100%;
	display:block;
	z-index:201;
	position:relative;
}
contenttop > div > ul
{
	margin:0px;
	padding:0px;
}
contenttop > div > ul > li
{
	margin:0px 15px 0px 0px;
	padding:10px;
	display:inline-block;
	padding-top:55px;
	height:35px;
	background-color:#ccc;
	text-transform:uppercase;
	text-align:center;
}
contenttop > div > ul > li.active
{
	background-color:#343434;
}

content
{
	background-image: url("../img/content-bg.jpg");
	height:370px;
	width:100%;
	display:block;
	z-index:200;
	position:relative;
}
content .container 
{
	position:relative;
	height:370px;
}  
 
content .container::after {
  	content: "";
	background-image: url("../img/world.png");
	background-repeat:no-repeat;
	background-position:right;
  	opacity: 0.4;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
 	z-index: -1;   
}

contentbottom
{
	background-color:#343434;
	height:140px;
	display:block;
	z-index:1000;
	margin:0px;
	font-size:24px;
	line-height:40px;
	padding-top:50px;
}
contentbottom > div > contentinfo
{
	position:relative;
	display:inline-block;
	float:left;
	margin-left:100px;
}
contentbottom > div > contentinfo > h1,
contentbottom > div > contentinfo > h2,
contentbottom > div > contentinfo > h3,
contentbottom > div > contentinfo > h4,
contentbottom > div > contentinfo > h5
{
	margin:0px;
	padding:0px;
	display:inline-block;
}
contentbottom > div > contentinfo > a > div
{
	background-image: url("../img/buttonbg2.png");
	display:inline-block;	
	height:40px;
	width:120px;
	border:solid thin #ec7404;
	font-size:24px;
	text-align:center;
} 
contentbottom > div > contentinfo > a > img
{
	margin-bottom:-8px;
} 



contentflag
{
	background-image: url("../img/flag.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	position:relative;
	display:inline-block;
	width:292px;
	height:470px;
	float:right;
	margin-right:200px;
}

contentflag > ul 
{
	margin-top:70px;
}
contentflag > ul > li
{
	font-size:18px;
	margin:20px 5px;
	list-style: url("../img/list.png");	
}

contentbuy
{
	position:relative;
	display:inline-block;
	float:left;
	margin-left:100px;
	margin-top:100px;
}
contentbuy > h1
{
	font-size:36px;
	margin:20px 0px;
}
contentbuy > h1 > span
{
	font-size:140%;
}
contentbuy > a
{
	background-image: url("../img/buttonbg.png");
	display:block;
	height:34px;
	width:100%;
	border:solid thin #1e1e1e;
	font-size:24px;
	text-align:center;
	padding-top:6px;
} 
contentbuy > a:hover
{
	text-decoration:none;
	color:#CCC;
} 
footer > div > ul 
{
	margin:30px 0px;
	padding:0px;
}
footer > div > ul > li
{
	color:#343434;
	margin:20px 0px;
	list-style:none;
}
footer > div > ul > li > span
{
	color:#69a6b7;
}

footer > div > ul > li.home:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/home.png") no-repeat 0 3px;
}
footer > div > ul > li.rank:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/rank.png") no-repeat 0 3px;
}
footer > div > ul > li.person:before
{
    content:'';
    padding: 10px 0 10px 30px;
    background:url("../img/person.png") no-repeat 0 3px;
}

footer > div > footermenu 
{
	color:#999;
	float:right;
	height:50px;
}
footer > div > footermenu  > a
{
	color:#999;
	margin:0px 0px 0px 20px;
}

#contactform
{
	margin:10px;
	display:none;
	text-align:left;
}
#contactform h1,
#contactform h2,
#contactform h3
{
	margin-top:10px;
}
#contactform p
{
	color:#666;
	font-size:9px;
}
#contactformclose
{
	cursor:pointer;
	font-weight:bold;
}






.item
{
	margin:1px 0px;
	display: inline-block;
	width:98%;
}
.item label
{
	text-align:left;
	display:block;
	vertical-align:top;
	padding-top:3px;
	font-weight:bold;
}
.item input,
.item span
{
	display:inline-block;
	width:100%;
	text-wrap:normal;
}
.item input[type=checkbox]
{
	width:auto;
}
.item input:read-only
{
  cursor: not-allowed;
  background-color: #eee;
  border: 1px solid #e2e2e4;
  box-shadow: none;
  color: #666;
  font-size:16px;
}
.item select
{
	height:26px;
}

.item span
{
	text-align:left;
}
.item textarea
{
	width:100%;
	height:70px;
}
.item a
{
	color:#333;
	text-decoration:underline;
	font-size:smaller
}









div.growlUI 
{ 
	font-size:10px;
	background: url("../img/check48.png") no-repeat 10px 10px;
}
div.growlUI h1, div.growlUI h2 
{
    color: white; 
	padding: 5px 5px 5px 75px; 
	text-align: left;
	margin:0px;
}
div.form-group 
{
	padding:5px 0px;
}
div.form-group > label 
{
	font-weight:bold;
}
div.form-group > div 
{
	
}








@media (max-width: 1000px) {
	contentflag { display:none; } 
}

*/

.isloading-overlay
{
	color:#fff;
	padding: 10px;
	text-align:center;
	background: rgba(0,0,0,0.9) !important;
	font-size:36px !important;
	font-weight:bold;
	vertical-align: middle;
    display: table;
}
.isloading-overlay span
{
	font-size:36px !important;
	font-weight:bold;
	vertical-align: middle;
    display: table-cell;
}
.isloading-wrapper
{
	background:none !important;
}