@charset "utf-8";
    /*
		***************************************************************************************
		*                                                                                     *
		*   Mister Swing CSS	 				                                                    		*
		*                                                                                     *
		*   Copyright 2012, Mister Swing / Hans Christian Klüver	                          	*
		*   http://www.mister-swing.de                                                     		*
		*                                                                                     *
		***************************************************************************************
    
		blau dunkel: 	#00295b
		blau hell:		#00adee
		grau:					#000

   	*/

		@font-face {
				font-family: 'Sauna-Regular';
				src: url('../fonts/sauna-regular-webfont.eot');
				src: url('../fonts/sauna-regular-webfont.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/sauna-regular-webfont.woff') format('woff'),
						 url('../fonts/sauna-regular-webfont.ttf') format('truetype'),
						 url('../fonts/sauna-regular-webfont.svg#Sauna-Regular') format('svg');
				font-weight: normal;
				font-style: normal;
		}

		@font-face {
				font-family: 'Sauna-BoldRegular';
				src: url('../fonts/sauna-bold-webfont.eot');
				src: url('../fonts/sauna-bold-webfont.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/sauna-bold-webfont.woff') format('woff'),
						 url('../fonts/sauna-bold-webfont.ttf') format('truetype'),
						 url('../fonts/sauna-bold-webfont.svg#Sauna-BoldRegular') format('svg');
				font-weight: normal;
				font-style: normal;
		}

		* {
			margin:0;
			padding:0;
		}
		audio,
	canvas,
	progress,
	video {
	  display: inline-block;
	  vertical-align: baseline;
	}
		html, body {
			border:0 solid;
			scrollbar-face-color:#00295b;
			scrollbar-base-color:#fff5e9;
			scrollbar-arrow-color:#fff;
			scrollbar-track-color:#d7d7d7;
			scrollbar-shadow-color:#004a99;
			scrollbar-highlight-color:#004a99;
			scrollbar-3dlight-color:#004a99;
			scrollbar-darkshadow-Color:#004a99;
		}
		
    body {
			text-align: center;
    	font: 100% Sauna-Regular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    	font-size:14px;
			background: url(../images/bg.gif) repeat-x #000;
			
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000;
			padding-top:0px;
    }
    
		h1,h2,h3 {
			margin:1em 0;
		}
		
		h1, h2, h3, h4, h5, h6, strong, b {
			font-weight:bold; 
		}
		
    h1 {
    	font: 100% Sauna-BoldRegular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
			font-size:30px;
    	font-weight:normal;
			padding:10px 0;
			margin:0;
			color:#002a5b;
    }

		h1.seitemitlinien { 
    	padding:24px 20px 0 20px;
    }
		

    h2 {
    	font: 100% Sauna-BoldRegular, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    	font-size:18px;
    	font-weight:normal;
			line-height:18px;
			margin:0;
			padding-bottom:5px;
			color:#00295b;
    }
    
		h3 {
    	font-size:16px;
    	font-weight:bold;
			line-height:18px;
			padding-top:0px;
			margin-top:0px;
			color:#fff;
		}

		abbr, acronym {
			border-bottom:1px dotted #000;
			cursor:help;
		} 
		
		em {
			font-style:italic; /* italics zurück zum em element*/
		}
		
		ul li {
			list-style: none inside;
			margin-left:0px;
			color:#000;
		}
		
		ul.haken {
			padding:0;
			margin:0;
		}

		ul.haken li {
			list-style: none outside;
			background: url(../images/icon_check.png) 0 0 no-repeat;
			padding-left:30px;
			margin:7px 0 0 0;
		}
		 
		
		dl dd {
			margin-left:1em;
		}
		
		th, td {
			border:1px solid #000;
			padding:7px;
			text-align:left;
		}
		
		td.zellerechts {
			text-align:right;
		}
		
		p, pre {
			margin-bottom:1em;
		}
		
		fieldset {
			border:0 none;
		}
		
		label {
			width:150px;
			display:inline-block;
			float:none;
		}
		
		#Formular.labelweiter label {
			width:200px;
		}
		
		input, textarea, select {
			padding:4px;
			margin:2px;
			border:1px solid #000;
		}
		
		#Formular.reihe input {
			padding:4px;
			margin:2px;
		}

		input[type=radio], input[type=checkbox] {
			border:0 none;
		}

		input[type=text], textarea {
			width:300px;
		}

		input[type=text].schmaler, textarea.schmaler {
			width:100px;
		}

		select {
			width:310px;
		}

    ul {
    	font-size:13px;
			color:#fff;
		}

		strong {
    	font-size:14px;
    	font-weight:bold;
			padding:0;
    }
		
		p {
			padding:0;
			margin:0 0 6px 0;
    }

		form {
			padding:0;
			margin:0;
    }

		table {
    	border-collapse:collapse;
			border:0 none;
			width:100%;
    }
		
		img {
			border: 0 none; 
		}
		
		
		
    hr {
			height: 1px;
			clear: both;
			margin: 14px 0 14px 0;
			border:0 none;
			background-image: url("../images/line_h_long.gif");
		}

    /*
		***************************************************************************************
		NAVIGATION 
		***************************************************************************************
   	*/
		#wrap_mainmenu  {
			position:absolute;
			top:190px;
			left:55px;
			margin:0;
			padding:0;
			text-align:left;
		}
		
		#mainmenu_kontakt {
			position:absolute;
			top:203px;
			right:55px;
			color:#fff;
		}

		#mainmenu #mainmenu2 {
			padding:0;
			margin:0;
		}
		
		#mainmenu li, #mainmenu2 li {
			float:none;
			list-style-type:none;
			clear:both;
			margin:0;
			padding:0;
		}
		
		#mainmenu a, #mainmenu2 a {
			float:left;
			padding:0 0 6px 0;
			margin:0;
		}

		a											{font-size:18px;font-style:normal;font-weight:normal;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#fff;line-height:21px;}
		a:link      					{color:#fff;}
		a:visited   					{color:#fff;}
		a:hover     					{color:#00295b;}
		a:focus     					{color:#00295b;}
		a:active   					 {color:#fff;}
		
		
		
		.naviweiss a					{font-size:18px;font-style:normal;font-weight:normal;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviweiss a:link     {color:#000;}
		.naviweiss a:visited  {color:#000;}
		.naviweiss a:hover    {color:#00295b;}
		.naviweiss a:focus    {color:#00295b;}
		.naviweiss a:active   {color:#000;}
		
		
		
		
		/*  Naviorange*/
		
		.naviorange a		{font-size:18px;font-style:bold;font-weight:bold;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviorange a:link      {color:#FFC000;}
		.naviorange a:visited  {color:#FFC000;}
		.naviorange a:hover    {color:#00295b;}
		.naviorange a:focus    {color:#00295b;}
		.naviorange a:active   {color:#FFC000;}
		
		.naviorangeaktiv  a							{font-size:18px;font-style:bold;font-weight:bold;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviorangeaktiv  a:link      					{color:#4C4C4C;}
		.naviorangeaktiv  a:visited   					{color:#4C4C4C;}
		.naviorangeaktiv  a:hover     					{color:#4C4C4C;}
		.naviorangeaktiv  a:focus     					{color:#4C4C4C;}
		.naviorangeaktiv  a:active   					 {color:#4C4C4C;}
		
		.naviweissaktiv a		{font-size:18px;font-style:bold;font-weight:bold;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviweissaktiv a:link     {color:#4C4C4C;}
		.naviweissaktiv a:visited  {color:#4C4C4C;}
		.naviweissaktiv a:hover    {color:#4C4C4C;}
		.naviweissaktiv a:focus    {color:#4C4C4C;}
		.naviweissaktiv a:active   {color:#4C4C4C;}
		
		.naviweissaktiv1 a		{font-size:18px;font-style:bold;font-weight:bold;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviweissaktiv1 a:link     {color:#ADADAD;}
		.naviweissaktiv1 a:visited  {color:#ADADAD;}
		.naviweissaktiv1 a:hover    {color:#ADADAD;}
		.naviweissaktiv1 a:focus    {color:#ADADAD;}
		.naviweissaktiv1 a:active   {color:#ADADAD;}
		
		
		.naviweissaktiv2 a		{font-size:18px;font-style:bold;font-weight:bold;text-transform:none;text-decoration:none; border-bottom:0 none #000; color:#000;line-height:21px;}
		.naviweissaktiv2 a:link     {color:#fff;}
		.naviweissaktiv2 a:visited  {color:#fff;}
		.naviweissaktiv2 a:hover    {color:#fff;}
		.naviweissaktiv2 a:focus    {color:#fff;}
		.naviweissaktiv2 a:active   {color:#fff;}
		
		/*   Ende */
		
		#content a						{font-size:14px;font-style:normal;font-weight:normal;text-transform:none;text-decoration:none; }
		#content a:link      	{color:#000;border-bottom:0px dashed #000}
		#content a:visited   	{color:#000;border-bottom:0px dashed #000}
		#content a:hover     	{color:#00295b;border-bottom:0px dashed #00295b}
		#content a:focus     	{color:#00295b;border-bottom:0px dashed #00295b}
		#content a:active   	{color:#000;border-bottom:0px dashed #000}

		#content a.weiss, #startseiteunten, #startseiteunten a {font-size:14px;font-style:normal;font-weight:bold;text-transform:none;text-decoration:none;}
		#content a.weiss:link, #startseiteunten a:link     	{color:#fff;border-bottom:0px none #fff}
		#content a.weiss:visited, #startseiteunten a:visited   	{color:#fff;border-bottom:0px none #fff}
		#content a.weiss:hover, #startseiteunten a:hover     	{color:#00295b;border-bottom:0px none #00295b}
		#content a.weiss:focus, #startseiteunten a:focus     	{color:#00295b;border-bottom:0px none #00295b}
		#content a.weiss:active, #startseiteunten a:active   	{color:#fff;border-bottom:0px none #fff}

		a.keintextlink 				{border-bottom:0 none !important;}
		a.keintextlink:hover		{border-bottom:0 none !important;}
		
		#mainmenu a, #mainmenu2 a  {display:block; text-indent:-3000px; overflow:hidden; width:81px;height:20px; background-image: url(../images/navigation.png); padding:0; margin:0; border-bottom:0px none #fff}

		#mainmenu_home a {background-position: 0 0}
		#mainmenu_musik a { background-position: 0 -22px}
		#mainmenu_show a { background-position: 0 -22px}
		#mainmenu_fotos a { background-position: 0 -45px}
		#mainmenu_programm a { background-position: 0 -68px}
		#mainmenu_impressum a { background-position: 0 -90px}
		#mainmenu_kontakt a { background-position: 0 -111px}
		#mainmenu_termine a { background-position: 0 -68px}

		#mainmenu_home a:hover {background-position: -100px 0}
		#mainmenu_musik a:hover { background-position: -100px -22px}
		#mainmenu_show a:hover { background-position: -100px -22px}
		#mainmenu_fotos a:hover { background-position: -100px -45px}
		#mainmenu_programm a:hover { background-position: -100px -68px}
		#mainmenu_impressum a:hover { background-position: -100px -90px}
		#mainmenu_kontakt a:hover { background-position: -100px -111px}
		#mainmenu_termine a:hover { background-position: -100px -68px}

		.naviweiss #mainmenu_home a {background-position: -200px 0}
		.naviweiss #mainmenu_musik a { background-position: -200px -22px}
		.naviorange #mainmenu_show a { background-position: -200px -22px}
		.naviweiss #mainmenu_show a { background-position: -200px -22px}
		.naviweiss #mainmenu_fotos a { background-position: -200px -45px}
		.naviweiss #mainmenu_programm a { background-position: -200px -68px}
		.naviweiss #mainmenu_impressum a { background-position: -200px -90px}
		.naviweiss #mainmenu_kontakt a { background-position: -200px -111px}
		.naviweiss #mainmenu_termine a { background-position: -200px -68px}

		.naviweiss #mainmenu_home a:hover {background-position: -100px 0}
		.naviweiss #mainmenu_musik a:hover { background-position: -100px -22px}
		.naviorange #mainmenu_show a:hover { background-position: -100px -22px}
		.naviweiss #mainmenu_show a:hover { background-position: -100px -22px}
		.naviweiss #mainmenu_fotos a:hover { background-position: -100px -45px}
		.naviweiss #mainmenu_programm a:hover { background-position: -100px -68px}
		.naviweiss #mainmenu_impressum a:hover { background-position: -100px -90px}
		.naviweiss #mainmenu_kontakt a:hover { background-position: -100px -111px}
		.naviweiss #mainmenu_termine a:hover { background-position: -100px -68px}



		/*
		***************************************************************************************
		LAYOUT & Styles für alle Seiten
		***************************************************************************************
   	*/
    #container { 
    	position: relative;
    	width: 980px;
    	margin: 0 auto;
    	text-align: left; 
    } 

    #headerHome { 
    	position: relative;
    	width:980px;
			height:957px;
    	margin:0;
    	padding:0;
    	text-align:center;
			background: url(../images/bg_main.jpg) no-repeat;
    }

    #header { 
    	position: relative;
    	width:980px;
			height:957px;
    	margin:0;
    	padding:0;
    	text-align:center;
			background: url(../images/bg_standard.jpg) no-repeat;
    }

		#logo_misterswing {
			position:absolute;
			top:0px;
			left:402px;
		}
		
		#saenger-dj-moderator {
			position:absolute;
			top:62px;
			left:51px;
			font-size:18px;
			color:#fff;
			text-align:left;
		}
		
		#navigation {
			position:absolute;
			right:0px;
			top:47px;
		}
		
		#main { 
			position:absolute;
			top:171px;
			left:195px;
    	width:590px;
    	margin:0;
    	padding:0;
    	text-align: left; 
			font: 100% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
    }

		#content.start { 
    	padding: 0;
    }

		#content.seiteohnelinien { 
    	padding:12px 15px;
			color:#000;
    }
		
		#content.seitemitlinien { 
    	padding:12px 0;
			color:#000;
    }
		
		.contentscrollbar {
			height:690px;
			
			overflow:auto;	
			-webkit-overflow-scrolling: touch;			
		}
		
		.contentscrollbar_1 {
			height:690px;
			width: 98%;
			margin-right: 5px;
			overflow:auto;	
			-webkit-overflow-scrolling: touch;			
		}
		
		#footer {
			position:relative;
    	width:980px;
			height:285px;
			background: url(../images/footer.png) no-repeat;
		}

		#blockrechts {
			position:absolute;
    	top:51px;
			right:-150px;
			width:148px;
			height:100px;
		}
		
		#startseiteunten {
			position:absolute;
			width:590px;
    	top:755px;
			left:0px;
			color:#fff;
			font-weight:bold;
			text-align:center;
		}
		
		.swingblock { 
    	border-left: 2px solid #454242;
    	border-right: 2px solid #454242;
			height:100px;
			padding:0 20px;
			margin:20px 0;
    }

		.swingblock_l { 
			border-left: 2px solid #454242;
			border-right: 2px solid #454242;
				height:140px;
				padding:0 20px;
				margin:20px 0;
		}
		
		.swingblock_ohne { 
    	border-left: 2px solid #454242;
			height:100px;
			padding:0 20px;
			margin:20px 0;
    }

		.swingblock_l_ohne { 
			border-left: 2px solid #454242;
				height:140px;
				padding:0 20px;
				margin:20px 0;
		}
	
		.swingblockkurz { 
			height:104px;
    }
		
		.swingblock_b{ 
    	border-left: 2px solid #454242;
    	
			height:auto;
			padding:0 20px;
			margin:20px 0;
    }
	
	.swingblock_b_mit{ 
    	border-left: 2px solid #454242;
    	border-right: 2px solid #454242;
			height:auto;
			padding:0 20px;
			margin:20px 0;
    }
	
		
		.swingblock_gesamt { 
		   	
			height:auto;
			padding:0 20px;
			margin:20px 0;
		}
		
		.mp3bild {
			width:150px;
			height:102px;
		}
		
		.keinjavascript	{ 
			top:36px !important;
		}
		
		.warning {color:#333;font-weight:normal}

		.warningok {color:#333;font-weight:normal}

		.unsichtbar {
			visibility:hidden;
		}
		
		.sichtbar {
			visibility: visible;
		}
		
		.nichtda {
			display:none;
		}
		
		.da {
			display: inline;
		}
		
		.links {
			padding-top:10px;
		}		
		
		.floatleft {
			float:left;
		}

		.rechts {
			float:right;
		}		
		
		.oben {
			vertical-align:top;
		}
		
		.mittig {
			text-align:center;
		}
		
		.clear {
			clear:both;
			float:none;
		}

		.zeiger {
			cursor:pointer;
		}

		.linksbuendig {
			text-align:left;
		}		

		#systemnachricht {
			position:absolute;
			top:485px;
			left:265px;
			width:460px;
			height:79px;
			background: url(../images/box-system.png) no-repeat;
		}

		 span.einschub {
			display:inline-block;
			width:150px;
		}
		
		 span.einschubklein {
			display:inline-block;
			width:60px;
		}
		
		#startseiteunten {
			width:100%;
		}
		
		#startseiteunten a {
			padding-right:40px;
		}
		
		
		
    /*
		***************************************************************************************
		GalleryView (overwrite)
		***************************************************************************************
   	*/
			
		.gv_galleryWrap { 
			background: #000;
		}		
		
		.telXXX, .value {
			color:#fff !important;
		}
		
		/*
		***************************************************************************************		
		Presseformat
		***************************************************************************************		
		*/
		
		.presse
		{
			border: 1px solid #00295b;
			background-color: #eee;
			width: 410px;
			text-align: center;
					
		}

		.presse dt { font-weight: bold; }

		 dt img
		{
			border: 4px solid #eee;
			
		}

		.presse dd
		{
			margin: 0;
			padding: 0;
		}