.nav li
	{
 	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');;

	}

a img
	{
 	border: none;;

	}

body
	{
 	line-height: 145%;;
	background-color: #ffffff;
	color: #484848;
	font-size: 15px;
	font-family: 'Exo 2', sans-serif;;

	}

.wrapper
	{
 	width: 100%; overflow: hidden; ;

	}

h1
	{
 	display: block; margin-bottom: 5px; line-height: 100%; text-transform: uppercase; font-weight: 300;;
	color: #6c4797;
	font-size: 25px;

	}

h2
	{
 	display: block; margin-bottom: 5px; line-height: 100%; text-transform: uppercase; font-weight: 300;;
	color: #484848;
	font-size: 25px;

	}

h3
	{
 	display: block; margin-bottom: 10px; line-height: 130%; font-weight: 300; ;
	font-size: 18px;

	}

h4
	{
 	display: block; margin-bottom: 10px; line-height: 130%;;
	color: #6c4797;
	font-size: 16px;

	}

h5
	{
 	display: block; margin-bottom: 10px; line-height: 100%;;
	font-size: 14px;

	}

h6
	{
 	display: block; margin-bottom: 10px; line-height: 100%; ;
	font-size: 12px;

	}

a
	{
 	text-decoration: underline;
	color: #6c4797;

	}

a:hover
	{
 	text-decoration: none;;
	color: #000000;

	}

.allpics
	{
 
	}

.subline
	{
 	font-size: 11px;

	}

.outer
	{
 	position: relative; width: 100%; z-index: 2500;;
	background-color: #ffffff;
	color: #000000;

	}

.inner
	{
 	position: relative; width: 950px; margin-left: auto; margin-right: auto;;

	}

.suchbut
	{
 	background-color: #cdcdcd;
	color: #FFFFFF;

	}

.suchfeld, .newsfeld
	{
 
	}

.submitbutton, .newsbutin, .newsbutout, .loginbutt, .submitbutt
	{
 	padding: 10px; margin-top: 2px; border: none; min-width: 200px;;
	background-color: #cdcdcd;
	color: #ffffff;
	font-size: 12px;

	}

.submitbutton:hover, .newsbutin:hover, .newsbutout:hover, .loginbutt:hover, .submitbutt:hover
	{
 	background-color: #000000;

	}

.bottom
	{
 	background-image: url('/upmedia/hinnerkopf-footer-back.png'); background-position: center 40px; background-repeat: no-repeat; position: relative; min-height: 200px; ;
	background-color: #484848;
	color: #ffffff;
	font-size: 12px;

	}

.bottom
	{
 	background-size: 910px 75px; padding: 28px 0;;

	}

.bottom a
	{
 	color: #ffffff;

	}

.bottom a:hover
	{
 	color: #ffffff;

	}

.footer-outer
	{
 	width: 910px;;

	}

.footer-inner
	{
 	min-width: 100px; min-height: 80px; margin-top: 20px; ;

	}

.footer
	{
 	position: relative; margin: 0; ;
	background-color: #ffffff;

	}

a.onit, a.nachoben, a.onit:hover, a.nachoben:hover
	{
 	font-size: 9px;

	}

.flyout
	{
 	position: relative;

	}

.Logo
	{
 	top: 0; width: 2000px;  z-index: 3000;height: 108px; position: fixed; background-image: url('/upmedia/hinnerkopf-logo-back.png'); background-position: center top; background-repeat: no-repeat;;

	}

.Logo
	{
 	margin-left: -1000px;     left: 50%; background-size:contain; ;

	}

.top
	{
 	margin-top: 108px;  max-height: 882px; height: 44vw; position: relative; margin-left: auto; margin-right: auto;max-width: 2000px; ;

	}

.CONTENTSLIDE img
	{
 	width: 100vw; max-width: 2000px; ;

	}

.top a img
	{
 	width: 100%;;

	}

.CONTENTSLIDE img
	{
 	mask-image : url('upmedia/hinnerkopf-maske.png');mask-size: 100%; mask: url('upmedia/hinnerkopf-maske.png'); -webkit-mask-size: 100%; -webkit-mask-image: url('upmedia/hinnerkopf-maske.png'); ;

	}

#slideshow
	{
 	position: fixed;  ;

	}

.right .nav a
	{
 	text-decoration: none; display: block; line-height: 22px; zoom: 1;;
	color: #5D9130;
	font-size: 14px;

	}

.right .nav li.act > a
	{
 	background-color: #ffffff;
	color: #cdcdcd;

	}

.right .nav li.subact > a
	{
 
	}

.right .nav a:hover
	{
 
	}

.right .nav > ul > li > a
	{
 	padding-left: 10px;;

	}

.right .nav > ul > li.act > a
	{
 
	}

.right .nav > ul > li.act > a
	{
 	font-weight: bold;;

	}

.right .nav > ul > li > a:hover
	{
 
	}

.flyout .nav
	{
 	top: 0;  left: 0;  z-index: 3000;  width: 100%;  ;

	}

.flyout .nav a
	{
 	text-decoration: none; display: block; line-height: 30px; padding: 0 10px; zoom: 1;;
	color: #ffffff;
	font-size: 14px;

	}

.flyout .nav li.act > a
	{
 	color: #ffffff;

	}

.flyout .nav li.subact > a
	{
 
	}

.flyout .nav a:hover
	{
 	color: #c2d201;

	}

.flyout .nav > ul > li > a
	{
 	text-transform: uppercase; ;
	color: #484848;
	font-size: 15px;

	}

.flyout .nav > ul > li.act > a
	{
 	color: #6c4797;

	}

.flyout .nav > ul > li > a:hover
	{
 	color: #6c4797;

	}

.flyout .nav > ul > li > a span
	{
 	display: block;;

	}

.flyout .nav li
	{
 	position: relative;;

	}

.flyout .nav > ul > li
	{
 	display: inline-block; *display: inline; zoom: 1; vertical-align: top; ;

	}

.flyout .nav ul ul li
	{
 
	}

.flyout .nav li:hover > ul, .flyout .nav li.js-hover > ul
	{
 	display: block;;

	}

.flyout .nav ul
	{
 	margin-left: -175px;  width: 650px;  top: 65px;  position: fixed;  padding: 0;  left: 50%;;

	}

.flyout .nav ul ul
	{
 	top: 100%; left:0; margin-left: 0; position: absolute; width: 200px; display: none; opacity: 0.95; alpha(opacity=95); ;

	}

.flyout .nav ul ul ul
	{
 	top: 0; left: 100%;;

	}

.fixed-navi
	{
 	position: fixed !important; height: 108px; ;

	}

.newsubnavi
	{
 	padding: 10px 0px 10px 10px !important; ;
	background-color: #6c4797;

	}


	{
 
	}

.center
	{
 	color: #484848;

	}

.anzeige
	{
 	color: #EC5621;
	font-size: 12px;

	}

.anzeigesubline
	{
 	display: none;;
	color: #8bb600;

	}

.tipp
	{
 
	}

.tipptext
	{
 	margin: 0 10px 10px 10px; width: 180px;

	}

.textcontainerabstand
	{
 	margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #fbf2d9;;

	}

.contentrahmen
	{
 	margin: 20px; ;

	}

p
	{
 	margin-bottom: 10px;;

	}

hr
	{
 	border: none; background-image: url('upmedia/elektro-hinnerkopf-trenner.png'); height: 47px; background-repeat: no-repeat; background-position: center top; background-size: contain; margin: 0;;

	}

.cycle-pager span.cycle-pager-active
	{
 	color: #000000;

	}

.center ul
	{
 	list-style: disc; margin-left: 20px; margin-bottom: 10px;;

	}

.center ol
	{
 	list-style: decimal; margin-left: 20px; margin-bottom: 10px;;

	}

.center table
	{
 	width: 100%; margin-bottom: 10px; ;

	}

.center tr
	{
 	border-bottom: 1px solid #cdcdcd;;

	}

td
	{
 	padding: 2px;;

	}

.sprachwahl
	{
 	position: absolute; top: 5px; right: 50%; z-index: 3010; margin-right: -455px; height: 20px;;

	}

.sprachwahl a img
	{
 	width: auto; height: 100%;;

	}

.txt41 h3 a
	{
 	font-weight: 400; width: 30%; min-height: 40px; text-decoration: none; padding: 15px 1%; margin: 0 2% 20px 0;;
	background-color: #6c4797;
	color: #ffffff;
	font-size: 20px;

	}

.txt41 h3 a:hover
	{
 	background-color: #aaaaaa;

	}

.txt41 h3 a:nth-child(3n)
	{
 	margin-right: 0; ;

	}

.view
	{
 	width: 23.5% !important; height: 23.5%;;

	}

.view:nth-child(4n)
	{
 	margin-right: 0px;;

	}

.view h2, .view h1 
	{
 	font-weight: 300; text-align: center; font-size: 21px; margin-top: 60%;;
	color: #ffffff;

	}

.view .mask
	{
 	width: 90%; height: 90%; padding: 5%;;

	}

.view:hover .mask
	{
 	opacity: 1; background-color: #6c4797;;

	}

.large
	{
 	width: 321px; margin-left: -485px; top: 45px; padding: 0; overflow: hidden;;

	}

.small
	{
 	width: 321px; margin-left: -485px; top: 45px; padding: 0; overflow: hidden; ;

	}

#banner-fade
	{
 	height: 65vh; margin-bottom: 5vh;;

	}

.caption-over
	{
 	background-color: rgba(200,200,200,0.9); bottom: 0px; right: 33%; width: 31%; height: 180px; padding: 20px; text-align: center;;

	}

.bjqs h1
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0; ;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs h2
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0;;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs p
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a:hover
	{
 	color: #004595;

	}

.view img
	{
 	background-color: #c2d201; ;

	}


	{
 
	}

.layout8884 dt
	{
 	border-top: 1px solid #cdcdcd; 	padding: 5px 0; ;

	}

.layout8884 dd
	{
 	display: none;;

	}

a.closed
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none; cursor: pointer; margin-right: 10px;;
	background-color: #7bc6eb;
	color: #ffffff;

	}

a.closed:hover
	{
 	background-color: #aaaaaa;

	}

a.open
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none;  cursor: pointer;  margin-right: 10px;;
	background-color: #cdcdcd;

	}

.contenteventssort div
	{
 	margin-top: 10px;;

	}

.contenteventssort input
	{
 	padding: 4px; margin-top: -5px;;
	font-size: 14px;
	font-family: 'Tahoma', sans-serif;;

	}

.contenteventssort .button
	{
 	padding: 7px; height: auto !important; border: none; cursor: pointer; margin-top: -14px; margin-left: 5px; width: 140px !important;;
	background-color: #7bc6eb;
	color: #ffffff;

	}

.contenteventssort .button:hover
	{
 	background-color: #aaaaaa;

	}

.contenteventssort div.contenteventssort form div
	{
 	margin-top:10px;;

	}

.layout8884 .rechts
	{
 	margin-top: 10px; ;

	}

.video-container
	{
 	    position: relative;     padding-bottom: 56.25%;     padding-top: 30px;     height: 0;     overflow: hidden;;

	}

.video-container iframe, .video-container object, .video-container embed
	{
 	position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;;

	}