/* RESET */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}

html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;font-size:13px;line-height:1.231;}
body,button,input,select,textarea{font-family:sans-serif;color:#222;}

abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:85%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
ul,ol{margin:1em 0;padding:0 0 0 40px;}
dd{margin:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}

form{margin:0;}
fieldset{border:0;margin:0;padding:0;}
label{cursor:pointer;}
legend{border:0;*margin-left:-7px;padding:0;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
table button,table input{*overflow:auto;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
input:valid,textarea:valid{ }
input:invalid,textarea:invalid{background-color:#f0dddd;}

table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}

/* CLEARFIX */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}

.clearfix{
	zoom:1;
}

html,body{
	height:100%;
	width:100%;
}

body{
	color:#222;
	font-family:"FrutigerLTPro-Roman",sans-serif;
	font-size:1em;
	/*background:#f5f5f5 url(../layout/jordan-bg.jpg) no-repeat center 0px;*/
	background:#ffffff;
}

/* Hintergrund bei Startseite 
body.home{
	background:#f5f5f5 url(../layout/jordan-bg.jpg) no-repeat center -100px;
}
*/
.FrutigerRoman {
	font-family: FrutigerLTPro-Roman;
}

.FrutigerBold {
	font-family: FrutigerLTPro-Bold;
}

::-moz-selection {
	background-color: #0095db;
	color: #fff;
}

::selection {
	background-color: #0095db;
	color: #fff;
}

.trans-bg{
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.9);
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p{
	font-size:0.93em;
	margin:0;
}

h1,
h2,
h3,
h4{
	font-family:"FrutigerLTPro-Roman",sans-serif;
	font-weight:normal;
	color:#0095db;
}

h1 a,
h2 a,
h3 a,
h4 a{
	text-decoration:none;
	color:#0095db;
}

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a{
	text-decoration:underline;
}

h1{
	font-family:"FrutigerLTPro-Roman",sans-serif;
	font-weight:normal;
	color:#0095db;
	line-height:1.1em;
	padding:0px;
	margin:5px 0px;
	display:inline-block;
}

.einspaltig {
  -moz-columns: 1;
  -webkit-columns: 1;
  columns: 1;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.zweispaltig {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.dreispaltig {
  -moz-columns: 3;
  -webkit-columns: 3;
  columns: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.vierspaltig {
  -moz-columns: 4;
  -webkit-columns: 4;
  columns: 4;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

/* Grid */
.oh,
.ot,
.tt {
  float: left;
  margin: 0 2% 2% 0;
  width: 48%;
}
.ot {
  width: 31%;
}
.tt {
  width: 65%;
}
.cl {
  clear: both;
}
.item-padding {
  margin-right: 20px;
  margin-bottom: 5px;
}
.column-padding {
  margin: 0 10px;
}
.group-padding {
  margin: 0 40px;
}

.span1 {
  width: 60px;
}
.span2 {
  width: 140px;
}
.span3 {
  width: 220px;
}
.span4 {
  width: 300px;
}
.span5 {
  width: 380px;
}
.span6 {
  width: 460px;
}
.span7 {
  width: 540px;
}
.span8 {
  width: 620px;
}
.span9 {
  width: 700px;
}
.span10 {
  width: 780px;
}
.span11 {
  width: 860px;
}
.span12 {
  width: 940px;
}
.offset1 {
  margin-left: 80px;
}
.offset2 {
  margin-left: 160px;
}
.offset3 {
  margin-left: 240px;
}
.offset4 {
  margin-left: 320px;
}
.offset5 {
  margin-left: 400px;
}
.offset6 {
  margin-left: 480px;
}
.offset7 {
  margin-left: 560px;
}
.offset8 {
  margin-left: 640px;
}
.offset9 {
  margin-left: 720px;
}
.offset10 {
  margin-left: 800px;
}
.offset11 {
  margin-left: 880px;
}
.offset12 {
  margin-left: 960px;
}

[class*="span"] {
  float: none;
  min-height: 1px;
  margin-right: 20px;
  margin-bottom: 5px;
  *zoom: 1;
}

[class*="span"]:before,
[class*="span"]:after {
  display: table;
  content: "";
}
[class*="span"]:after {
  clear: both;
}
[class*="span"]:last-child {
  margin-right: 0;
}
[class*="span"]  > img {
  max-width: 100%;
  height: auto;
}
.grid {
  margin: 0 0 20px;
  display: block;
  height: auto;
  width: 100%;
  *zoom: 1;
}
.grid.no-margin {
  margin: 0;
}
.grid.margin-row {
  margin-bottom: 5px;
}
.grid .grid {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}
.grid .group {
  margin-right: 80px;
  float: left;
  width: auto;
  height: auto;
  min-height: 1px;
}
.grid .row {
  width: 100%;
  *zoom: 1;
}
.grid .row:before,
.grid .row:after {
  display: table;
  content: "";
}
.grid .row:after {
  clear: both;
}
.grid .row [class*="span"] {
  float: left;
}
.grid.element-border [class*="span"] {
  border: 1px #ccc dotted;
}
.grid:before,
.grid:after {
  display: table;
  content: "";
}
.grid:after {
  clear: both;
}

.homegrid{
	width:940px;
}

.bottom-margin{
	margin-bottom:20px;
}

.v-spacer{
	margin-top:20px;
}

/* Ende Grid */

#header{
	top:0;
	left:0;
	width:100%;
}

.header-container{
	position:relative;
	width:960px;
	/*height:194px;*/
	padding:0px;
	margin:0px auto;
	background: rgba(255,255,255,0.6);
}

.header-container .logo{
	height:111px;
	margin:0px 20px 0px 0px;
	float:left;
}

/* Navigation */
nav a.cur{
	color:#222;
}

nav a.cur:hover{
	text-decoration:underline;
}

/* Mobile und Fuss-Navi */
#md-menu{display:none;}
#mobile-navi{display:none;}

/* Header-Navi */
.navblock{
	height:111px;
	width:320px;
	margin:0px 0px 0px 320px;
	position:relative;
	z-index:3;
	float:left;
}

#meta{
	height:69px;
	width:300px;
	margin:0px;
	position:relative;
	z-index:3;
	font-size:0.85em;
}

nav.meta{
	height:35px;
	margin:0px;
	z-index:3;
	font-size:1em;
	text-align:center;
	color:#fff;
	background:rgba(0,149,219,0.8);
}

nav.meta ul,
nav.meta li,
nav.meta a{
	display:inline-block;
	float:none;
}

nav.meta a{
	font-size:1.1em;
	margin:10px 0 0 0;
	padding:0px 4px 0 4px;
	color:#fff;
}

nav.meta a:hover{
	color:#222 !important;
	text-decoration:underline;
}

#headfon{
	width:300px;
	height:35px;
	margin:20px 0px 0px 0px;
	z-index:3;
	font-size:1em;
	text-align:right;
	color:#0095db;
	/*border:1px solid black;*/
}

#headfon a{
	color:#0095db !important;
}

.naviwrapper {
	margin:0px auto;
	width:960px;
	z-index:100000;
}

nav.main-1 ul {
	padding: 0px;
	margin: 0px;
	overflow:visible;
	position:relative;
	z-index:100000;
}

nav.main-1 ul:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

nav.main-1 > ul{
	background:rgba(0,149,219,0.8);
}

nav.main-1 ul li {
    list-style: none;
    float:left;
    border-right:0px solid #dfdfdf;
}

nav.main-1 > ul > li > a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding:10px 0px 10px 24px;
}

nav.main-1 li li a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding:5px 34px 5px 24px;
}

nav.main-1 > ul > li:hover > ul  {
    background:rgba(78,93,105,0.8);
}

nav.main-1 ul li:hover > a {
    color: #fff;
}
nav.main-1 > ul > li:hover > ul {
    visibility: visible;
}

nav.main-1 > ul > li > ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav.main-1 ul li ul li{
	float: none;
}
nav.main-1 ul li ul li a {
    color: #fff;
}
nav.main-1 ul li ul li a:hover{
	color: #fff;
	background:rgba(0,149,219,0.8);
}

nav.main-1 li li li a{
	padding:5px 34px 5px 32px !important;
}

/* BREADCRUMB */
#breadcrumb{
	display:block;
	margin:0px 0px 14px 24px;
}

#breadcrumb ul{
	list-style:none;
	font-size:1em;
	line-height:0.3em;
	color:#fff;
	padding:0px;
}

#breadcrumb li{
	float:left;
}

#breadcrumb span{
	padding:0px 6px;
	font-size:0.7em;
}

#breadcrumb a{
	background:transparent !important;
	padding:0px !important;
	color:#fff !important;
	white-space:nowrap;
}

/* Content */
.contentwrapper {
	width:100%;
}

.sliderbox {
	min-width:1600px;
	width:1600px;
	height:636px;
	padding:0px 0px 0px 0px;
	margin:0 auto;
	position:relative;
}

#container{
	min-width:960px;
	width:960px;
	padding:0px 0px 0px 0px;
	margin:0 auto;
	position:relative;
}

.cols{
	width:100%;
	min-height:400px !important;
	padding:20px 0px 0px 0px;
	margin:0;
}

#content{
	float:left;
	width:700px;
	margin:0px 20px 0px 0px;
	padding:0px;
}

#margin{
	float:left;
	width:220px;
	min-height:50px;
	padding:0px;
	margin:0px;
}

h1{
	font-size:1.4em;
	line-height:1.2em;
}

h2{
	font-size:1.3em;
	line-height:1.2em;
	margin:0px;
	color:#222;
}

h3{
  font-size: 1.6em;
	margin:0px;
}

/* Links */
#content p > a,
#content li > a,
#content td > a,
#content p > a.home-link,
#content li > a.home-link{
	font-family: FrutigerLTPro-Bold;
	color:#0095db;
}

small a{
	font-family: FrutigerLTPro-Roman;
	color:#222;
}

#footer a	{
	font-family: FrutigerLTPro-Bold;
	color:#fff;
}

#content .download a{
	color:#0095db;
}

#content p > a.treffer-link,
#content li > a.treffer-link{
	color:#0095db;
}

#footer{
	position:relative;
	display:block;
	width:100%;
	min-width:960px;
	background:#0095db;
	color:#fff;
	font-size:1em;
	padding:0px 0px 50px 0px;
}

#footer-container{
	position:relative;
	width:960px;
	padding:20px 0px;
	margin:0px auto;
}

#footer-address,
#footer-links,
#footer-social{
	float:left;
}

#footer-address p,
#footer-links a{
	margin:0px;
	font-size:0.85em;
}

#footer-address p span{
	display:block;
}

#footer-address p span > span{
	display:inline;
}

.footer-text{
	padding:0px 0px 20px 0px;
}

#footer-links{
	width:460px !important;
	margin-right:20px;
}

#footer-links ul{
	list-style:none;
	padding:0;
	margin:0px 0px 20px 0px;
}

#footer-links li{
	padding:0;
	margin:0;
}

#footer-address h5,
#footer-links h5{
	padding:0px;
	margin:0px;
	font-size:1em;
	font-weight:400;
}

#footer-links p > img{
	width:100%;
}

#footer-social{
	font-size:1em;
	color:#fff;
}

/*
#footer-social a{
	display:block;
	color:#fff;
	width:100%;
	height:24px;
	margin:0px;
	text-decoration:none;
}
*/
#footer-social a{
	display:inline-block;
	color:#fff;
	width: 32px;
	height: 32px;
	text-decoration:none;
	margin-right:15px;
}


#footer-social a:last-child{
	margin-right:0px;
}

/*WhatsApp auf Dektop und Tablet */
#footer-social a.scr-hide{display:none;}

/* Content-Boxen */
.startaddress-row{
  display: block;
  position: relative;
	width:100%;
	overflow:hidden;
	margin:0px;
}

.startaddress-box{
	width:440px;
	overflow:hidden;
	margin:0px 10px;
	float:left;
}

.image-tile-big{
  display: block;
  position: relative;
	width:700px;
	overflow:hidden;
	margin:0px;
}

.tile-image{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.tile-image img{
	width:100%;
}

.berater-bg{
	height:220px;
	background:#fff url(../layout/meine-reiseangebote.jpg) no-repeat left top;
}

.text-tile,
.image-tile-big{
  display: block;
  position: relative;
	width:100%;
	overflow:hidden;
	float:left;
	margin:0;
}

.left-text-tile,
.right-text-tile,
.image-tile{
  display: block;
  position: relative;
	width:380px;
	overflow:hidden;
	float:left;
	margin:0;
}

.left-text-tile{
  margin:0px 20px 0px 0px;
}

.image-tile{
	width:300px;
	margin:0px 20px 0px 0px;
}

.image-tile:nth-child(2){
	margin:0px 0px 0px 0px;
}

.text-tile h1{
	margin:10px 0px 8px 0px;
}

.hometext-tile{
  display: block;
  position: relative;
	width:100%;
	margin:0;
	padding:0px 0px 10px 0px;
	color:#fff;
	background:#0095db;
}

.hometext-tile h1{
	color:#fff;
	margin:10px;
}

.hometext-tile p{
	color:#fff;
	margin:0px 10px 10px 10px;
}

.hometext-tile li span{
	display:block;
}

.hometext-tile a	{
	font-family: FrutigerLTPro-Bold;
	color:#fff;
}

.hometext-tile table{
	width:300px;
	color:#fff;
	margin:0px 10px 10px 10px;
}

.hometext-tile table td{
	vertical-align:top;
	padding:0px 0px 5px 0px;
}

/* Teaser */
.teaser-tile,
.hometeaser-tile,
.static-tile{
  display: block;
  position: relative;
	width:220px;
	min-height:360px !important;
	float:left;
	margin:0px 20px 20px 0px;
}

.hometeaser-tile:nth-child(4n+4){
	margin:0px 0px 0px 0px;
}

.teaser-tile:nth-child(3n+3){
	margin:0px 0px 0px 0px;
}

.teaser-tile,
.hometeaser-tile{
	cursor:pointer;
}

.teaser-tile .description,
.hometeaser-tile .description,
.static-tile .description{
  padding:0px;
 	margin:0px;
}

.teaser-tile .description h3,
.hometeaser-tile .description h3,
.static-tile .description h3{
  width:200px;
  color:#fff;
  margin:0px 0px 5px 0px;
  padding:10px 10px 10px 10px;
  font-size: 1em;
  line-height:1.2em;
  font-weight:bold;
  background:#0095db;
}

.teaser-tile .description h3 a,
.hometeaser-tile .description h3 a,
.static-tile .description h3 a{
  color:#fff;
}

.static-tile .description h3 > span{
	font-size:0.8em;
	margin-left:20px;
	cursor:pointer;
}

.teaser-tile .description p,
.hometeaser-tile .description p,
.static-tile .description p{
  margin:0px;
  padding:0;
  font-size:0.9em;
}

.hometeaser-tile:hover a,
.teaser-tile a:hover,
.hometeaser-tile a:hover,
.static-tile a:hover,
.static-tile h3:hover a{
  text-decoration:none;
}

/* Content-Listen */
[class*="text-tile"] ul{
		list-style:none;
		padding:0 0 0 10px;
		margin:0px 0px 10px 0px;
}

[class*="text-tile"] ul li{
	font-size:1em;
}

[class*="text-tile"] ol{
	padding:0 0 0 20px;
}

/* Travelnewsport News */
.news-info{
	width:460px;
	padding:0px;
	float:left;
}

/* Tabellen und Tabellen responsive */
#content table{
	width:100%;
}

/*
tr:nth-child(odd){
	background:#999;
}
*/

#content table td{
	vertical-align:top;
	padding:5px 5px 5px 0px;
	font-size:0.9em;
}

/* Servicebereich */
/* Widgets */
.widgetbox{
	float:left;
	width:220px;
	padding:0px;
	margin:0px 0px 20px 0px;
}

.wb-header,
.wb-foot{
	width:100%;
	height:30px;
	padding:8px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	background:#0095db;
}

.beratung-wb-header{
	width:100%;
	height:30px;
	padding:8px 0px 0px 0px;
	margin:0px 0px 8px 0px;
	background:#0095db;
}

.beratung-wb-header h3,
.wb-header h3,
.wb-foot h3{
	font-size:1em;
	font-family: FrutigerLTPro-Bold;
	color:#fff;
	padding:0px;
	margin:0px 0px 0px 10px;
	line-height:1.2em;
}

.wb-foot h3{
	margin:0px 0px 0px 0px;
}

.wb-header h3 > span,
.wb-foot h3 > span{
	font-size:0.8em;
	margin-left:20px;
	cursor:pointer;
}

.wb-text{
	width:100%;
	padding:5px 0px;
}

.wb-text p,
.widgetbox ul li,
.widgetbox ul li a span{
	margin:0px;
	font-size:0.8em;
}

.widgetbox ul{
	list-style:none;
	padding:0;
	margin:0px;
}

.widgetbox ul li,
.widgetbox ul li a span{
	padding:0;
}

.description-ma a,
.widgetbox a{
	font-family: FrutigerLTPro-Bold;
	color:#0095db;
}

/* Mitarbeiter-Widgetbox */
.wb-ma p span,
.description-ma p span{
	display:block;
}

/* Beratungsnr. Formular */
#bformbox{
	width:218px;
	margin:0px;
	padding:2px 0px;
	float:left;
	background:#80caed;
	border:1px solid #80caed;
}

.static-tile #bformbox{
	width:198px;
	margin:160px 10px 10px 10px;
	padding:2px 0px;
	float:left;
	background:#80caed;
	border:1px solid #80caed;
}

/* FORMS */
form {
  margin:0px;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%; /* Korrigiert Vererbung für alle Browser */
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;  /* verbessert die Konsistenz des Cursors */
  -webkit-appearance: button;  /* iOS mal wieder */
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* IE8/9 */
  padding: 0; /* IE8/9 */
  *height: 13px; /* IE7 */
  *width: 13px; /* IE7 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content select{
	padding:0 5px;
	width:100%;
	border:0;
	margin:0 0 6px 0;
	font-size:14px;
	height:32px;
	line-height:18px;
	border:2px solid #aaaaaa;
	background:#ffffff;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

#content select{
	padding:5px;
}

/* Focus-Rahmen für Chrome und Safari selbst stylen
Der Workaround outline: none; ist aus Usability-Gründen ein NoGo! */
input:focus {outline: #80caed Solid 1px; }
textarea:focus {outline: #80caed Solid 1px; }

#bformbox input[type="text"]{
	padding:0 5px;
	width:150px;
	border:0;
	margin:0px 4px 0px 0px;
	font-size:1em;
	height:32px;
	line-height:18px;
	background:#80caed;
	border:1px solid #80caed;
	float:left;
}

.static-tile #bformbox input[type="text"]{
	width:130px;
}

#bformbox input[type="image"]{
	width:49px;
	height:36px;
	float:left;
}

#content textarea{
	padding:2px 5px;
	width:100%;
	height:70px;
	margin:0 0 6px 0;
	font-size:14px;
	line-height:18px;
	border:2px solid #aaaaaa;
	background:#ffffff;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

#content textarea.error,
#content input[type="text"].error,
#content input[type="email"].error{
	border:2px solid #ff3333;
}

#content .control{
	padding:12px 0 0 0;
}

input[type=submit] {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  min-width: 90px;
  min-height: 32px;
  height: 32px;
  border: 1px transparent solid;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 10px;
  position: relative;
  border-radius: 0;
}

::-webkit-input-placeholder { color:#666; font-style:italic; font-size:0.75em;}
::-moz-placeholder { color:#666; font-style:italic; font-size:0.75em; } /* firefox 19+ */
:-ms-input-placeholder { color:#666; font-style:italic; font-size:0.75em !important; } /* ie */
input:-moz-placeholder { color:#666; font-style:italic; font-size:0.75em; }

label.error{
	color:#ff3333;
	margin:0 0 15px 0;
}

.formrow{
	margin:0 0 15px 0;
}

/* historisch aus Formular-Generator */
.fieldlabel{
	font-size:16px;		
}

.button-verlauf{
	background: #0095db; /* Oldies */
	background: -moz-linear-gradient(top,  #80caed 0%, #0095db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80caed), color-stop(100%,#0095db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #80caed 0%,#0095db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #80caed 0%,#0095db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #80caed 0%,#0095db 100%); /* IE10+ */
	background: linear-gradient(to bottom,  v 0%,#0095db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80caed', endColorstr='#0095db',GradientType=0 ); /* IE6-9 */
}

/* Video in iframe */
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Facebook */
#ds-box,
#wunsch-box,
#footwunsch-box{
	text-align:left;
	color: #fff;
	display: none;
	width:220px;
	position:absolute;
/*	left:0px;*/
	margin:0px;
	padding:0px;
}

#ds-box .text,
#wunsch-box .text,
#footwunsch-box .text{
	background:#80caed;
	margin-top: -15px;
}

#ds-box .text p,
#wunsch-box .text p,
#footwunsch-box .text p{
	color:#fff;
	font-size:0.8em;
	margin:5px;
	padding:5px;
}

#ds-box .arrow,
#wunsch-box .arrow,
#footwunsch-box .arrow {
	margin-bottom:8px;
	margin-top: 0px;
	color:#80caed;
}

#wunsch-box .arrow,
#footwunsch-box .arrow {
	margin-bottom:8px;
	margin-top: 0px;
	margin-left:160px;
}

#footwunsch-box .arrow {
	margin-left:150px;
}

.back-to-top {
	position: fixed;
	width:110px;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	font-size:1em;
	color:#0095db;
	background:#fff;
	border:1px solid #ccc;
	font-size:0.8em;
	padding:5px 5px;
	background:#fff;
	display:none;
}

.back-to-top:hover {    
	background-color: rgba(235, 235, 235, 0.50);
}

.back-to-top span{
	font-size:1em;
	color:#0095db;
}

/* Tweaks */
.no-csscolumns ul.zweispaltig{
	width:100%;
}

.no-csscolumns ul.zweispaltig li{
	display:inline-block;
	font-size:0.8em;
}

.no-csscolumns ul.zweispaltig li a{
	display:block;
	padding:0px 10px 0px 0px;
}

/* Newsletter Datepicker */
input.datetime, input.date, input.time{
	background-image:url(/loader/loader/getPNG/index/icon_datetime?sid=pjm9npf220muv3h3aolhqrjgn4);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.datetimepicker{
	position:absolute;
	width:175px;
	padding:3px;
	background-image:url(/loader/loader/getPNG/index/yag_fill?sid=pjm9npf220muv3h3aolhqrjgn4);
	background-repeat:repeat-x;
	background-color:#dedede;
	border:solid 1px #ccc;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	z-index:109999;
}

.datetimepicker *
{
	border: medium none;
	border-collapse: collapse;
	font-family: arial;
	font-size: 12px;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.datetimepicker p{
	margin:0px;
	padding:0px;
}

.datetimepicker a{
	color:#999;
	text-decoration:none;
}
.datetimepicker a:hover{
	color:#000;
}

.datetimepicker a.active{
	color:#0095db !important;
	font-weight:bold;
}

.datetimepicker a.today{
	color:#00f;
}

.datetimepicker a.weekend{
	color:#666;
}

.datetimepicker ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.datetimepicker ul li{
	float:left;
	width:21px;
	margin:2px;
	padding:0px;
	list-style-type:none;
	text-align:right;
}

.datetimepicker ul li a{
	padding:2px;
}

.datetimepicker div.datepicker{
	clear:both;
	margin-top:5px;
}

.datetimepicker div.datepicker p{
	text-align:center;
}

.datetimepicker div.datepicker p span{
	font-weight:bold;
}

.datetimepicker span.date_drag{
	cursor:e-resize;
	font-size:13px;
}

.datetimepicker ul.weekdays{
	margin-top:3px;
}

.datetimepicker div.timepicker{
	clear:both;
	padding-top:5px;
	text-align:center;
}

.datetimepicker input.hour, .datetimepicker input.minute{
	width:21px;
	border:solid 1px #ccc;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.datetimepicker span{
	font-weight:bold;
}

.datetimepicker span.time_drag{
	cursor:e-resize;
	font-size:13px;
}

.datetimepicker div.actions{
	clear:both;
	padding:10px 0px 3px;
	text-align:center;
}

.datetimepicker a.btn_ok, .datetimepicker a.btn_cancel, .datetimepicker a.btn_clear{
	padding:2px 5px;
	background-color:#fff;
	border:solid 1px #999;
	color:#333 !important;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.datetimepicker a.btn_ok:hover, .datetimepicker a.btn_cancel:hover, .datetimepicker a.btn_clear:hover{
	color:#000 !important;
}