@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

HTML>BODY	{ padding: 0px; }

body 	{
		background:#750075 url(/pictures/Hintergruende/HG_Swing_02_Violett_Rot_Q70_1920.jpg) center center fixed no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		} 	

div#container {	
	position:absolute;
	left:50%;
	margin:auto;
	margin-left:-1px;
	width: 2px;
	text-align:left;
	}

div#center {
   position:absolute;
   top:0;
   left:0px;
   width:1000px;
   height:880px;
   margin-left:-500px;
   /*margin-top:-292px;*/
   }

#head {
	position:absolute;
	padding-left:0px;
}

#menu {
    line-height: 34px;
    font-size: 13px;
    background:rgba(255,255,255,.3);
    text-transform: uppercase;
    z-index: 9999;
    position: absolute;
    width:101%;
    top: 0;
    left:-70px;
	padding-left:130px;
    font-family: Georgia, Cambria, serif;
	color:#FFFFFF;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}
.dropdown {
	font-size:1.1vw;
}
@media (max-width: 768px) {
	.navbar-brand {
		display:none;
	}
	.dropdown {
		font-size:1.7vw;
	}
}
#flags {
	position:absolute;
	margin:0 0 0 -70px;
	text-align:left;
	z-index:9999;
	}
#flags img {
	margin-bottom:3px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.37);
}
#foot	{ 	font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			color: #000099;
			font-weight:normal;
			text-align:center;
			}

a:link, a:visited { color: #ffffff; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:none; border:none; }

.foot a 		{ color: #000099; text-decoration: none; }

sup { font-size:80%; line-height:0; }

/***************   Formatierung Content Seite   ************************/

.titel_1		{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:32px;
					color:#FFFFFF;
					margin-top:-20px;}

.titel_1a		{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:33px;
					color:#FFFFFF;
					margin-top:5px;
					font-weight:bold; }

.titel_2		{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:36px;
					color:#FFFFFF;
					margin-top:-20px;}

#titel_2_cont	{ 	position:absolute;
					top:180px;
					left:0px;
					width:990px;
					font-family:'Times New Roman', Times, serif;
		      		font-size:36px;
					text-align:center;
					color:#FFFFFF;
					}

#titel_3_cont	{ 	position:absolute;
					top:82px;
					left:310px;
					margin-top:-20px;
					z-index:2; }

.cd_titel		{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:18px;
					color:#FFFFFF;
					font-weight:normal;}
					

.rights			{	text-align:center;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					color:#FFFFFF;
					line-height:16px;}


.description	{	font-family:'Times New Roman', Times, serif;
					font-size:18px;
					color:#FFFFFF;
					font-weight:bold;
					padding:0px;}
					
.description a:link 	{ color:#FFFFFF; text-decoration:none; }
.description a:visited 	{ color:#FFFFFF; text-decoration:none; }
.description a:hover 	{ color:#FF0000; text-decoration:none; }

.ct_ph			{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:33px;
					color:#FFFFFF;
					font-weight:bold;
					padding:15px 0px 15px 5px; }

.ct_ph a:link		{ text-decoration:none; color:#FFFFFF; }
.ct_ph a:visited	{ text-decoration:none; color:#FFFFFF; }
.ct_ph a:hover		{ text-decoration:none; color:#FF0000; }

.ct_ph_title	{ 	font-family:'Times New Roman', Times, serif;
		      		font-size:24px;
					color:#FFFFFF;
					font-weight:bold;
					padding:15px 0px 0px 0px; }

.ct_ph_title a:link		{ text-decoration:none; color:#000099; }
.ct_ph_title a:visited	{ text-decoration:none; color:#000099; }
.ct_ph_title a:hover	{ text-decoration:none; color:#FF0000; }

.latest {
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:block;
	width: auto;
	height: auto;
	padding:15px;
	}

.box1	{
	position:relative;
	width:475px;
	height:auto;
	margin-bottom:20px;
	padding:10px 15px;
	text-align:center;
	font-family:'Times New Roman', Times, serif;
	font-size:20px;
	line-height:normal;
	font-weight:normal;
	color:#FFFFFF;
	}
.box1L	{
	position:relative;
	width:475px;
	height:auto;
	margin-bottom:20px;
	padding:10px 15px;
	text-align:left;
	font-family:'Times New Roman', Times, serif;
	font-size:20px;
	line-height:normal;
	font-weight:normal;
	}
.box1L ul { margin-left:25px; font-weight:bold; }

.box1B	{
	position:relative;
	width:475px;
	height:auto;
	margin:0 auto 20px auto;
	padding:25px 15px 10px 15px;
	text-align:center;
	font-family:'Times New Roman', Times, serif;
	font-size:22px;
	line-height:normal;
	font-weight:bold;
	/*border:2px solid #CC9900;
	box-shadow:4px 4px 8px rgba(0,0,0,.4);
	background-color:rgba(255,255,0,.3);
	background-repeat:repeat;*/
	}
.box1LB	{
	position:relative;
	width:475px;
	height:auto;
	margin-bottom:20px;
	padding:10px 15px;
	text-align:left;
	font-family:'Times New Roman', Times, serif;
	font-size:20px;
	line-height:normal;
	font-weight:bold;
	}
.box1LB ul { margin-left:25px; }

.shadowS2 { text-shadow:2px 2px 2px rgba(0,0,0,.4); }
.shadowS3 { text-shadow:3px 3px 3px rgba(0,0,0,.4); }
.shadowS5 { text-shadow:5px 5px 5px rgba(0,0,0,.4); }
.shadowS7 { text-shadow:7px 7px 7px rgba(0,0,0,.4); }
.shadowR2 { text-shadow:2px 2px 2px rgba(0,0,0,.4); }
.shadowR3 { text-shadow:3px 3px 3px rgba(255,0,0,.4); }
.shadowR5 { text-shadow:5px 5px 5px rgba(255,0,0,.4); }
.shadowR7 { text-shadow:7px 7px 7px rgba(255,0,0,.4); }
.shadowB2 { text-shadow:2px 2px 2px rgba(0,0,255,.4); }
.shadowB3 { text-shadow:3px 3px 3px rgba(0,0,255,.4); }
.shadowB5 { text-shadow:5px 5px 5px rgba(0,0,255,.4); }
.shadowB7 { text-shadow:7px 7px 7px rgba(0,0,255,.4); }

.reg { font-size:85%; line-height:0; }

.next {
	display:block;
	float:right;
	font-size:24px;
	margin-right:80px;
	color:#FFFFFF;
}
.next a:link { color:#FFFFFF; text-decoration:none; }
.next a:visited { color:#FFFFFF; text-decoration:none; }
.next a:hover { color:#FFFF00; text-decoration:none; }
