@charset "utf-8";
/* (c) ONLINE1.ch */

* {margin:0; padding:0;border:0px;}
img {border:0px;}

body {color:#333; font-family: 'Open Sans', Verdana, Geneva, sans-serif; color:#444; background: #fff url(_img1/bg_paper_shrink4.png) repeat fixed; font-size:16px; line-height:22px;}
header, nav, footer, aside, section, article {display: block;}

a{ color: #a36a50; text-decoration:none;}
a:hover { color:#a36a50; text-decoration:underline;}

/* layout containers */
#bg0 { width:100%;background:url(_img1/bg.png) repeat-x fixed; border:1px solid red;}
#wrap { margin:0 auto; width:100%; max-width:1200px; border:0px solid orange;box-shadow: 0px 9px 14px 0px rgba(50, 50, 50, 0.65);}
#wrap2 { background-color:#fff; border-top:1px solid #ccc; margin:0px 0px 6px 0px;}

header { height:auto; border:0px solid red; background-color: transparent;}
section { background-color:#fff; float:right; padding:30px; width:74%; max-width:1200px; border-left:1px solid #ccc;}
nav {width:190px; height:300px; padding:40px 0px 0px 0px; float:left; border:0px solid red;}
nav a {display:block;margin:0;color:#a36a50;padding:3px 10px 3px 30px;text-decoration:none; font-weight:bold;}
nav a:link, a:visited, a:active, a:hover {color:#a36a50;}
nav a:hover {color: #8a4f34; background:#e3d7ba; text-decoration:none;}
.nbg { margin-bottom:12px;} /* navigation bottom gap */
.nl { display:inline-block; font-size:14px; padding:4px; font-weight:normal;}
.nt { display:inline-block; font-size:14px; margin-left:30px; padding:4px; font-weight:normal;}
.nd { font-size:14px;}
.aarot {color:#900}

#ScrollNav {width:190px;height:150px;position:absolute;top:520px;padding: 20px 0px 0px 0px; border: 0px solid red}


h1 { margin-bottom:22px; font-size:34px; font-weight:normal; line-height:34px;}
h2 { margin-bottom:20px; font-size:28px; font-weight:normal; line-height:29px;}
h3 { margin-bottom:10px; font-size:19px;}
h1, h2, h3 { color:#0C06BC;}


hr { display:block; margin:20px 0px 20px 0px; clear:both; background:url(_img1/hr.gif) repeat-x; height:16px; border:0;}

.hrs { display:block; margin:20px 0px 20px 0px; clear:both; background:url(_img1/hr.gif) repeat-x; height:5px; border:0;}

li { margin-bottom:6px;}
ul, ol { padding-left: 16px; margin-left:18px; margin:6px 0px 0px 0px;}

footer { clear:both; height:60px; padding:30px; font-size:14px; background:#ddd url(_img1/bgf.png) repeat-x; border-top:1px solid #ccc;}
footer hr {margin:0px 0px 5px 0px;}
a.noli:link, a.noli:visited, a.noli:active, a.noli:hover {color:#222;}
a.noli:hover {color: #8a4f34; background:#e3d7ba; text-decoration:none;}



/* Responsive Google Maps */
.responsiveContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden;}
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Allgemeine Content-classes */
.alc {text-align:center} /* align center */

.flr {float:right;}
.fll {float:left;}
.imgr {float:right; margin:0px 0px 20px 22px;}
.imgl {float:left; margin:0px 22px 20px 0px;}

.s14 {font-size:14px;} /* noch schauen ob nötig */
.s12 {font-size:12px;} /* noch schauen ob nötig */
.s10 {font-size:10px;}/* noch schauen ob nötig */






#logo { float:left; margin:12px 0px 0px 0px;}
#had { border:1px solid red; display:none; width:auto; height:60px; float:left; margin:24px 0px 0px 30px;}


article {float:right; border:0px solid blue;}

aside {background-color:#fff; width:190px; float:right; padding:10px; border:0px solid orange;}

.ft { width:170px; float:left; margin-right:30px; padding-bottom:10px; border:0px solid red;}/* FooterTable */
.ft a {color:#435e85; display: block; padding:2px 0px 2px 15px;}  
.ft a:hover { }






/* Formularfelder & Buttons */

input { border:2px solid #4165a7; padding:5px; margin:5px 0px 5px 0px; border-radius: 3px 3px; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
label {padding:5px; margin:5px 0px 5px 0px;display:block;float:left;}
.res {background:url(_img1/bgf.png) bottom repeat-x; border:2px solid #aaa; font-weight:bold;} /* Result field (input?) */
fieldset { border:2px solid #4165a7; border-radius: 6px 6px; padding:12px;}
fieldset br { clear:both;}
legend { padding:2px 10px 2px 10px; margin:10px 0px 10px 0px;background: url(_img1/bgh.png) repeat; border:2px solid #4165a7; border-radius: 6px 6px; color:#222}
select {border:2px solid #4165a7; padding:5px; margin:5px 0px 5px 0px; border-radius: 3px 3px; font-family:Verdana, Geneva, sans-serif; font-size:14px;}

input[type=button], input[type=reset], input[type=submit] {
	-moz-box-shadow:inset 2px 2px 2px 0px #9fb4f2;
	-webkit-box-shadow:inset 2px 2px 2px 0px #9fb4f2;
	box-shadow:inset 2px 2px 2px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	position:relative;
	top:1px;
}

textarea {border:2px solid #4165a7; padding:5px; margin:5px 0px 5px 0px; border-radius: 3px 3px; font-family:Verdana, Geneva, sans-serif; font-size:14px;}



/* Allgemeine Content-classes */
.ish {box-shadow: 6px 6px 3px -2px #ccc;} /* image shadow */
.ibo {border: 1px solid #999;} /* image border */

.w150 {width:150px;}/* image width Übersichtsseiten */
.ml30 {margin-left:30px;} /* margin-left=30 für inputs etc */
.ml100 {margin-left:100px;} /* margin-left=100 für inputs etc */
.mt20 { margin-top:20;}

.ma0 {margin:0px;}/* noch schauen ob nötig */

.w300 { width:300px}

.cd {background: #466796; /* Old browsers */
background: -moz-linear-gradient(top,  #466796 0%, #bdd1eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#466796), color-stop(100%,#bdd1eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #466796 0%,#bdd1eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #466796 0%,#bdd1eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #466796 0%,#bdd1eb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #466796 0%,#bdd1eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#466796', endColorstr='#bdd1eb',GradientType=0 ); /* IE6-9 */


} 



/* content-div */
.disi {display: inline-block !important;} /* display inline - startseiten links 2 nebeneinander */

.bk { clear:both; color:#aaa; font-size:11px; line-height:12px;} /* bottom keywords at content bottom */

.pb { clear:both; color:#aaa; font-size:11px; line-height:12px; margin:6px 0px 6px 0px;} /* powered by... */
.pb a { color:#aaa; text-decoration:none;}
.pb a:hover, .pb a:visited { color:#aaa; text-decoration:none;}



.so {width:auto; min-height:60px; padding-left:70px; margin:10px 0px 10px 0px; background:url(_img1/icon-so-umrechnen.gif) 0px 8px no-repeat; border:0px solid red;} /* so gehts - Rechner-Anleitung */
.upi { float:right; height:25px; width:auto; margin:0px 0px 18px 18px;} /* up-arrow unten rechts */

.tmb { float:left; margin:0px 50px 20px 0px;}