html {background-image: url('layout/backstars.jpg');background-repeat: no-repeat;background-position: top center;background-color: black;}
body	{margin: 0px; font-family: 'Noto Sans', sans-serif;	font-size: 10pt; line-height: 23px; color: #f1f1f1;	}

/* Basics */

a	{color: #b5a07E;	text-decoration: none; }
a:hover	{color: #a5906E; text-decoration: underline;}

a.bandinfo {color: white; background-color: #95805E; padding: 3px 8px 3px 8px; margin-right: 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
a.bandinfo:hover {color: white; background-color: #333254; text-decoration: none;}

td{font-size: 10pt; font-family: 'Noto Sans', sans-serif;	font-size: 10pt; line-height: 20px; color: #f1f1f1;}

/* Klickbare Pseudo-Klassen */
.clickbox:hover {background: url(images/overlay35.png);}

#dates {list-style: none; margin: 0; padding: 0; font-size: 10pt;}
#dates li {margin-bottom: 5pt;}

img.bandborder	{filter:alpha(opacity=90); border: 1px solid #9AAABC;	margin: 4px 0px 10px 15px; box-shadow: 5px 5px 5px 5px #141625; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
img.flyer {height: 269px; width: 193px; margin: 5px 0 0 10px; border: 1px solid #657A8F; box-shadow: 2px 2px 30px 10px #121218;}

.amphilogo_deutsch {background: url(layout/logo_deutsch.png) 0 0 no-repeat; width: 600px; height: 234px; position: relative; top: 99px; left: 0px;}
.amphilogo_english {background: url(layout/logo_english.png) 0 0 no-repeat; width: 600px; height: 234px; position: relative; top: 99px; left: 0px;}

/* Social Media Buttons */
#socialmedia {list-style: none; margin: 0; padding: 0; }
#socialmedia li { float: left;}
#socialmedia a * {display: none;}
#socialmedia a,
#socialmedia a .hover {height: 34px; position: relative; display: block; background: url(layout/social_bw.png);}

#socialmedia a.facebook { background-position: 67px 119px; width: 32px;}
#socialmedia .highlight a.facebook:hover,
#socialmedia a.facebook .hover {background-position:0 119px; width: 32px;}

#socialmedia a.youtube { background-position: 67px 150px; width: 32px;}
#socialmedia .highlight a.youtube:hover,
#socialmedia a.youtube .hover { background-position: 0 150px; width: 32px;}

#socialmedia a.lastfm { background-position: 67px 240px; width: 32px;}
#socialmedia .highlight a.lastfm:hover,
#socialmedia a.lastfm .hover { background-position: 0 240px; width: 32px;}

#socialmedia a.spotify { background-position: 67px 45px; width: 32px;}
#socialmedia .highlight a.spotify:hover,
#socialmedia a.spotify .hover {background-position:0 45px; width: 32px;}


/* Social Media Buttons */
#sprachauswahl {list-style: none; margin: 0; padding: 0; }
#sprachauswahl li { float: left;}
#sprachauswahl a * {display: none;}
#sprachauswahl a,
#sprachauswahl a .hover {height: 20px; position: relative; display: block; background: url(layout/flaggen.png) 0 0 no-repeat;}

#sprachauswahl a.deutsch {background-position: 0px  -29px; width: 25px;}
#sprachauswahl .highlight a.deutsch:hover,
#sprachauswahl a.deutsch .hover { background-position:  0 0; width: 25px;}

#sprachauswahl a.englisch { background-position: -30px -29px; width: 25px;}
#sprachauswahl .highlight a.englisch:hover,
#sprachauswahl a.englisch .hover { background-position: -30px 0; width: 25px;}

#sprachauswahl a.polnisch { background-position: -60px -29px; width: 25px;}
#sprachauswahl .highlight a.polnisch:hover,
#sprachauswahl a.polnisch .hover { background-position: -60px 0px; width: 25px;}

#sprachauswahl a.russisch { background-position: -88px -29px; width: 25px;}
#sprachauswahl .highlight a.russisch:hover,
#sprachauswahl a.russisch .hover { background-position: -88px 0px; width: 25px;}


/* Slideshows */

html, body {
}
.slideshow { height: 269px; width: 193px; margin: 5px 0 0 10px; }
.slideshow img {padding: 0px; border: 1px solid #657A8F; box-shadow: 2px 2px 30px 10px #121218;}
.slideshow_oben {width: 600px; height: 50px; margin: 0;  z-index: 999; position: relative; top: 8px; left: -70px; }
.slideshow_oben img {background-color: transparent; border: 0; }

/* Hauptcontainer */



.flaggen {position: relative; top: -115px; right: 451px; width: 350px; z-index: 1001;}
.buttons {position: relative; top: -128px; right: -405px; width: 30px; z-index: 1000}
.kleber {position: relative; top: -395px; right: 331px; width: 350px; z-index: 999; display: 0}
.logo {margin: 70px; margin-top: 90px; z-index: 999}

.textmenu	{position: relative;	top: -507px; width: 972Px; height: 20px; padding: 160px 0px 30px 20px; text-align: left;}
.main	{position: relative; top: -500px; width: 990px; min-height: 787px; }

div.kreislogo{background-image: url('layout/kreislogo.png'); background-repeat: no-repeat; background-position: top center; background-size: auto; background-clip: border-box; z-index: -999; width: auto; height: auto;}
div.silouette{background-repeat: no-repeat; z-index: 50; width: auto; height: auto; background-position: top center}

#pagecontent {font-family: 'Noto Sans', sans-serif; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-image: url('images/layout/overlay35.png'); float: left; text-align: left; border: 1px solid #1B193C; padding: 20px; width: 647px; margin: 0 5px 20px 20px; min-height: 800px; color: white;}
#menuright {float: left; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #1B193C; font-family: 'Noto Sans', sans-serif; line-height: 20px; width: 210px; min-height: 800px; background-image: url('images/layout/overlay30.png'); color: white; padding: 20px; margin: 0px 3px 3px 3px; text-align: left;}

div.textbox,div.textboxminheight {z-index: 1; font-family: 'Noto Sans', sans-serif; position: relative; width: 647px; color: #D4DAF7; text-align: justify; line-height: 22px; text-shadow: #111 2px 2px 2px;}

select,option,input { font-size: 8pt;}

a.gallery
{font-family:Verdana,Helvetica,sans-serif;font-size:10px;font-style:normal;font-size-adjust:none;line-height:1.4em;display:block;width:160px;height:107px;
	text-align:center;float:left;overflow:hidden;margin:7px 29px 12px 11px;padding:1px;padding-top:5px;text-decoration:none;color:#666666;background-image:url("../engine/images/back.png");opacity:0.47;}

a.gallery:hover {opacity:1}/* fix ie png transparency isn't supporting alpha chanel */
.gallery a img {filter:alpha(opacity=87)}.gallery a:hover img {filter:alpha(opacity=100)}
.gallery a img{border: none;height:100px;width:100px;}.gallery{overflow:auto}


img.border {border: 1px solid #2D3D4D; margin-right: 30px; margin-bottom: 15px;}
img.borderno { border: 1px solid #2D3D4D; margin-bottom: 15px;}

img.lastfm {margin-top: 10px; margin-bottom: 10px;}

h1 {font-family: 'Noto Sans', sans-serif; font-weight: bold; color: #e1e1e1; font-size: 13pt; font-variant: small-caps; line-height: 15pt;}
#menuright h1
	{
	font-family: 'Noto Sans', sans-serif;
	color: #e1e1e1;
	margin-bottom: 6px;
	margin-top: 6px;
	font-size: 13pt;
	line-height: 15pt;
	}

h2
	{
	color: #d3d3d3;
	font-size: 10pt;
	font-variant: small-caps;
	letter-spacing: 0px;
	line-height: 15pt;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom: 0px;
	}

h3
	{
	color: #cfcfc7;
	font-size: 11pt;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 12pt;
	font-family: 'Noto Sans', sans-serif;
	padding-top: 4px;
	margin-bottom: 9px;
	}

h6
	{
	color: #4E6378;
	font-size: 9pt;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 8pt;
	font-family: 'Noto Sans', sans-serif;
	}

ul
	{
	margin-left: -10px;
	}

div#page
	{
	height: 100%;
	}



div.newsbox
	{
	position: relative;
	left: -20px;
	width: 620px;
	background-image: url('images/layout/overlay35.png');
	color: white;
	text-align: justify;
	line-height: 18px;
	padding: 5px 20px 20px 20px;

	margin-bottom: 10px;
	}

div.textboxminheight
	{
	min-height: 400px;
	}


#menuright a
	{
	font-variant: normal;
	color: #c1c1c1;
	text-decoration: none;
	}

#menuright a:hover
	{
	font-variant: normal;
	color: #f1f1f1;
	text-decoration: underline;
	}


a#lastfm
	{
	font-size: 7pt;
	color: #f1f1f1;
	text-decoration: none;
	}

a#lastfm:hover
	{
	color: #f1f1f1;
	text-decoration: none;
	}






#imageSlideshowHolder
	{

	/* CSS HACK */
	width: 892px;	/* IE 5.x */
	width/* */:/**/892px;	/* Other browsers */
	width: /**/892px;

	/* CSS HACK */
	height: 210px;	/* IE 5.x */
	height/* */:/**/210px;	/* Other browsers */
	height: /**/210px;


	position:absolute;
	}


.imageInGallery{
	width:892px;
	height:210px;

	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;
}


	#imageSlideshowHolder img{
		position:absolute;
	}

	 #imageSlideshowHolder{
    width:892px;
    height:210px;
    position:relative;  /* Never change this value */

  }
  .imageInGallery{
    width:892px;
    height:210px;

    /* Never change these 3 value */
    left:0px;
    top:0px;
    position:absolute;
  }

#nav {

	z-index: 999;
	margin: 0;
	padding: 3px 6px 0;
	line-height: 100%;
}
#nav li {
	font-family: 'Noto Sans', sans-serif;
	font-size: 11pt;
	font-variant: small-caps;
	margin: 0 3px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background-image: url('images/layout/overlay35.png');

	color: #f1e1e1;
	border-bottom: solid 1px #B39865;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background-image: url('images/layout/menuhover.png');
	border: none;
	color: #a5a9c0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #1A1B2E;
}
/* level 2 list */
#nav ul
	{
	background-image: url('images/layout/menuhover.png');
	border: 1px solid #2F3445;
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index: 1000;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {

	font-weight: normal;
	border: 1px solid green;
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}


#toggle-view {
		list-style:none;
		font-size:9pt
		margin:0;
		padding:0;
		width:668px;
	}

		#toggle-view li {
			margin:10px;
			position:relative;
			cursor:pointer;
			margin-bottom: 20px;
		}

		#toggle-view h2 {
			margin: 0;
			margin-bottom: 10px;
			color: #c8dcf5;
		}

		#toggle-view span {

			right:5px; top:0;
			color:#ccc;
			font-size:11px;
		}

		#toggle-view p {
			margin:5px 0;
			display:none;
		}


div.silouette{background-image: url('layout/sil1024.png');}


@media (min-width: 1024px){
	div.silouette{
		background-image: url('layout/sil1280.png');}
	}

@media (min-width: 1280px){
	div.silouette{
		background-image: url('layout/sil1440.png');}
	}


@media (min-width: 1440px){
	div.silouette{
		background-image: url('layout/sil1650.png');}
	}

@media (min-width: 1650px){
	div.silouette{
		background-image: url('layout/sil.png');}
	}

@media (min-width: 1940px)  {
	html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
div.silouette{
	background-image: url('layout/sil.png');

	}

}