@font-face {
    font-family: 'ruthe_neu_fettregular';
    src: url('/webfonts/ruthe_neu_fett-webfont.eot');
    src: url('/webfonts/ruthe_neu_fett-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/ruthe_neu_fett-webfont.woff2') format('woff2'),
         url('/webfonts/ruthe_neu_fett-webfont.woff') format('woff'),
         url('/webfonts/ruthe_neu_fett-webfont.ttf') format('truetype'),
         url('/webfonts/ruthe_neu_fett-webfont.svg#ruthe_neu_fettregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	margin:0;
	padding:0;
	border:none 0;
	outline:none 0;
	}
body{
    color: #00386A;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 15px;
    line-height: 1.4;
	background-color: #94d1f6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	}
div#status{position:fixed;top:20px;left:20px;z-index:10000;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.75);display:none;}
	#outer{
		position: relative;
		width: 1024px;
		min-height: 725px;
		margin: 54px auto 0;
		padding: 0 50px;
		background: url(/images/bg17_main_top.png) no-repeat center top, url(/images/bg17_main_bottom.png) no-repeat center bottom, url(/images/bg17_main_middle.png) repeat-y center center;
		}
		a{
			color: #222;
			text-decoration: none;
			-webkit-transition: color 0.25s linear 0s;
			-moz-transition: color 0.25s linear 0s;
			-o-transition: color 0.25s linear 0s;
			transition: color 0.25s linear 0s;
			}
			a:hover{
				color: #048fc3;
				}
		svg{
			width: 35px;
			height: 25px;
			}
			svg path{
				-o-transition: fill 0.25s linear 0s, stroke 0.25s linear 0s;
				-ms-transition: fill 0.25s linear 0s, stroke 0.25s linear 0s;
				-moz-transition: fill 0.25s linear 0s, stroke 0.25s linear 0s;
				-webkit-transition: fill 0.25s linear 0s, stroke 0.25s linear 0s;
				transition: fill 0.25s linear 0s, stroke 0.25s linear 0s;
				}
				svg:hover path{
					fill: #048fc3;
					stroke: #048fc3;
					}
		h1,h2,h3,h4{
			margin-bottom: 0.5em;
			font-family: 'ruthe_neu_fettregular';
			font-weight: normal;
			line-height: 1.1;
			color: #222;
			text-transform: uppercase;
			}
		h1{
			font-size: 1.8em;
			}
			h1.hidden{
				text-indent: -99999px;
				}
		h2{
			font-size: 1.4em;
			}
		h3{
			font-size: 1.2em;
			}
		h4{
			font-size: 1em;
			}
		div#signatur{
			position: absolute;
			top: 65px;
			left: 275px;
			width: 245px;
			height: auto;
			padding-top: 75px;
			font-family: 'ruthe_neu_fettregular';
			font-size: 1.5em;
			font-weight: normal;
			line-height: 1.1;
			color: #222;
			text-align: center;
			text-transform: uppercase;
			background: url(/images/signatur.png) no-repeat center top / 200px auto;
			}
			div#signatur p{
				padding: 0 3px;
				/**/
				margin-top: 10px;
				color: #fa0102;
				font-size: 1.15em;
				text-shadow: 0 0 1px white;
				/**/
				}
		a.logo{
			display: block;
			position: absolute;
			top: 16px;
			left: 90px;
			width: 180px;
			height: 180px;
			text-indent: -99999px;
			background: url(/images/ruthe_hase1.png) no-repeat center center / 180px;
			}
		a#mitsubishi{
			display: none;
			position: absolute;
			left: 93px;
			top: 31px;
			width: 416px;
			height: 111px;
			background: url(/images/ruthe_faehrt_mitsubishi.jpg) no-repeat center center / 416px;
			}
		ul#menu{
			position: absolute;
			top: 209px;
			left: 104px;
			}
			ul#menu li{
				list-style: none;
				}
				ul#menu li a{
					display: block;
					padding: 7.5px 0;
					font-family: 'ruthe_neu_fettregular';
					font-size: 1.9em;
					font-weight: normal;
					line-height: 1.1;
					color: #222;
					text-transform: uppercase;
					}
					ul#menu li a:hover, ul#menu li a.n_selected{
						color: #048fc3;
						}
		div#s_h{
			position: absolute;
			top: 19px;
			right: 110px;
			width: 429px;
			height: 69px;
			text-indent: -99999px;
			background: url(/images/shit_happens.png) no-repeat center center / 100%;
			}
		div#wrapper_cartoon{
			position: absolute;
			top: 92px;
			right: 50px;
			width: 425px;
			height: auto;
			text-align: center;
			}
			a#link_archive{
				display: block;
				}
			div#nav{
				text-align: center;
				}
				a#n_archiv{
					display: inline-block;
					text-transform: uppercase;
					font-family: 'ruthe_neu_fettregular';
					font-size: 1.9em;
					font-weight: normal;
					line-height: 1.1;
					color: #222;
					text-align: center;
					text-transform: uppercase;
					}
					a#n_archiv:hover{
						color: #048fc3;
						}
				a#n_prev,a#n_next{
					display: block;
					width: 35px;
					height: 25px;
					}
				a#n_prev{
					float: left;
					}
				a#n_next{
					float: right;
					}
				div#statt_weiter{
					display: block;
					width: 35px;
					height: 25px;
					float: right;
					}
		div.clear{
			clear: both;
			}
		div.vspac_30{
			height: 30px;	
			}
		#rating{
			position: absolute;
			padding-top: 40px;
			top: 530px;
			left: 290px;
			width: 237px;
			height: 64px;
			background: url(/images/bg_rating.png) no-repeat center center / 100%;
			}
			#rater{
				position: relative;
				display: block;
				width: 150px;
				height: 30px;
				}
				#rater li{
					list-style:none;
					}
			#voting_text{
				padding-top: 5px;
				font-size: 13px;
				text-align: center;
				}
			#rater_backgr{
				position:absolute;
				top:0;
				left:50px;
				height:30px;
				width:150px;
				background:url(/images/starrating.png) repeat-x 0 0 / 30px auto;
				z-index:3;
				}
			#amount{
				position:absolute;
				top:0;
				left:50px;
				height:30px;
				background:url(/images/starrating.png) repeat-x 0 -60px / 30px auto;
				z-index:5;
				}
			.rating_li{
				position:absolute;
				top:0;
				width:30px;
				height:30px;
				z-index:20;
				}
			.rating_li a{
				display:block;
				width:30px;
				height:30px;
				cursor:pointer;
				}
			.rating_li a:hover{
				background:url(/images/starrating.png) no-repeat 0 -30px / 30px auto;
				}
			#rater1{
				left:50px;
					}
			#rater2{
				left:80px;
				}
			#rater3{
				left:110px;
				}
			#rater4{
				left:140px;
				}
			#rater5{
				left:170px;
				}
		div#aktuell{
			position: absolute;
			top: 156px;
			left: 276px;
			width: 280px;
			height: 360px;
			}
			div#aktuell a img{
				display: block;
				width: 266px;
				margin: 0 auto;
				}
		ul#socials{
			position: absolute;
			top: 200px;
			right: 48px;
			width: 48px;
			height: 166px;
			padding: 10px 10px 0 0;
			text-indent: -99999px;
			background: url(/images/bg_socials.png) no-repeat right top;
			}
			ul#socials li{
				list-style: none;
				margin-bottom: 4px;
				}
				ul#socials li a{
					display: block;
					width: 48px;
					height: 48px;
					}
				li#shr_mailing a{
					background: url(/images/but_mail.png) no-repeat center center / 48px;
					}
				li#shr_facebook a{
					background: url(/images/but_fb.png) no-repeat center center / 48px;
					}
				li#shr_twitter a{
					background: url(/images/but_tw.png) no-repeat center center / 48px;
					}
		div#spreadshirts{
			position: absolute;
			bottom: 40px;
			left: 85px;
			width: 170px;
			height: 167px;
			}
			div#content{
				margin-bottom: 20px;
				background: url(/images/bg_content_top.png) no-repeat center top, url(/images/bg_content_middle.png) repeat-y center 10px, url(/images/bg_content_bottom.png) no-repeat center bottom;
				}
				div#content_inner{
					padding: 20px 30px;
					}
				div#content p{
					margin-bottom: .75em;
					}
				div#content p a{
					color: #cc0000;
					}
		.hinweis {
			width: 85%;
			background-color: #fff;
			border: 1px dashed #94d1f6;
			margin-bottom: 20px;
			padding: 14px 20px;
			}
		p#copyright{
			font-size: 0.8em;
			margin-bottom: 20px;
			}
		#bg_video{
			display:none;
			position: absolute;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10000;
			width: 100%;
			height: 100%;
			background-color: rgba(148,209,246,.85);
			}
		#popup{
			display:none;
			position: fixed;
			z-index: 10001;
			width: 853px;
			height: 480px;
			-moz-box-shadow: 2px 2px 25px rgba(0,0,0,0.75);
			-webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.75);
			box-shadow: 2px 2px 25px rgba(0,0,0,0.75);
			background-color: #000;
			}
			#popup iframe{
				width: 853px;
				height: 480px;
				}
			#popup > #close{
				position: absolute;
				z-index: 10007;
				top: -15px;
				right: -15px;
				width: 30px;
				height: 30px;
				background: url(/images/close.png) no-repeat center center;
				cursor: pointer;
				}
		div#bt_menu_mob{
			display: none;
			position: absolute;
			top: -111px;
			left: 10px;
			width: 65px;
			height: 100px;
			text-indent: -99999px;
			background: url(/images/bt_menu_mob1.png) no-repeat center center / 65px auto;
			}
		div#wrapper_menu_mob{
			position: absolute;
			z-index: 1000;
			top: 74px;
			left: -200px;
			width: 200px;
			height: 362px;
			background: url(/images/bg_menu_mob.png) no-repeat right top / 252px auto;
			-o-transition: left 0.53s cubic-bezier(.11,.38,.76,.85) 0s;
			-ms-transition: left 0.53s cubic-bezier(.11,.38,.76,.85) 0s;
			-moz-transition: left 0.53s cubic-bezier(.11,.38,.76,.85) 0s;
			-webkit-transition: left 0.53s cubic-bezier(.11,.38,.76,.85) 0s;
			transition: left 0.53s cubic-bezier(.11,.38,.76,.85) 0s;			
			}
			div#bt_menu_close{
				position: absolute;
				top: 20px;
				right: 30px;
				width: 24px;
				height: 24px;
				text-indent: -99999px;
				background: url(/images/bt_menu_close.png) no-repeat center center / 24px auto;
				}
			ul#menu_mob{
				margin: 44px 0 0 40px;
				}
				ul#menu_mob li{
					list-style: none;
					}
					ul#menu_mob li a{
						display: block;
						padding: 7.5px 0;
						font-family: 'ruthe_neu_fettregular';
						font-size: 24px;
						font-weight: normal;
						line-height: 1.1;
						color: #222;
						text-transform: uppercase;
						}
						ul#menu_mob li a.n_selected{
							color: #048fc3;
							}
		#archiv ul{
			list-style: none;
			}
			#archiv ul li{
				width: 155px;
				padding: 0 8px;
				float: left;
				font-size: 0.65em;
				text-align: center;
				}
			#archiv ul li a img{
				width: 50%;
				}
			div#archiv_blaettern, div#suche_blaettern{
				text-align: center;
				}
				div#archiv_blaettern a#zurueck, div#suche_blaettern a#zurueck{
					float: left;
					margin-left: 20px;
					}
				div#archiv_blaettern a#weiter, div#suche_blaettern a#weiter{
					float: right;
					margin-right: 20px;
					}
				div#archiv_blaettern select, div#suche_blaettern select{
					-webkit-appearance: none !important;
					-moz-appearance: none !important;
					width: 95px;
					padding: 3px 20px 3px 3px;
					font-size: 14px;
					text-align: center;
					background: transparent url(/images/bg_select.png) no-repeat 72px center;
					border: 2px solid black;
					border-radius: 6px;
					}
				a.selected svg path{
					fill: #048fc3;
					stroke: #048fc3;
					}
		a#n_search{
			display: block;
			margin: 20px 0 10px;
			text-transform: uppercase;
			font-family: 'ruthe_neu_fettregular';
			font-size: 1.9em;
			font-weight: normal;
			line-height: 1.1;
			color: #fa0102;
			text-align: center;
			text-transform: uppercase;
			}
			a#n_search:hover{
				color: #048fc3;
				}
		div#suche_inner{
			position: relative;
			min-height: 450px;
			}
			input#suchwort{
				width: 70%;
				background-color: #fff;
				border: 1px solid #b7b7b7;
				border-radius: 4px;
				padding: 4px;
				font-size: .85em;
				line-height: 1.1;
				}
			input#search_submit{
				background-color: #00386a;
				border: 2px solid #fff;
				border-radius: 4px;
				color: #fff;
				font-family: "ruthe_neu_fettregular";
				font-size: 1em;
				font-weight: normal;
				letter-spacing: 1px;
				line-height: 1.1;
				padding: 4px 4px 5px;
				text-transform: uppercase;
				}
			#vorschlaege{
				background-color: #fff;
				border: 2px solid #2171b5;
				border-radius: 3px;
				display: none;
				left: 7px;
				min-height: 20px;
				padding: 15px;
				position: absolute;
				top: 32px;
				min-width: 200px;
				}
			ul#results{
				list-style: none;
				}
				ul#results li{
					margin-bottom: 30px;
					}
					ul#results li div.bild{
						margin-right: 30px;
						float: left;
						}
						ul#results li a img{
							width: 100%;
							}
					ul#results li div.daten{
						float: left;
						font-size: 0.9em;
						}


   		div.wrapper_video_list{
			padding: 10px 0 25px;
			}
			div.video_pic{
				width: 200px;
				float: left;
				margin: 0 20px 20px 0;
				}
				div.video_pic img, div.video_pic2 img{
					width: 100%;
					}
			div.video_description{
				width: 440px;
				float: left;
				}
				div.video_description h2 a, div.video_description h3 a, div.video_description2 h3 a{
					}
				div.wrapper_video_list h4, h4.bt_back{
					display: inline-block;
					font-size: 20px;
					line-height: 1.3;
					}
					div.wrapper_video_list h4 *, h4.bt_back *{
						float: left;
						}
				a.button_weiter{
					display: inline-block;
					width: auto;
					height: 25px;
					}
				a.button_zurueck{
					display: inline-block;
					width: auto;
					height: 25px;
					}
			div#tour_plakat{
				width: 170px;
				margin-right: 30px;
				padding-top: 10px;
				float: left;
				}
				div#tour_plakat img{
					width: 100%;
					}
			div#tour_termine{
				width: 400px;
				padding-top: 10px;
				float: left;
				}
				div.tour_event{
					margin-bottom: 20px;
					}
					div.tour_event h3{
						margin: 5px 0;
						}
					div.tour_event p{
						margin-bottom: 0 !important;
						}

		a.press1, a.press2, a.press3, a.press4{
			display: inline-block;
			text-align: center;
			}
			img.pressepicschmal, img.pressepicbreit{
				text-align: center;
				}
		a.a_news{
			color: #222 !important;
			}
		div#wrapper_ecard{
			width: 400px;
			margin: 0 auto;
			}
			#ecard_form input[type="text"]{
				width: 80%;
				}
			#ecard_form input[type="text"], #ecard_form textarea{
				background-color: #fff;
				border: 1px solid #b7b7b7;
				border-radius: 4px;
				padding: 4px;
				}
			#ecard_form textarea{
				height: 80px;
				width: 80%;
				}
			#ecard_form input[type="button"], #ecard_form input[type="reset"], #ecard_form input[type="submit"] {
				padding: 4px;
				color: #fff;
				text-transform: uppercase;
				font-family: 'ruthe_neu_fettregular';
				font-size: .9em;
				font-weight: normal;
				line-height: 1.1;
				letter-spacing: 1px;
				background-color: #00386a;
				border: 2px solid #fff;
				border-radius: 4px;
				}