/* CSS3 - Link, Attribute, Selektoren, quotes, clearer ect. sind in myextra.css definiert. Nicht editieren von WJSIWJG Editoren */ 
@import url(myextra_blue.css);
@import url(images.css);

/* Most common sans-serif on all systems: 'Microsoft Sans Serif',Arial,Verdana,Tahoma,'Trebuchet MS','Courier New',Helvetica,sans-serif  and for serif  'Palatino Linotype',Georgia,'Times New Roman',Times,'Comic Sans MS',serif  */
body {
	overflow-y: scroll;
	margin:0;
	font-size:12pt; /* 10pt nicht aendern, ist in erster Linie von efa_fontsize.js abhaengig */
	font-family:'Palatino Linotype',Georgia,'Times New Roman',Times,'Comic Sans MS',serif;
	/* background: url(../images/logo/logo_256x256_bg.png) center no-repeat;  */
	/* background-image:url(../images/body_bg_blue.png); */
	/* background-repeat:repeat-x; */ 
	/* background-color:#fff; */
	color:#333; 
}

* {padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin:0}

#wrapper {margin:0px auto; margin-left:-170px}
#content {margin:0px auto; width:910px; height:auto}
#head {float:left; background-image:url(../images/head_blue_893x199.png); background-repeat:no-repeat; width:893px; height:199px}

#navbar {float:left; background-image:url(../images/navbar_blue_893x37.png); background-repeat:no-repeat; width:893px; height:37px}

#textbereich {
	float:left; padding-top:40px; padding-left:40px; width:815px;
	/* fuer testzwecke: border:0.5pt dashed #911d00; */
	background-image:url(../images/logo/logo_384x384_bg.png);
	background-repeat:no-repeat;
	background-position:50% center;
}
.inhalt {
	float:left; 
	width:893px; height:auto; 
	background-image:url(../images/content_893x1.png); 
	background-repeat:repeat-y;
}
.footer {
	float:left; padding-right:0; padding-left:0; font-size:9px; background-image:url(../images/footer_blue_893x73.png); width:893px; color:#333333; padding-top:26px; background-repeat:no-repeat; font-family:verdana,arial,helvetica,sans-serif; height:73px; text-align:center
}
.footer a {
	font-weight:600; font-size:10px; color:#a24848; text-decoration:none
}
.footer a:hover {
	font-weight:600; color:#ffffff; text-decoration:none
}
.impressum {
	float:right;
	padding-right:30px;
}
.impressum li {
	list-style-type: none
}
.impressum li a {
	display:block; background-image:url(../images/impressum_a.png); width:77px; height:15px
}
.impressum li a:hover {
	background-image:url(../images/impressum_a_hover.png); background-repeat:no-repeat
}


#google_plusone {
	position: fixed;
	top: 90px;
	left: 1px;
	width: auto; 
}

#TagCloud {
	/* position:absolute; */
	position:relative;
	left:250px;
	top:1px;
	width:200px; 
	height:200px;
	/* z-index:-999; */ /* funzt nicht mit flash ... weil evtl. z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */  
}

div.copyright {
	color:#fff;
	font-weight:300;
	letter-spacing:1pt;
}

h1.my1 span {
	margin-bottom:0;
	padding-bottom:0;
	/* border-bottom:3px dashed #95605f; */
	border-width:thin;
}

h1.my2 {
	padding-top:20px;
	color:#333;
}
h1.my2 span {
	font-size:100%;
	color:#91ac24; /* #336699 */
}
h1.my2 span.my2 {
	color:#666;
	font-size:70%;
}
h1.my2 span.nowrap {
	white-space:nowrap;
	color:#0078ff;
	text-shadow: 2px 2px 3px #ccc; 
}

h2.my22 span {
	font-size:85%;
	color:#91ac24; /* #336699 */
	text-shadow: 2px 2px 3px #eee; 
}

h3.layout01 {
	padding-bottom:10px;
	font-size:13pt;
	color:#0078ff; /* #91ac24 #336699 */
	text-shadow: 2px 2px 3px #ccc; 
}

.aktiv {
	color:#fff; 
}

ul.myULimage{
	list-style-image: url(../images/li_bg.png);
	padding: 5px 15px 15px 50px
}

ul.angebot {
	list-style-position:outside;
	list-style-type:circle;
	margin-left:10px;
	padding:5px;
}

ul.ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:50px;
	padding:5px;
}
ul.ul span{
	padding-left: 10px;
}

li.v_info:hover{
	background-color:#fff;
	border-bottom:1px dashed royalblue;
}
li.v_info_nr{
	list-style-type:decimal
}
li.v_info_nr:hover{
	background-color:#fff;
	border-bottom:1px dashed royalblue;
}

span.unterstrich {text-decoration: underline}
span.uppercase {text-transform: uppercase}
span.nowrap {white-space: nowrap}

p.padding_top {padding-top: 10px}

span.mygreen {
	font-size:180%;
	color:#91ac24; 
	font-weight:600;
}
span.mygreen2 {
	font-size:110%;
	color:#91ac24; 
	font-weight:600;
}
span.myroyalblue {
	font-size:110%;
	color:royalblue; 
	font-weight:600;
}

div.bg_yellow {
	font-size:110%;
	background-color:#ffe82b; 
	color:#333; 
	font-weight:300;
 -moz-box-shadow:0 0 4px #000;
 -webkit-box-shadow:0 0 4px #000;
 box-shadow:1px 1px 4px #000;
	border: 1px solid #666;
	border-radius: 0 23px 0 23px;
	-moz-border-radius: 0 23px 0 23px;
	-webkit-border-top-right-radius: 23px;
	-webkit-border-bottom-left-radius: 23px;
	padding:0 20px 5px 20px;
	text-align:center
}
div.bg_yellow:hover {
	background-color:royalblue; 
	color:#fff; 
 -moz-box-shadow:0 0 4px #000;
 -webkit-box-shadow:0 0 4px #000;
 box-shadow:1px 1px 4px #000;
	border: 1px solid #666;
	border-radius: 0 23px 0 23px;
	-moz-border-radius: 0 23px 0 23px;
	-webkit-border-top-right-radius: 23px;
	-webkit-border-bottom-left-radius: 23px;
}
h4.bg_yellow_h {
	font-size:100%;
	background-color:#fff; 
	color:#333; 
	border: 1px solid #666;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	 margin:3px 0 3px 0;
}

span.h1h6 {
	font-size:50%;
	color:#91ac24; 
	padding-left:5px;
	padding-right:0;
}
span.ip {
	font-size:70%;
	color:#ccc; 
	padding-left:5px;
	padding-right:5px;
}
span.cashlife {
	font-size:100%;
	background-color:#10426b;
	color:#fff; 
	padding-left:3px;
	padding-right:3px;
/* 	line-height:1.35em; */
}
span.cashlife2 {
	font-size:100%;
	color:#000; 
	padding-left:3px;
	padding-right:3px;
}
span.cashlife2:hover {
	font-size:100%;
	background-color:#10426b;
	color:#fff; 
	padding-left:3px;
	padding-right:3px;
}
span.cashlife_dot_menu {
	color:#ff9900; 
}
span.cashlife_dot {
	font-size:150%;
	color:#ff9900; 
}

span.info {
	font-size:90%;
	color:#ff9900; 
}

p {
	padding-right:50px;
	padding-top:3px; 
	padding-bottom:3px; 
}
p.myjustify {
	padding-right:5px;
	text-align:justify;
	padding-top:3px; 
	padding-bottom:3px; 
}


/* BEGIN LayoutContainer */
.layout01-Container {
	width:100%; 
	display:block;
  	margin:10px 0;
	} 
	
.layout01-padding {
 	padding:5px; /* ermoeglicht das padding und verhindert den Zeilenvorsprung */
	} 
/* END LayoutContainer */


/* BEGIN LayoutEinspaltig Transparent - Kind von LayoutContainer */
.layout01_EinspaltigTransparent {
	background-color:transparent;
	text-align:left;
	vertical-align:top;
	clear:both;
	width:auto; 
	font-size: 10pt;
	} 
/* END LayoutEinspaltig Transparent */

/* BEGIN LayoutEinspaltig - Kind von LayoutContainer */
.layout01_Einspaltig {
	/* background-color:#fffef9; */
	color:#333;
	text-align:justify; 
	vertical-align:top;
	float:left;
	width:auto; 
	border:1.0pt dashed #eee; /* #91ac24 */
	line-height: 1.2em;
	margin-top: 5px
	} 
.layout01_Einspaltig:hover {
	/* background-color:#fffbeb;  */ /* #fbffeb #ffefeb */
	color:#000;
	/* font-size:105%; */
	border:1.0pt dashed #b4ceec;  /* blue#b4ceec green#569200 red#911d00 */
	} 
/* END LayoutEinspaltig */

/* BEGIN LayoutZweispaltig - Kind von LayoutContainer */
.layout01left-Zweispaltig {
	font-family:Arial,'Microsoft Sans Serif',Verdana,Helvetica,Courier,sans-serif;
	background-color:#fffef9;
	font-size: 10pt;
	color:#333;
	text-align:left; 
	vertical-align:top;
	float:left;
	width:49%; 
	/* padding waere moeglich aber der Zeilenvorsprung ist dann nicht zu verhindern */
	border:1.0pt dashed #eee; /* #91ac24 */
	line-height: 1.2em
	} 
.layout01left-Zweispaltig:hover {
	font-family:Arial,'Microsoft Sans Serif',Verdana,Helvetica,Courier,sans-serif;
	background-color:#fbffeb;  /* #fbffeb #ffefeb */
	font-size: 10pt;
	border:1.0pt dashed #911d00;  /* #911d00 */
	} 

.layout01right-Zweispaltig {
	font-family:Arial,'Microsoft Sans Serif',Verdana,Helvetica,Courier,sans-serif;
	background-color:#fffef9;
	font-size: 10pt;
	color:#333;
	text-align:left; 
	vertical-align:top;
	float:right;
	width:49%; 
	/* padding waere moeglich aber der Zeilenvorsprung ist dann nicht zu verhindern */
	border:1.0pt dashed #eee; /* #91ac24 */
	line-height: 1.2em
	} 
.layout01right-Zweispaltig:hover {
	font-family:Arial,'Microsoft Sans Serif',Verdana,Helvetica,Courier,sans-serif;
	background-color:#fbffeb;  /* #fbffeb #ffefeb */
	font-size: 10pt;
	border:1.0pt dashed #911d00;  /* #911d00 */
	} 
/* END LayoutZweispaltig */

.Tec2Web {
	font-family:Verdana,Helvetica,Arial,sans-serif;
   	background-color: transparent;
	color:#ccc;
	font-weight:300;
	letter-spacing:1pt;
	white-space:nowrap;
	}

#fontsize_position { /* fontsize */
	text-align: right;
	margin-top: 0;
	margin-right: 0;
	padding: 0;
	position: absolute;
	top: -20px;
	right: 0;
}
.fontsize_style { /* fontsize */
	line-height: 0.9em;
	margin-top: 0.76em;
	margin-bottom: 0.15em;
	padding-right: 3px;
}

p.mytexte { 
	font-family:'Palatino Linotype',Georgia,'Times New Roman',Times,'Comic Sans MS',serif;
	margin:0;
	padding:10px 10px 15px 10px;
	font-size:12pt; 
	line-height:1.2em; 
	color:#333;
	background-color:#eee;
	text-align:justify;
}

p.afancybox_html_texte { 
	font-family:'Palatino Linotype',Georgia,'Times New Roman',Times,'Comic Sans MS',serif;
	margin:0;
	padding:10px 10px 15px 10px;
	font-size:14pt; 
	line-height:1.2em; 
	color:#333;
	background-color:#eee;
	text-align:justify;
}
span.quelle {text-align:left; padding:0 0 0 3px; font-family:Georgia,'Palatino Linotype','Times New Roman',Times,serif; font-size:9pt; color:#9c231d}
div.nobr {margin:0 auto;text-align:center;white-space:nowrap;letter-spacing: 0.3em}
div.route_berechnen {margin:0 auto;text-align:center;}

.myimage {
	border-top : none;
	border-right : 1px solid #911d00;
	border-bottom : 1px solid #911d00;
	border-left : none;
	border-width : 1px;
	box-shadow : 2px 2px 3px #911d00 ;
}
.myimage2 {
	margin-top:7px;
	margin-right:12px;
	padding-right:1px;
	padding-bottom:1px;
	padding-left:1px;
	padding-top:1px;
	border: none;
	box-shadow : 2px 1px 2px #ddd ;
}
.myimage22 {
	margin-top:10px;
	margin-right:10px;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:1px;
	padding-left:1px;
	border: #ddd 1px solid;
	box-shadow: 2px 1px 2px #999;
}
.myimage3 {
	margin-top:7px;
	margin-right:12px;
	padding-right:1px;
	padding-bottom:1px;
	padding-left:1px;
	padding-top:1px;
	border: none;
}

img.noborder{border:none}
img.img1{border:none; float:left}

/* BEGIN impressum */
p.legende { 
	font-family:'Palatino Linotype',Georgia,'Times New Roman',Times,'Comic Sans MS',serif;
	float:right;
	margin: -20px 47px 0 0;
	padding:5px 3px 5px 3px;
	font-size:12pt; 
	line-height:1.2em; 
	color:#333;
}
div#paragraph {
	background: url(../images/paragraph.png) no-repeat right top
}

p.captiontext{color:#333; padding:0; margin:5px 0 0 0; vertical-align:top;} 
p.captiontext:hover{color:#000; padding:0; margin:5px 0 0 0; vertical-align:top;} 

#columleft{float:left;width:27%;min-width:135px;font-size:90%;border:1pt dotted sienna;white-space:nowrap;margin:0;padding:0 5px 5px 3px;text-align:right}
#columright{float:right;width:69%;min-width:235px;font-size:90%;border:1pt dotted sienna;white-space:nowrap;margin:0 0 0 0;padding:0 5px 5px 3px}
img.impressum{margin-left:15px;margin-bottom:-4px}
/* END impressum */

#extra_button {
	position:absolute;
	margin: 185px 0 0 814px;
	background-image:url(../images/extra_button_blue.png);
	background-repeat:no-repeat;
	width:49px; 
	height:49px;
	z-index:1;
}
#hotline {
	position:absolute;
	margin: 239px 0 0 753px;
	background-image:url(../images/hotline_120x43_blue_01.png);
	background-repeat:no-repeat;
	width:120px; 
	height:43px;
	z-index:1;
}

#textbereich #logo {
	position:fixed;
	left:3px;
	top:5px;
	background-image:url(../images/logo/logo_96x96.png); 
	background-repeat:no-repeat;
	width:96px; 
	height:96px;
	z-index:1;
}

#textbereich #tuevsued {
	position:fixed;
	left:3px;
	top:5px;
	background-image:url(../images/tuev_sued_58x58.png); 
	background-repeat:no-repeat;
	width:58px; 
	height:58px;
	z-index:1;
}

#textbereich #tarifcheck24 {
	position:fixed;
	right:78px;
	top:605px;
	width:150px; 
	height:auto;
	z-index:1;
}

#textbereich #partnerlogos {
	position:absolute;
 	right:-23px;
	top:255px;
	z-index:-1; /* z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */
}
#textbereich #partnerlogos2 {
	position:absolute;
 	right:90px;
	top:255px;
	z-index:-1;
}
#textbereich #partnerlogos3 {
	position:absolute;
 	right:-23px;
	top:340px;
	z-index:-1;
}
#textbereich #partnerlogos4 {
	position:absolute;
 	right:90px;
	top:340px;
	z-index:-1;
}

#textbereich #download {
	position:absolute;
	right:15px;
	top:185px;
	background-image:url(../images/download_button.png); 
	background-repeat:no-repeat;
	width:168px; 
	height:49px;
	z-index:1;
}

/* BEGIN Content Box */
#textbereich #context {
	position:absolute;
 	right:5px;
	top:5px;
	z-index:-1; /* z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */
}
#textbereich #context2 {
	position:absolute;
 	right:5px;
	top:593px;
	z-index:-1;  /* z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */
}
#textbereich #context3 {
	position:absolute;
 	right:5px;
	top:252px;
	z-index:-1; /* z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */
}
.context-box {
	width: 224px; padding-bottom: 5px; background: url(../images/rightbox-middle.png) 0 0
}
.context-box p {
	 margin: 3px 5px 0 5px;
	 padding: 5px 5px 5px 5px
}
.context-box p:hover {
	color:#242424; 
	background-color: #fffff7
}
.context-box .header {
	width: 224px; margin: 0; padding: 2px 0 0 5px; background: url(../images/rightbox-top.png) no-repeat 0 0
}
.context-box h3 {
	margin: 3px 5px 0 5px; padding:3px 5px 5px 5px; color:#0078ff; background-color:#eee 
}
.context-box h4 {
	margin: 0 5px 0 5px; padding:3px 5px 3px 5px; color:#0078ff; background-color:#eee 
}
.context-box .text { 
	margin: 0; padding: 0;
	color:#0078ff
}
.context-box .footer {
	width: 224px; height: 17px; background: url(../images/rightbox-bottom.png) no-repeat 0 0
}

#context .adresse {
	font-size:9pt;
	color:#333; 
}
#context strong {
	line-height:2.0em;
	padding:  0 1px;
	font-size:10pt;
	color:#333; 
	background-color: #eee;
	white-space:nowrap
}

/* END Content Box */

#textbereich #zanox_homepage {
	position:absolute;
 	right:2px;
	top:780px;
	z-index:-1;
}

#textbereich #FremdLinks_jCarouselLite_pos0 {
	position:absolute;
 	right:2px;
/*	top:508px;*/
	top:252px;
	z-index:-1; /* z-index im Minusbereich. Link in Firefox funzt dann nicht mehr. */
}

#textbereich #FremdLinks_jCarouselLite_pos1 {
	position:fixed;
 	right:2px;
	top:594px;
	z-index:1; 
}
#textbereich #FremdLinks_jCarouselLite {
	position:fixed;
 	right:2px;
	top:584px;
	z-index:1;
}


#kontaktadresse {
	font-size: 10pt; 
	position:absolute;
	margin: 10px 0 0 545px;
	padding-left: 8px;
	width:210px; 
	height:230px;
/* 	border-left: 1px solid #d4c3bc;
	border-right: 1px solid #d4c3bc; */
	z-index:1;
}


/* Ab 17.02.2014 */
/* BEGIN animation_blink_inherit */
@keyframes blink_inherit { /* IE10, Firefox, Opera */
    0% { color: inherit; }
    50% { color: #0078ff; }
    100% { color: inherit; }
}
@-webkit-keyframes blink_inherit { /* Chrome, Safari */
    0% { color: inherit; }
    50% { color: #0078ff; }
    100% { color: inherit; }
}
.animation_blink_inherit {
    -webkit-animation: blink_inherit 1.8s linear infinite;
    -moz-animation: blink_inherit 1.8s linear infinite;
    animation: blink_inherit 1.8s linear infinite;
}
/* <span class="animation_blink_inherit">...</span> */
/* END animation_blink_inherit */