@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:14px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 0em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a:hover {color: #607890;}

/* Site Styles */
h1, h2 h3, h4, h5, h6 {margin-bottom:10px; font-family:Myriad, sans-serif;}
h1 {font-size:20px; line-height:22px;}
h2 {font-size:18px; line-height:24px; color:#3a3a3a; font-weight: normal; margin-top: 7px; margin-bottom: 17px;}
h3 {font-size:16px; line-height:18px; color: #0099ff;}
h4 {font-size:14px; line-height:16px; color: #222;}
h5 {font-size:13px; line-height:15px;}
h6 {font-size:12px; line-height:15px;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
h5 {font-weight: bold; color: #333;}

.breadcrumbs{ position:relative; margin-top:-5px; width:100%; float:left; }
.breadcrumbs ul { margin:0 0 10px 0; padding:0; }
.breadcrumbs ul li{ display:inline; list-style:none; padding:0; margin:0;  font-size:11px; text-transform:uppercase;}
.breadcrumbs span { font-size:10px; text-transform:uppercase; margin-top:1px; }
.breadcrumbs ul li a{ color:#b7b7b7; }
.breadcrumbs ul li a:hover{ color:#4b5259; }

body {background: #fff; font: 13px/20px  'Droid Sans', arial, serif; line-height:20px; color: #666; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgb(255,255,0);}
::selection {background:#f26c4f; color:#fdfdfa;}
::-moz-selection {background:#f26c4f; color:#fdfdfa;}
img::selection 	{background: transparent;}
img::-moz-selection {background: transparent;}

.center {height: auto; width: 960px; margin: auto;	padding: 0px;}

#logo {border-top: 2px solid #f14a29; padding-top: 15px;}
#logo h1 {float: left; text-indent: -999999px; background: url('../images/logo.jpg') no-repeat; width: 347px; height: 70px;}
#logo p {float: right; font-size: 18px; width: 550px; padding-top: 40px; padding-left: 35px;}
div#header {overflow: hidden;}

div#nav {padding-bottom: 27px; border-bottom: 1px solid #DEDEDE;}
div#nav ul {list-style: none; margin-top: 15px;}
div#nav ul li {display:inline; padding-right: 45px;}
div#nav ul li a {font-size: 20px; color: #5299c0; text-decoration: none; text-transform: none; font-family: Arial;}
div#nav ul li a img {margin-bottom: -10px;}
div#nav ul li a:hover {color: #f14a29; border-bottom: 2px solid #f14;}
#main {margin-top: 0px;}
div#footer {margin: 20px 0; background: #e7e7de; border: 2px solid #efefef; overflow:hidden; padding: 20px; color: #444445;}
div#footer ul {list-style:none;}
div#footer ul li {padding: 3px 0;}
div#footer ul li a {color: #246e98; text-decoration: none;}
span.trs {color: #e7e7de;}
div#footer h5 {font-weight: bold;}
#disclaimer {margin-top: 25px; border-top: 1px solid #ccc; padding-top: 7px;}
#disclaimer p {font-size: 11px;}
.michome {width: 960px; margin: 0 auto; border: 0px solid #ade2f2; overflow: hidden;}
.michome h3 {color: #333; margin-bottom: 15px;}
.mic {width: 960px; margin: 0 auto; border: 1px solid #ade2f2; overflow: hidden;}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#e8f5fb; /* column 2 background colour */
    z-index: 10;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;
	background:#fff; /* column 1 background colour */
}
#col1 {
	float:left;
	width:80%;
	position:relative;
	left:20%;
    padding-top: 25px;
    padding-bottom: 50px;
	overflow:hidden;
    min-height: 400px;
    z-index: 20;
}
#col2 {
	float:left;
	width:20%;
	position:relative;
	left:20%;
    padding-top: 25px;
    padding-bottom: 50px;
	overflow:hidden;
    z-index: 15;
}
#col1 h2 {width: 100%; background: #f96; border-top: 4px solid #f14a29; border-bottom: 4px solid #f14a29; padding: 15px; font-family: "Helvetica Neue",Helvetica,Tahoma,Geneva,Verdana,sans-serif; text-transform: uppercase; font-size: 2.5em; font-weight: bold; color: #222; padding-left: 24px;}
#col2 h2 {width: 100%; color: #fff; background: #4abbff; border-top: 4px solid #0065a4; border-bottom: 4px solid #0065a4; padding: 15px;}
#col1 img.testa {width: 85%; margin-top: 10px;}
#col1 p {line-height: 1.95em;}
#col1 h4 {margin: 17px 0; font-size: 18px;}
div#pad {padding: 10px 25px;}

#col1 ul {padding: 4px 18px;}
#col1 ul li {padding: 7px 1px;}
#col1 p {padding: 7px 0;}

ul#timeline {list-style: none; margin-bottom: 40px;}
ul#timeline li {display: inline;}
ul#timeline li a {text-decoration: none; font-size: 20px; padding-right: 18px; padding-bottom: 15px; color: #428EA9;}

a.tip {position: relative; display: inline-block;}
a.tip span {
    position: absolute;
	width: 250px;
	padding: 8px;
	left: 50%;
	font-size: 13px;
	line-height: 16px;
	margin-left: -134px;
	text-align: center;
	visibility: hidden;
	bottom: 40px; /** Use 30px for simple fade in effect - Removes slide down effect **/
	z-index: 1000;
	opacity: 0;
    
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    
    			background: #39F;
			border: 4px solid #39F;
			color: #FFF;
    
}
a.tip span:after {
    		content: '';
			position: absolute;
			bottom: -14px;
			left: 50%;
			margin-left: -9px;
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
            
            border-top: 10px solid #39F;
            z-index: 1000;
}
a:hover.tip span {
    			opacity: 1;

				visibility: visible;
				bottom: 30px;
				z-index: 100;
}

ul#facts, ul#facts ul {list-style: none;}
ul#facts li {display: inline; width: 50%;}
#col2 ul {list-style: none;}
#col2 ul li {padding: 10px 0;}
#col2 ul li a {padding-left: 13px; font-size: 14px; text-decoration: none;}
.active {padding-bottom: 7px; border-bottom: 4px solid #f14a29; border-top: 1px solid #f14a29; background: #fff;}

#exh1, #exh3 {float: left; margin-top: 40px; border: 0px solid red; width: 380px;}
#exh2, #exh4 {float: right; margin-top: 70px; border: 0px solid #333; width: 350px;}
#exh2, #exh4 {padding-left: 0; padding-right: 20px;}

img.wds {border: 8px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
img.mt30 {margin-top: 30px;}
div.mb40 {margin-bottom: 40px;}
ul.ks5 {padding-left: 18px;}
ul.ks5 li {padding: 10px 0;}
.mt45 {margin-top: 45px;}

    .peKenBurns {
        width: 100%;
        height: 400px;
    }    
    
.feedback {color: #f14a29;}
.arrow li {list-style:none; background:url(../images/pfeil3.gif) no-repeat left .4em; padding-bottom: 17px; padding-left:15px; line-height:22px;}
.arrow li a {text-decoration: none; font-size: 13px;}
p.ita {font-style: italic;}

#gmap {height: 330px; width: 330px; background: url('../images/gmap.jpg') no-repeat; border: 1px solid #999;}
/*__________________________________________________________________________________*/


input[type="text"], input[type="email"], input[type="submit"], textarea, select {-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;	padding:7px; margin-right:10px;	border:1px solid #cfcfcf; -webkit-box-shadow: 0px 1px 3px #d4d4d4; -moz-box-shadow: 0px 1px 3px #d4d4d4; -o-box-shadow: 0px 1px 3px #d4d4d4; box-shadow: 0px 1px 3px #d4d4d4; font-family:Arial, Helvetica, sans-serif; background:url(../images/input_field_bg.png) repeat; border:1px solid #c4c4c4; color:# }
input:focus, textarea:focus {background:none; }
input {width:200px; }
textarea {width:270px; font-size:13px;}
label {display: block; width: 300px; cursor: default;}
.pri {font-size: 11px;}
fieldset {border: 1px solid #eee; padding: 30px;}
legend {font-weight: bold;}

form#contactus div {margin: 4px 0;}
.example {font-size: 9px; font-style: italic; color: #b7b7b7;}
label.error {color: red;}

input.error {border: 1px solid red;}

input.submit {width: 100px; background: #335D30; color: #fff;}
input.submit:hover {background: #369;}


/* Class Grids */

.columns {width:100%; float:left; margin-bottom:20px; }
.whole {width: 99%;}
.half {width:48%; }
.third {width:30.66%; }
.two_third {width:65.33%; }
.fourth {width:22%; }
.three_fourth {width:74%; }
.fifth {width:16.8%;}
.sixth {width:13.33%; }
.two_fifth {width:37.6%; }
.three_fifth {width:58.4%; }
.four_fifth {width:67.2%; }
.five_sixth {width:82.67%; }
.half,.third,.two_third,.three_fourth,.fourth,.fifth,.two_fifth,.three_fifth,.four_fifth,.sixth,.five_sixth {position:relative; margin-right:4%; float:left; }
.last {margin-right:0 !important; clear:right; }





/* End Site Styles */

.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after {clear: both; }
.clearfix {zoom: 1; }

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width: 480px) {  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */}

@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;} 
  a, a:visited {color: #444 !important; text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  @page {margin: 0.5cm;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3{page-break-after: avoid;}
}