/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Roboto', sans-serif;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* accordion */	
.accordion {
	background-color: white;
	color: #0080AF;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.5s;
	font-size: 22px;
	line-height: 22px;
	border-top: 1px solid #0080AF;
	}
.active, .accordion:hover
	{
	background-color: #0080AF;
	}
	
.active, .accordion:hover,
.active *, .accordion:hover *
	{
	color: white;
	}	

.accordion:after {
	content: '\002B';
	font-weight: bold;
	float: right;
	margin-left: 15px;
	}

.active:after {
    content: "\2212";
	}
.panel {
	box-sizing: border-box;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	}	
.panel > div
	{
	padding: 18px;	
	}
.panel:last-of-type
	{
	border-bottom: 1px solid #0080AF;
	}


/*******************Social-Media*************/


a.facetop {

	visibility: hidden;

	display: block;
	z-index: 10000000;
	width: 45px;
	height: 45px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius:  5px 0 0 5px;
	box-shadow: 0 1px 3px  #000;	
	background: url(../images/logo/fb.png) left no-repeat #3b5998;
	position: fixed;
	top: 328px;
	right: 0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;		
	}
a.facetop:hover	{

	visibility: hidden;
	
	width: 90px;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}

a.facebottom {

	visibility: hidden;

	position: absolute;
	right: 11px;
	top: 121px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/logo/fb_white.png) no-repeat;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;	
	}
a.facebottom:hover {

	visibility: hidden;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
	}
	
.like {
	margin-top: 30px;
	}	

/************** Fullscreen foto-backgrounds **************/

.faded {
	opacity: 0;
	filter: alpha(opacity=100)	
	}
.fadeout {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transition: all 0.8s ease-out;
	-webkit-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;	
	}	
	
.foto, .strip {
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
.low {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}		
.low1 {	
	background-image: url(../images/content/parking_low.jpg);	
	}
.low3 {	
	background-image: url(../images/banners/sim_low.jpg);	
	}	
.low5	{
	background-image: url(../images/banners/kontakt_low.jpg);
	}	
.low6	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.low7	{
	background-image: url(../images/banners/buero_low.jpg);
	}				
.low8	{
	background-image: url(../images/news/banners/news_low.jpg);
	}
.low9	{
	background-image: url(../images/banners/software_low.jpg);
	}
.low10	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.low11	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}		
.low12	{
	background-image: url(../images/content/parking_emobility_low.jpg);
	}
.low13	{
	background-image: url(../images/banners/verkehrstechnik_low.jpg);
	}
.low14	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.low15	{
	background-image: url(../images/banners/verkehrsplanung_low.jpg);
	}
.low16	{
	background-image: url(../images/content/analizy-symulacyjne_low.jpg);
	}
.low17	{
	background-image: url(../images/banners/koncepcje-parkingowe_low.jpg);
	}
.low18	{
background-image: url(../images/content/bezpieczenstwo-ruchu_low.jpg);
	}						
	
	
.bannerlow	{
	background-repeat: no-repeat;
	background-position: center top;
	top: 100px;
	background-image: url(../images/banners/banner_low.jpg);
	}		
	
	
	
	
.foto	{
	height: 450px;
	}
.strip	{
	height: 300px;
	}

.f1	{
	background-image: url(../images/content/lsa.jpg);
	}
.f2	{
	background-image: url(../images/content/eM.jpg);
	}
.f3	{
	background-image: url(../images/content/sim.jpg);
	}	
.f4	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.f5	{
	background-image: url(../images/content/kontakt.jpg);
	}	
.f6	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.f7	{
	background-image: url(../images/content/buero.jpg);
	}				
.f8	{
	background-image: url(../images/content/news.jpg);
	}
.f9	{
	background-image: url(../images/content/software.jpg);
	}
.f10	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.f11	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.f12	{
	background-image: url(../images/content/parking_emobility.jpg);
	}
.f13	{
	background-image: url(../images/content/verkehrstechnik.jpg);
	}
.f14	{
	/* missing file in repo -> fallback */
	background-image: url(../images/banners/banner_low.jpg);
	}
.f15	{
	background-image: url(../images/content/verkehrsplanung.jpg);
	}
.f16	{
	background-image: url(../images/content/analizy-symulacyjne.jpg);
	}
.f17	{
	background-image: url(../images/content/koncepcje-parkingowe.jpg);
	}
.f18	{
	background-image: url(../images/content/bezpieczenstwo-ruchu.jpg);
	}		
						
	





body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}



a {
	text-decoration: none;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: 300;
	font-size: 14px;	
	line-height: 18px;
	color: black;

}


html {
}
	
/* body {
	background: url('../images/ui/noise.png') repeat #f3f3f3;
	}
*/

*	{

	}
	
		
p
	{
	font-weight: 300;
	font-size: 14px;	
	line-height: 22px;
	margin-bottom: 15px;
	color: black;
	}
a	{
	color: #0080AF;
	font-weight: 400;
	font-size: 14px;
	}
a.more {
	margin-left: 15px;
	}	
a:hover {
	color: #777;
	}		
h1,
h2.h1	{	
	letter-spacing: -3px;
	font-weight: 400;
	font-size: 48px;
	margin-bottom: 30px;
	}
h2:not(.h1)	{	
	letter-spacing: -1px;
	font-weight: 300;
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 20px;
	}
.gray h2, .submenu h2{
	color: #0080AF;
	}	
h3	{	
	letter-spacing: -0.3px;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 20px;
	}
h5	{
	letter-spacing: 0.1px;	
	font-weight: 400;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 12px;
	}
h5 a	{
	font-size: 11px;
	}		
	

.clear {
	clear: both;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	}
.left {
	float: left;
	}	
.right {
	float: right;
	}	
.lastbox{
	margin-right: 0 !important;
	margin-left: 0 !important;
	}		
.bottom{
	margin-bottom: 0 !important;
	}
.bot30 {
	margin-bottom: 30px;
	}			
	
.wrapper 
	{
	position: relative;
	margin: 0 auto;
	padding: 30px 10px 50px 10px;
	width: 940px;
	}
/***************** HEADER + MAINMENU ******************/
	

#header {
	background: white;
	position: fixed;
	left: 0;
        top: 0;
        width: 100%;
        border-bottom: solid #999 1px;
        z-index: 100;
	}
	
#header .wrapper {
	height: 100px;
	padding: 0 10px !important;
	}
	
#mmnavi {
	width: 940px;
	height: 100px;
	position: relative
	}
	
ul.upperm,
ul.lowerm {
	position: absolute;
	}	
ul.upperm {
	top: 28px;
	right: 0px;
	}
ul.upperm li {
	display: inline;
	padding-left: 4px;
	}	
ul.upperm a,
ul.upperm span {
	text-transform:uppercase;
	font-weight: 500;
	font-size: 11px;
	color: #0080af;
	}
ul.upperm a:hover {
	color: #0080af;
	}
			
ul.lowerm {
	top: 58px;
	right: 0px;	
	}
ul.lowerm li {
	display: inline;
	padding-left: 25px;
	}	
ul.lowerm a {
	font-weight: 400;
	font-size: 16px;
	color: #777;
	}		
ul.lowerm a:hover ,
ul.lowerm a.sel {
	color: #0080af;
	padding-bottom: 38px;
	/* `mm_ind.gif` missing in repo -> emulate indicator with border */
	background: none;
	border-bottom: 3px solid #0080af;
	}

#logo {
	position: absolute;
	left: 0px;
  	top: 0;	
	}	

/*****************STADTLANDSCHAFT******************/

#stadt { /*Stadtlanschaft */
	width: 100%;
	background: url(../images/banners/banner-2021.jpg) no-repeat;
	background-position: center;
	margin-top: 100px;	
	position: fixed;
	left: 0;
	top: 0;
	z-index: -100;
}


#stadt .wrapper{
	margin: 0 auto;
	width: 200px;	
	height: 500px;
	position: relative;
	padding: 0;
	}
	
#stadt a {
	position: absolute;
	display: block;
	z-index: 9000;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;    					
	}
#stadt a:hover {
	opacity:1;
	filter:alpha(opacity=100);
    /* Firefox */
    -moz-transition: all 0.2s ease-in;
    /* WebKit */
    -webkit-transition: all 0.2s ease-in;
    /* Opera */
    -o-transition: all 0.2s ease-in;
    /* Standard */
    transition: all 0.2s ease-in;    	
	}			
#link1 {
	top: 0;
	left: -140px;
	width: 190px;
	height: 155px;
	background: url(../images/content/link1.jpg) no-repeat;	
	}
#link2 {
	top: 0;
	left: 50px;
	width: 400px;
	height: 155px;
	/* missing file in repo -> fallback to existing tile */
	background: url(../images/content/link1.jpg) no-repeat;
	}
#link3 {
	top: 155px;
	left: -452px;
	width: 362px;
	height: 255px;
	background: url(../images/content/link3.jpg) no-repeat;	
	}
#link4 {
	top: 155px;
	left: 50px;
	width: 400px;
	height: 345px;
	background: url(../images/content/link4.jpg) no-repeat;	
	}			

#home {
	height: 1px;
	z-index: -1000
	 /* height: 600px; transparent box over Stadtlanschaft */
	}




	
	

/******************* SECTIONS **************************/


	
#firma {
	width: 100%;
	background: url(../images/ui/noise.png) repeat #f9f9f9;
	margin-top: 600px;
	}
#firma h1 {
	color: #0080AF;
	}	
#firma .wrapper {
	background: url(../images/ui/rauten.png) no-repeat;
	background-position: right 0 top 0;
	background-origin: content-box;	
	}
	
#profil {
	float: left;
	width: 710px;
}

#profil p {
	text-align: justify;
	}

.profilbutton {
	float: right;
	width: 195px;
	}

.profilbutton a {
	margin: 10px 0 0 0;
	display: block;
	width: 95px;
	height: 60px;
	text-align: left;
	font-weight: 500;
	padding-top: 35px;
	}
.profilbutton a span {
	display: block;
	margin-left: 110px;
	}
	
#video a {
	background: url(../images/ui/butplay.png) no-repeat;
	}	
#video a:hover {
	color: #0080af;
	background: url(../images/ui/butplay.png) 0px -95px no-repeat;
	}
	
#prospekt a {
	background: url(../images/ui/butpdf21.png) 0px -95px no-repeat;
	margin-top: 80px;
	transition: background-position ease-in-out .5s;
	}	
#prospekt a:hover {
	color: #0080af;
	background: url(../images/ui/butpdf.png) 0 0 no-repeat;
	}	
	
/* SLIDESHOW / NEWS *************** .slides -> flexslider.css */


#slidernews {
	margin-top:30px;	
	}
#slidernews h1{
	margin:0 !important;	
	color: inherit !important;
	}	


.slides div.nws {
	position: relative;
	float: left;
	width: 495px;
	height: 300px;
	background: url(../images/ui/newsback.png) left repeat-y;	
	}

.slides div.nws h2 {
	color: inherit;
	}
a.alle {
	position: absolute;
	right:0 ;
	bottom:3px;
	}	

.slides div.nws h2,
.slides div.nws p {
	margin-left: 10px;
	}
.slides div.nws h2
	{
	margin-top: 5px;
	margin-bottom: 15px;
	}	

.slides img{
	float: right;
	width: 430px;
	height: 300px;
/*	border: solid 1px #777; */
}


/****************  oferta + PRODUKTE ****************************/

div.gray {
	width: 100%;
	background: url(../images/ui/noise.png) repeat #eaeaea;
	}
div.gray  h1,
div.gray  h2.h1{
	color: #777;
	}	
/*div.gray  p {
	color: #000;
	} */
	/**** Group selection menu-BOX ****/
.group > div {
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius:5px;	
	float: left;
	transition: box-shadow ease-in-out .2s;
	}
.group > div:hover {
	-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.4);
	}


.group > div h3{	
	color: inherit;
	margin-bottom:0;
	}
.group > div h3 br{	
	margin-bottom:9px;
	}	
.group > div > a:first-child {	
	position: relative;
	display: block;
	height: 60px;
	background: #f9f9f9;
	padding: 10px 10px 0 10px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius:  5px 5px 0 0;
}
.group p {
	text-align: justify;
	}
	
#produkte a.imgbox,
#oferta a.imgbox,
.subsite a.imgbox {
	position: relative;
	display: block;
	width: 220px;
	height: 220px;
	background-image: url(../images/content/boxfotos.jpg);
	background-repeat: no-repeat;
	border-radius: 0 0 5px 5px;
	}

	a.img1 {
	background-position: 0 0;	
	}			
	a.img2 {
	background-position: -220px 0;	
	}
	a.img3 {
	background-position: -440px 0;	
	}		
	a.img4 {
	background-position: -660px 0;	
	}
	a.img5 {
	background-position: -880px 0;	
	}
	a.img6 {
	background-position: -1100px 0;	
	}	
	a.img7 {
	background-position: -1320px 0;	
	}
	a.img8 {
	background-position: -1540px 0;	
	}		
	a.img9 {
	background-position: -1760px 0;
	}
	a.img10 {
	background-position: -1980px 0;	
	}	
	a.img11 {
	background-position: -2200px 0;	
	}
	a.img12 {
	background-position: -2420px 0;	
	}
	
#produkte a.imgbox img,
#oferta a.imgbox img,
.subsite a.imgbox img{
	position: absolute;
	top: 83px;
	left: 77px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;		
	}
	
#produkte a.imgbox:hover img,
#oferta a.imgbox:hover img,
.subsite a.imgbox:hover img{
	position: absolute;
	top: 83px;
	left: 77px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;		
	}			
		
div.arrowbox {
	position: absolute;
	display: block;
	width: 220px;
	height: 220px;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;		
	}

	
.imgbox:hover div.arrowbox {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
	} 


/*	
.group div.arrowbox:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
	} 
*/


/*************** SUBSITES ****************************/
.job {
	margin-bottom: 30px;
	}
.panel ul, .job ul, .standard {
	font-weight: 300;
	font-size: 14px;	
	line-height: 22px;
	margin-bottom: 15px;
	margin-bottom: 20px;	
	margin-left: 14px;
	list-style-image: url("../images/ui/li.png");
	}

.panel li, .job li, .standard li {
	margin-bottom: 2px;
	}
.pfeil {
	list-style-image: url("../images/ui/pfeil.png") !important;
	margin-left: 26px !important;	
	}

.title {
	display: block;
	margin: 0 auto;
	padding-top: 160px;
	width: 940px;	
	letter-spacing: -3px;
	font-weight: 400;
	font-size: 58px;
	color: white;
	text-shadow: black 0px 0px 15px;	
	height: 290px;
	background-color: rgba(0,0,0,0.3);
	padding: 160px 20px 0px 20px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
	}

.down {	
	}
	
	
.subsite h3, .date {
	color: #0080AF ;
	}
h3.listico {
	color: inherit;
	}	
h3.listico:before {
	content: url("../images/ui/listico.png");
	color: inherit;
	}
ul.arr	{
	list-style-image: none !important;
	margin-bottom: 20px !important;
	margin-left: 21px !important;
	}
ul.arr li {
	padding-left: 3px;
	}	
	
li.next {
	list-style-image: url("../images/ui/arr_next.png") !important;
	}
li.prev {
	list-style-image: url("../images/ui/arr_prev.png") !important;
	}			
	
.submenu {
	position: relative;
	margin: 0 auto;
	background: white;
	border: solid 1px #999;
	padding: 15px 10px 0px 20px;
	margin-top: 30px;
	min-height: 112px;
	}
.submenu .left {
	margin-right: 60px;
	}	
	
.totop {
	text-indent: 9px;
	display: block;
	position: absolute;
	font-size: 11px;
	line-height: 170px;
	top: 20px;
	right: 20px;
	width: 53px;
	height: 66px;
	background: url(../images/content/top.png) no-repeat;
	
	}
.totop:hover {
	background-position: -53px;		
	}

.leftcolumn {
	width: 690px;
	padding-right: 20px;
	float: left;
	}
.impressum span {
	float: left;
	display: block;
	width: 340px;
	}	
	
.rightcolumn {
	width: 188px;		
	float: right;
	border-radius: 5px 5px 0px 0px;	
	padding: 15px 10px 10px 20px;
	background: white;
	border: solid 1px #999;	
	}

	
.submenu ul, .rightcolumn ul, .presse ul {
	list-style-image: url(../images/ui/li.png);
	letter-spacing: 0.1px;	
	font-weight: 400;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 20px;	
	margin-left: 14px;		
	}

.submenu li, .rightcolumn li, .presse li{
	margin-bottom: 5px;
	}			
.thumbA4, .thumbSQ {
	display: block;	
	width: 100px;
	border: solid 1px #999;
	}
.thumbA4{
	height: 141px;
	margin-bottom: 20px;
	}	
.thumbSQ {
	height: 100px;
	margin-bottom: 12px;
	}
.thumbA4:hover img,
.thumbSQ:hover img {
	opacity:0.85;
	filter:alpha(opacity=85);
	}	
	
.galerie {
	margin-top: 30px;
/*	float: left; */
	}
.galerie a{
	}			
.galerie img, .kontaktcolumn img{
	padding: 2px;
	background: white;
	border: solid 1px #999;
	}
.galerie img:hover, .kontaktcolumn img:hover{
	border: solid 1px white;
	}	
.galerie li {
	display: inline;
}
.galerie p {
	float: left;
	margin-top: 30px;	
	margin-right: 30px;
	}			

.anfahrt a{
	display: block;
	height: 95px;
	width: 70px;	
	vertical-align: top;
	}

.kontaktcolumn h3{
	margin-bottom: 12px;
	}

.rightcolumn h5 span {
	display: block;
	float: left;
	width: 45px;	
	}
.presse h2{
	margin-top: 20px;
	}




/*	BACKUP !!!!

.anfahrt li {
	/* missing file in repo -> fallback */
	list-style-image: url("../images/ui/arrow.png");
	list-style-position: inside;
	vertical-align: middle;
}

.anfahrt li a{
	vertical-align: top;
	padding-top: 3px;
}

.rightcolumn h5 span {
	display: block;
	float: left;
	width: 45px;	
	}
	
*/		

/****************  Mitgliedschaften ****************************/

.mit	{
	border: solid 1px #999;
	display: block;
	position: relative;
	background: white;
	width:418px;
	min-height: 120px;
	padding: 20px 20px 0 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	}	
			
.mit img {
	margin-bottom: 7px;
	}
.mit .pseudolink {
	margin-bottom: 0px !important;
	position: absolute;
	top: 20px;
	right: 20px;
	}
	
.pseudolink	{
	color: #0080AF;
	font-weight: 400;
	font-size: 14px;
	}
	
.mit:hover .pseudolink {
	color: #777;
	}

/**************** ANFAHRTSKIZZEN **********************/


.maps a{
	float: left;
	display: block;
	margin-right: 20px;
	}			
.maps a:hover h3{
	color: #777;
	}	
.maps img{
	background: white;
	border: solid 1px #999;		
	}
.maps a:hover img {
	opacity:0.85;
	filter:alpha(opacity=85);
}	
.maps img:hover{
	}	

/******************* Geschaeftsfuhrung *******************************/

.bio {
	width: 450px;
	text-align: justify;
	}

.bio img {
	float: left;
	margin: 0 15px 0px 0;
	}
	
/******************** DOWNLOADS & news (dab) **********************/
.malo {
	margin-right: 100px;
	float: left;
	}

.dab {
	margin-bottom: 30px;
}
.dab a{
	display: block;	
	float: left;
	margin-right:20px;
	margin-bottom: 30px;
}
.dab a .pseudolink{
	margin-bottom: 0 !important;
	}
.dab a .pseudolink:after,
.dab div a:before,
.pdf:before{
	content: url("../images/ui/pdfico.png");
	margin-left: 5px;
	}	
.dab a .nopdf:before{
	content: none !important;
	}
	
.dab a:hover .pseudolink{
	color: #777;
	}
.dab img{
	border: solid 1px #999;
	margin-bottom: 8px;
}

.dab a:hover img {
	opacity:0.85;
	filter:alpha(opacity=85);
	}
	
.dab div {
	position: relative;
	float: left;
	width: 650px;
	min-height: 100px;
	}
.dab div a{
	margin: 0;	
	}
	
.dab a.nopdf:before,
.dab a.more:before{
	content: none !important;
	}		
.dab a:first-child{
	content: none !important;
	float: none;
	display: inline;
	margin: 0;	
	}
.dab a:first-child h2{
	color: inherit;
	}
	
img.news {
	border: solid 1px #999;
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	}
.shortnews {
	position: relative;
	min-height: 302px;
	}		
.shortnews .galerie{
	position: absolute;
	bottom: 0px;
	}

ul.dwn	{
	
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	font-weight: 400;
	font-size: 14px;	
	line-height: 18px;
	color: black;		
	}
ul.dwn li {
	margin-bottom: 2px;		    
	}	
	


	
/****************  FOOTER ****************************/

	
#footer {
	width: 100%;
	background: #004660;
	}
.adres {
	float: left;
	}
	
.adres span {
	display: block;
	float: left;
	width: 60px;	
	}
.adres .left {
	margin-right: 60px;
	}	
	
#footer p {
	color: white;
	font-size: 12px;
	}
	
.gmbh p	{
	color: #5288a6 !important;
	}
	
/************* FORMULARS *****************************/	

.subsite form {
	margin-top: 30px;
	display: block;
	}
	
.subsite form.vz {
	width: auto;
	float: left;
	margin-top: 0px !important;
	}

.subsite form h5 {
	float: right;
	margin-right: 78px;
	}	
.subsite form fieldset {
	text-align: left;
	margin-bottom: 15px;	
}
	
.subsite form li {
	position: relative;
	padding-top: 10px;
	font-size: 12px;	
	}
	
.subsite form label {
	font-weight: 300;
	font-size: 14px;	
	line-height: 18px;
	display: block;
	vertical-align: top;
	width: 150px;
	float: left;
	color: black;    
	}	

.subsite form input, .subsite form textarea {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    /* `img/form_grad.png` missing in repo -> use CSS gradient instead */
    background: linear-gradient(to bottom, rgba(0,0,0,0.08), rgba(0,0,0,0.0) 28%) white;
    border: 1px solid #999999;
    font-size: 14px;
    padding: 5px 0;
    text-indent: 5px;
    width: 450px;
}

input.kurz {
	width: 60px;
	}


div#contactform form ol li textarea {
    height: 150px;
}

.subsite form input.submit {
    font-family: 'Roboto', sans-serif;
    font-weight:500;    
    font-size: 14px;
    text-shadow: black 1px 1px 1px;
    float: right;
    margin-right: 78px;
    width: auto;  
    border: 0 none;
    background: #0080af;    
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 6px 10px;
    text-indent: 0;    
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}

.subsite form.vz input.submit,
.summary .submit {
	margin-right: 0 !important;
	margin-top: 0 !important;
	}

.subsite form input.submit:hover,
a.button:hover {
    background: #777;
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;    
}
.subsite form input.submit:active,
a.button:active {
    background: #777;
}

label span, .subsite form h5 span {
	color: #0080AF;
	}
.subsite form p {
    margin: 10px 0 2px 150px;
}

.versandkosten {
	margin-top: 60px;
	float: right;
	padding: 20px;
	width: 230px;
	background: #0080AF;
	color: white !important;	
}
.versandkosten h3{
	color: white
	}


table.buy-table
	{
	display: block;
	width: 100%;
	background: #0080AF;
	color: white;
	margin-bottom: 30px;
	padding: 20px;
	text-align: right;
	}
	
.versandkosten table
	{
	width: 230px;
	text-align: right;
	color: white;	
	}	

table.buy-table td,
.versandkosten table td
	{
	vertical-align: middle;	
	}
	
table.buy-table td:first-child
	{
	text-align: left;	
	font-weight: 400;
	width: 100%;
	}

table.buy-table td:last-child
	{
	text-align: left;		
	padding-left: 10px
	}
table.buy-table tr.sm
	{
	height: 20px;
	}
	
.versandkosten table td:first-child
	{
	text-align: right;	
	font-weight: 400;
	width: 100px;
	}
	

/*nowe*/
.sumform {
	width: 602px;
	}
	
.summary span {
    font-weight:400; 
    display: block;
    vertical-align: top;
    width: 150px;
    float: left;    
}

a.button {
    font-family: 'Roboto', sans-serif;
    font-weight:500;    
    font-size: 14px;
    text-shadow: black 1px 1px 1px;
    border: 0 none;
    background: #0080af;    
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 9px 12px 10px 12px;
    text-indent: 0;    
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 15px;
}

/*searchbox */

#header form {
	position: absolute;
	bottom: -46px;
	right: 0;
	}	


.hideform {
	visibility: hidden;
	}

	
#search, #send {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 12px;
	float: left;
	}
#search {
	background: white;
	opacity:0.7;
	filter:alpha(opacity=75);	
	border: 0;
	padding: 5px 5px 5px 7px;
	width: 168px;
	height: 19px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 5px 1px #aaa inset;
	}
	
#search:focus,
#search:hover,
#search:active {
	background: white;
	opacity:0.9;
	filter:alpha(opacity=90);
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;    		
	}	
#send {
	border: 0;
	background: url("../images/ui/search.png") no-repeat center #0080AF;
	border-radius: 0 5px 5px 0;
	height: 29px;
	width: 40px;
	cursor: pointer;
	}
#send:hover {
background: url("../images/ui/search.png") no-repeat center #777;
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;    
}	




 /* RODO Modal**********************************************************/	
	
 /* The Modal (background) */
 
.modal, .modal * {
    z-index: 100000000000; /* Sit on top */
	}
 
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal h2{
	font-weight: 400;
	color: #0080AF;
	}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 	

#modal-scroll {
	background-color: #eee;
	height: 200px;
	overflow-y: scroll;
	margin: 25px 0;
	padding: 10px;
	border: 1px solid #0080AF;
-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	}
#modal-scroll *,
#modal-scroll li
{
	font-size: 11px;
	line-height: 12px;
	font-weight: 300;
	}
#modal-scroll h3{
	margin: 5px 0;
	font-weight: 400;
	color: #0080AF	
	}	
#modal-scroll p{
	margin: 0 0 3px 0;
	}		
#modal-scroll ul{
	list-style: square inside;
	}
#modal-scroll li{
	list-style: square inside;
	}
.modal .btn {
	text-align: center;
	font-size: 16px;
	padding: 10px 30px;
	float: left;
	margin-right: 30px;
	color: white;
	background-color: #0080AF;
	cursor: pointer;
	}
.modal .btn:hover {
	background-color: #777;
	}