/* CSS Document */

body, html {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

body,html,table,td,tr {
	font-size: 12px;
}

img { border:none; }
p { margin: 7px 0 7px 0; }

input.invalid
 {
  background-color: #EEB89D;
  border: 1px solid #F37636;
}

/* Link-Klassen */
a.linkcolor_rot { color:#C41130; }
a.linkcolor_orange { color:#FFE2A8; }
a.linkcolor_dunkelorange { color:#E06223; }
a.linkcolor_blau { color:#C0D5E2; }
a.linkcolor_weiss { color:#FFFFFF; }
a.linkcolor_grau { color:#B5B6B9; }
a.linkcolor_dunkelgrau { color:#8F9194; }

/*
/* NAVI FOOTER */ /*
a.graustart { color: #B5B6B9; }
a.graustart:link, a.graustart:active { color:#B5B6B9;}
a.graustart:focus, a.graustart:hover { color:#009999;}
a.graustart:visited { color:#B5B6B9;}  */

/* MIT RAUTE DAVOR */
.punktorange { padding:0 0 0 3px;}
.punktweiss { padding:0 0 0 15px; background-image: url(../images/a_class_punktweiss.gif); background-repeat: no-repeat; background-position: left center;}

div#head { width:770px; }
div#navisub {
	width:770px;
	height:70px;
}

img#logo {
	float:right;
	width:341px;
	height:21px;
}

div#adbox1 {
	width:365px;
	height:60px;
	padding:10px 0 0 10px;
	margin:0 0 0 0;
	float:left;
}

div#werbeplatz {
	width:232px;
	height:58px;
	border:1px solid #F3F3F3; }

ul#navi_navisub {
	width:395px;
	height:26px;
	float:left;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	text-align:right;
}

ul#navi_navisub li {
	display: inline;
	padding:0 0 0 5px;
	margin:0 0 0 0;
	list-style-type: none;
}

a.navisub,
a.navisub_active {
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 7px;
	text-decoration:none;
	font-size:11px;
}
a.navisub:link,
a.navisub:visited {
	color:#00507D;
	background-image: url(../images/pfeil_blau_navi.gif);
}
a.navisub:focus,
a.navisub:hover,
a.navisub_active {
	color:#E06223;
	background-image: url(../images/pfeil_orange_navi.gif);
}
a.navisub:active {
	color:#00507D;
	background-image: url(../images/pfeil_blau_navi.gif);
}

div#navimain {
	width:770px;
	height:130px;
}

ul#navi_navimain {
	width:770px;
	height:19px;
	padding:0 0 0 0;
	margin:5px 0 0 0;
	list-style-type: none;
	background-image: url(../images/ul_id_navi_navimain.gif);
}

ul#navi_navimain li {
	float:left;
	margin:2px 0 0 0;
	text-align:center;
}

ul#navi_navimain li#nav_pauschalreise { width:162px; }
ul#navi_navimain li#nav_individualreise { width:163px; }
ul#navi_navimain li#nav_reiseziele { width:144px; }
ul#navi_navimain li#nav_zielgruppen { width:151px; }
ul#navi_navimain li#nav_detailsuche { width:150px; }


/* HAUPTNAVIGATION */
a.navimain, a.navimain_active {
	color:#FEBA2E;
	text-decoration: none;
    font-weight: bold;
}
a.navimain:link,  a.navimain:visited { color:#FFFFFF; }
a.navimain:focus, a.navimain:hover, a.navimain_active { color:#FEBA2E; }
a.navimain:active { color:#FEBA2E; }

div#imagebar {
	width:770px;
	height:111px;
}

div#navimeta {
	width:770px;
	height:22px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

ul#navi_navimeta{
	width:770px;
	height:22px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-type: none;
	background-image: url(../images/ul_id_navi_navimeta.gif);
}

ul#navi_navimeta li {
	float:left;
	margin:3px 8px 0 8px;
	padding:0 0 0 0;
}

ul#navi_navimeta li.floatright { float:right; }
ul#navi_navimeta li.floatleft { float:left; }

ul#navi_navimeta li.bg_drucken {
	background-image: url(../images/button_drucken_navi.gif);
	padding:0 25px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}

ul#navi_navimeta li.bg_pdf {
	background-image: url(../images/button_pdf_navi.gif);
	padding:0 25px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}



/* METANAVIGATION */
a.navimeta, a.navimeta_active {
	color:#FFFFFF;
	text-decoration: none;
    font-weight: bold;
}

a.navimeta:link,  a.navimeta:visited { color:#FFFFFF; }
a.navimeta:focus, a.navimeta:hover, a.navimeta_active { color:#FEBA2E; }
a.navimeta:active { color:#FEBA2E; }

div#body {margin:0 0 0 0; padding:0 0 0 0; }

div.sidebar {
	width:127px;
	padding:31px 2px 0 2px;
	margin:0 10px 0 0;
	float:left;
}

* html div.sidebar {
	width:127px;
	padding:39px 2px 0 2px;
	margin:0 10px 0 0;
	float:left;
}

/*
 * np << steht für NoPadding
 *
 * Extra-Klassen weil die !NICHT-CSS-Folgeseiten kein Padding ( == Innenabstand )
 * brauchen, da dieses schon in den Layout-Tabellen eingebaut ist. Wenn irgendwann
 * mal Komplett auf umgestellt wird, so werden kann mann diese 'div.content*_np'-
 * Klassen löschen! Weil am linken und rechten Rand normalerweise jeweils 5px
 * padding sind, sind diese ohne Padding also auch 10 px breiter.
 *
 * - - - - EDIT - - - -
 * da der sch*** internet-explorer das margin als links-und-rechts-abstandshalter
 * für div.contentbig_np nicht akzeptiert, hat diese klasse wieder padding
 *
 * div.content*** war eigentlich als modularer aufbau der seite gedacht,dieser wird
 * bis jetzt nur auf der startseite verwendet!
 * letzendlich wird eh nur die div.contentbig_np verwendet ...
 *
 */

div.contentsmall_np { width:619px; margin:0 10px 0 0; padding:0 0 0 0;  float:left; overflow:hidden; }
div.contentsmall_1_np { width:393px; margin:0 15px 0 0; padding:0 0 0 0;  float:left; overflow:hidden; }
div.contentsmall_2_np { width:211px; margin:0 10px 0 0; padding:0 0 0 0; float:left; overflow:hidden; }

div.contentindex {
	width:98%;
	padding:5px;
	margin:0 0 0 0px;
	float:left;
}

div.spacersmall {
	height:15px;
	width:10px;
	margin:0 10px 0 0;
	float:left;
}

div.spacerbig {
	height:15px;
	width:10px;
	margin:0 10px 0 10px;
	float:left;
}

div#adbox2 {
	text-align:center;
	clear:left;
	width:609px;
	margin:0 10px 5px 140px;
}

div#foot {
	clear:left;
	width:619px;
	margin:0 0 5px 140px;
}

div#foot a:link, div#foot a:visited { color:#B5B6B9;}
div#foot a:focus, div#foot a:hover { color:#009999;}
div#foot a:active { color:#B5B6B9;}

div#footbig {
	clear:left;
	width:760px;
	margin:0 0 5px 10px;
}

div#footbig a:link, div#footbig a:visited { color:#B5B6B9;}
div#footbig a:focus, div#footbig a:hover { color:#009999;}
div#footbig a:active { color:#B5B6B9;}

p.seperator {
	height:10px;
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-image: url(../images/p_class_seperator.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

/* NORMALE UEBERSCHRIFTEN*/
h1, h2, h3, h4, h5, h6 { margin:0 0 0 0; font-size:12px; display:inline;}
h1 { font-weight: normal; }
h2 { font-weight: normal; }
h4 { font-weight: normal; }
h5 { font-weight: normal; }
h6 { font-weight: normal; }

/* UEBERSCHRIFTEN MIT BILD IM HINTERGRUND*/
h2.imagecontentsmall, h2.imagecontentsmall_1, h2.imagecontentsmall_2, h2.imagecontentbig {
	height:11px;
	float:left;
	background-repeat: no-repeat;
	background-position: left center;
}

h2.imagecontentsmall { width:393px; margin:0 10px 0 0px; float: left; }
h2.imagecontentsmall_1 { width:393px; margin:0 15px 0 10px;  }
h2.imagecontentsmall_2 { width:201px; margin:0 10px 0 0; }
h2.imagecontentbig { width:750px; margin:0 10px 0 10px; }

/* BILDERZUORDNUNG*/
h2.reisenfinden { background-image: url(images/h2_class_reisenfinden.gif);}
h2.herzlichwillkommen { background-image: url(../images/h2_class_herzlichwillkommen.gif);}
h2.neuereiseideen { background-image: url(images/h2_class_neuereiseideen.gif);}
h2.aktuelles { background-image: url(../images/h2_class_aktuelles.gif);}

/* SCHRIFT- & HINTERGRUNDFARBEN */
.bgcolor_orange { background-color:#FFE2A8; }
.bgcolor_grau { background-color:#F3F3F3; }
.bgcolor_blau { background-color:#C0D5E2; }
.bgcolor_gruen { background-color:#009999; }

.fontcolor_rot { color:#C41130; }
.fontcolor_orange { color:#FFE2A8; }
.fontcolor_dunkelorange { color:#E06223; }
.fontcolor_blau { color:#C0D5E2; }
.fontcolor_gruen { color:#009999; }
.fontcolor_weiss { color:#FFFFFF; }
.fontcolor_grau { color:#B5B6B9; }
.fontcolor_dunkelgrau { color:#8F9194; }

/* POSITIONIERUNG */
.inline { display:inline; }
.block { display:block; }
.hidden { position:absolute; margin:-10000px 0 0 -10000px; }

.floatleft { float:left; }
.floatright { float:right; }
.floatclear { clear:both; }

/* TEXTAUSRICHTUNG */
.leftalign { text-align:left; }
.rightalign { text-align:right; }
.centeralign { text-align:center; }

/* TEXTGRÖSSE */
.veryverysmalltext { font-size:9px; }
.verysmalltext { font-size:10px; }
.smalltext { font-size:11px; }
.normaltext { font-size:12px; }

/* ABSTÄNDE */
.nopadding { padding:0 0 0 0; }
.nomargin { margin:0 0 0 0; }

/* ANDERES */
.whitelinetop { border-top:1px solid #FFFFFF; }
.whitelinebottom { border-bottom:1px solid #FFFFFF; }
.whitelinetopbottom { border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }

.greenlinetop { border-top:1px solid #000000; }
.greenlinebottom { border-bottom:1px solid #000000; }
.greenlinetopbottom { border-top:1px solid #000000; border-bottom:1px solid #000000; }

.submitbutton_greenline {
	background-color:transparent;
	border:none;
	border-top:1px solid #626262;
	border-bottom:1px solid #626262;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	cursor:pointer;
}
.submitbutton_noborder {
	background-color:transparent;
	border:none;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	cursor:pointer;
}

.width155px { width:155px; }
.width60px { width:60px; }

/* ALTE FAR KLASSEN - DIE BENÖTIGT WERDEN!!! */

.descpopup {
	color: #C41130;
	cursor: help;
	text-decoration: none
}

.grau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D7D7D7;
	text-decoration: none;
}

.textfield {
	background-color: #FFFFFF;
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border-width: 1px;
    border: #D9D9D9 1px solid;
}

.textfieldsmall {
    width: 35px;
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border-width: 1px;
    border: #D9D9D9 1px solid;
}

.textfieldlong {
    width: 250px;
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border-width: 1px;
    border: #D9D9D9 1px solid;
}

.textfieldlogin200 {
    width: 200px;
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}

.textfieldlogin400 {
	background-color: #FFFFFF;
    width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}


#far_include_popup .textfeld{
	width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}

#far_include_popup .textfeld_550, #far_include_popup .textfieldlong{
	width: 550px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}

#far_include_popup .textfeld_20{
	width: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}
#far_include_popup .textfeld_50{
	width: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}
#far_include_popup .textfeld_150{
	width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}
#far_include_popup .textfeld_250{
	width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
}
.agb_box {
	width: 550px;
	height:180px;
	overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    border: #D9D9D9 1px solid;
	padding: 5px;
}

select {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    border: #D9D9D9 1px solid;
    text-decoration: none;
}

.textfield_katalog {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-decoration: none;
    border: #D9D9D9 1px solid;
}

/* Tigra Validator */
.tfvHighlight {font-weight: bold; color: #CC3333;}
.tfvNormal {font-weight: normal;	color: black;}

.untertitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00507D;
	text-decoration: none;
}

.rot_klein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C1041A;
	text-decoration: none;
}

.rot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C1041A;
	text-decoration: none;
}

.grau_dunkelklein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	text-decoration: none;
	font-weight: bold;
}



/* Neues Layout 2009 */

h1 {
	font-weight: bold;
}
.kasten {
	padding: 1px;
	margin-bottom: 15px;
}
.kasten.kastenabstand {
	padding: 10px;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul li {
	background-image: url(../images/aufzaehl_blau.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.kasten table.data {
	border-collapse: collapse;
	width: 100%;
}
.kasten table.data th {
	background-color: #e0ecec;
	color: #7F7D7D;
	text-align: left;
	font-weight: normal;
	padding: 1px 10px;
}
.kasten table.data th.f{
	border-left: none;
}
.kasten table.data td {
	border-top: 1px solid #fff;
	vertical-align: top;
	padding: 2px 10px;
}

#anschlussreise .kasten {
	width: 100%;
}
#anschlussreise td {
	border-right: 3px solid white;
}

#terminKasten.kasten table.data td,
#terminKasten.kasten table.data th {
	padding: 2px 5px;
	vertical-align: middle;
}


#contentright{
	float: right;
	width: 267px;
	padding: 10px;
}

#contentleft{
	width: 640px;
	text-align:left;
	padding: 10px;
}	

#far_include_popup .kasten{
	margin-bottom: 15px;
	padding: 5px;
}

#far_include_popup #contentright h1,#far_include_popup #contentleft h1 {
	color:#000;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#far_include_popup #contentright h2 {
    color: #7F7D7D;
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 2px 0;
}


#balken {
    background-color: #7F7D7D;	
	padding: 3px;
	color:#FFFFFF;
}

.kastenhell{
	background-color: #e0ecec;
	padding: 0 5px;
}

.kasten{
	background-color: #EBE9E9;
	background-repeat:repeat-y;
	margin-bottom: 15px;
}


.kasten table.data {
	border-collapse: collapse;
	width: 100%;
}
.kasten table.data th {
	background-color: #EBE9E9;
	text-align: left;
	font-weight: normal;
	padding: 1px 10px;
	border-left: 2px solid #7F7D7D;
}
.kasten table.data th.f{
	border-left: none;
}
.kasten table.data td {
	border-top: 1px solid #EBE9E9;
	vertical-align: top;
	padding: 2px 10px;
}
.kasten table.data td.hinweis {
    border-top: 0;
	padding: 0px 5px 6px 5px;
}
.kasten table.data td.ampel,.kasten table.data td.buchung {
	text-align: center;
}

.kasten h3{
	margin: 0;
}

#terminKasten.kasten table.data td,
#terminKasten.kasten table.data th {
	padding: 2px 5px;
}

.telefon{
	background-image:url(../images/icon/telefon.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	display: block;
	height: 22px;
}

.fax{
	background-image:url(../images/icon/fax.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	display: block;
	height: 22px;
}
a.mail{
	background-image:url(../images/icon/mail.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	padding-left: 25px;
	display: block;
	height: 22px;
}
a.internet{
	background-image:url(../images/icon/internet.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	padding-left: 25px;
	display: block;
	height: 22px;
}