/* * * * * * * * * * * CSS FUER DOEHLER REISEN OHG * * * * * * * * * * */

/* * * * * * * * * * * BODY FORMATE * * * * * * * * * * */

body, body table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.menu
{
	background-image: url(pic/hg_menu.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	
	scrollbar-arrow-color: #00b2bd;
	scrollbar-track-color: #e2f4f5;
	scrollbar-darkshadow-color: #00b2bd;
	scrollbar-face-color: #e2f4f5;
	scrollbar-3dlight-color: #00b2bd;
	scrollbar-highlight-color: #e2f4f5;
	scrollbar-shadow-color: #e2f4f5;
}

body.menuunten
{
	background-image: url(pic/hg_menuunten.jpg);
	background-repeat: no-repeat;
}

body.top
{
	background-image: url(pic/hg_top.jpg);
	background-repeat: repeat-x;
	background-color: #a8dde1;
}

body.ulinks
{
	background-image: url(pic/hg_ulinks.jpg);
	background-repeat: no-repeat;
}

body.urechts
{
	background-image: url(pic/hg_urechts.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

body.start
{
	background-color: #a8dde1;
	margin: 20px 30px 20px 20px;
	
	scrollbar-arrow-color: #00b2bd;
	scrollbar-track-color: #a8dde1;
	scrollbar-darkshadow-color: #00b2bd;
	scrollbar-face-color: #a8dde1;
	scrollbar-3dlight-color: #00b2bd;
	scrollbar-highlight-color: #a8dde1;
	scrollbar-shadow-color: #a8dde1;
}

/* * * * * * * * * * * FORMATE FUER ALLE SEITEN * * * * * * * * * * */

table.content
{
	width: 100%;
	height: 100%;
	border: 0px solid black;
}

table.content td
{
	vertical-align: top;
}

td div.zurueck, td div.nachoben
{
	margin-top: 20px;
}

div.zurueck a, div.nachoben a
{
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

h1
{
	font-size: 18px;
	color: #0e1a48;
	margin: 0 0 20px 0px;
}

h2
{
	font-size: 14px;
	color: #0e1a48;
	margin: 15px 0 15px 0;
}

h2.oben
{	
	margin: 0px 0 15px 0;
}

h2.unterschrift
{
	margin-bottom: 5px;
}
h2 + p.unterschrift
{
	margin: 0 0 15px 0;
}

a, a:visited
{
	color: #df0023;
	text-decoration: none;
}

a:hover, a:active
{
	color: #df0023;
	text-decoration: underline;
}

a img
{
	border:0px;
}

.bold
{
	font-weight: bold;
}

.hinweis
{
	font-size: 10px;
}

.sternchen /* Pflichtfeld-Sternchen in allen Formularen */
{
	color: #df0023;
}

/* * * * * * * * * * * SEITE TOPMENU (oben links) FORMATE * * * * * * * * * * */

td.topmenu
{
	background-image: url(pic/hg_topmenu.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	width: 172px;
	height: 130px;
}

td.toplogo
{
	background-image: url(pic/hg_toplogo.gif);
	background-repeat: no-repeat;
	padding: 0px;
	width: 329px;
	height: 130px;
}

div.topmenu
{
	width: 160px;
	margin: 28px 0px 0px 7px;	
	
	border: 0px solid black;
}

a.topmenu, a.topmenu:visited
{
	font-size: 11px;
	color: #008d95;
	text-decoration: none;
	padding: 0 7px 0 0;
}

a.topmenu:active, a.topmenu:hover
{
	font-size: 11px;
	color: #008d95;
	text-decoration: underline;
}

div.toprechts
{
	background-image: url(pic/hg_toplogo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	position: relative;
	left: 172px;
	top: 0px;
	width: 330px;
	height: 130px;
	border: 1px solid black;
}

a.homelink, a.homelink:visited, a.homelink:hover, a.homelink:active
{
	display: block;
	width: 260px;
	height: 130px;
	text-decoration: none;
	margin: 0 0 0 58px;
	
	border: 0px solid black;
}

/* * * * * * * * * * * SEITE MENU (links) FORMATE * * * * * * * * * * */

div.menu
{
	padding: 0px 0px 20px 18px;
	margin: 0px;
	
	border: 0px solid black;
}

a.hauptmenu, a.hauptmenu:visited
{
	font-size: 12px;
	color: #000000;
	line-height: 2em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(pic/hm_punkt1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 30px;
}

a.hauptmenu:active, a.hauptmenu:hover
{
	color: #df0023;
	font-weight: bold;
	/*font-style: italic;*/
	background-image: url(pic/hm_punkt2.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 30px;
}

div.untermenu
{
	padding: 0 0 0 25px;
}

a.untermenu, a.untermenu:visited
{
	font-size: 11px;
	color: #008d95;
	line-height: 1.5em;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pic/um_punkt1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

a.untermenu:active, a.untermenu:hover
{
	color: #00b2bd;
	font-weight: normal;
	/*font-style: italic;*/
	background-image: url(pic/um_punkt2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

span.space
{
	padding: 0 0 0 20px;
}

div.logolink
{
	text-align: center;
	vertical-align: top;
	position: relative;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

a.logolink, a.logolink:visited, a.logolink:hover, a.logolink:active
{
	text-decoration: none;
}

img.logolink
{
	border: 1px solid #00b2bd;
	margin: 10px 0 0 10px;
	vertical-align: top;
}

/* * * * * * * * * * * SEITE START (zentral) FORMATE * * * * * * * * * * */

h1.willkommen
{
	font-size: 28px;
	margin: 0 0 20px 40px;
}

td.willkommen
{
	width: 400px;
}

p.willkommenimg
{
	text-align: center;
}

table.startseite
{
	width: 100%;
}

/* * * * * * * * * * * SEITE KONTAKT - FORMATE * * * * * * * * * * */

textarea.kontakt
{
	width: 300px;
	height: 200px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.kontakt
{
	width: 300px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

input.kunr
{
	width: 60px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

input.button
{
	color: #ffffff;
	background-color: #00b2bd;
	border: 1px solid #e2f4f5;
}

table.telmail
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #00b2bd;
}

table.telmail td
{
	padding: 5px;
}

/* * * * * * * * * * * FORMULAR SPAMSCHUTZ * * * * * * * * * * */

.feldsf /* feld, das versteckt wird, als Bot-Schutz */
{
	display: none;
}
.imgsf /* img als Bot-Schutz */
{
	text-align:center;
	vertical-align:text-bottom;
}

input.feldklein
{
	width: 30px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

/* * * * * * * * * * * SEITE FUHRPARK FORMATE * * * * * * * * * * */

p.bus
{
	padding: 0px 0px 10px 10px;
}

p.businfo
{
	padding: 0px 20px 0px 20px;
}

img.bus
{
	border: 1px solid #00b2bd;
}

/* * * * * * * * * * * SEITE BUSANMIETUNG/GUTSCHEIN/REISEANFRAGE FORMATE * * * * * * * * * * */

table.formular1
{
	width: 80%;
	
	border: 0px solid black;
}

table.formular1 td.keinumbruch
{
	white-space: nowrap;
}

textarea.bemerkung
{
	width: 300px;
	height: 150px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea.bemerkungklein
{
	width: 200px;
	height: 100px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.formularfeld1
{
	width: 150px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

input.formularfeld2
{
	width: 200px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

input.formularfeld3
{
	width: 60px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

img.designimg
{
	vertical-align: middle;
	margin: 0 15px 15px 5px;
	border: 1px solid #00b2bd;
}

/* * * * * * * * * * * SEITE REISEANFRAGE 1 FORMATE * * * * * * * * * * */

table.reiseanfrage
{
	width: 90%;
	
	border: 0px solid black;
}

hr.reiseanfrage
{
	width: 100%;
	text-align: center;
	border-top: 1px solid #00b2bd;
	border-bottom: 1px solid #00b2bd;
	height: 0px;
}

select
{
	width: 150px;
	background-color: #e2f4f5;
	border: 1px solid #00b2bd;
}

/* * * * * * * * * * * SEITE UNTEN RECHTS FORMATE * * * * * * * * * * */

table.bus
{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
	border: 0px solid black;
}

div.bus
{
	background-image: url(pic/bus.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	width: 100%;
	height: 77px;
	padding: 0;
	margin: 0;
	
	border: 0px solid black;
}


/* * * * * * * * * * * SEITE REISEN FORMATE * * * * * * * * * * */

table.reise
{
	width: 95%;
	vertical-align: top;
}

h1.reise
{
	margin: 0 0 5px 0px;
}

h1.reise1
{
	margin: 20px 0 5px 0px;
}

p.space /* wenn nach h1.reise keine h2 sondern p folgt! */
{
	margin: 15px 0 0 0;
}

a.h2reise, a.h2reise:visited
{
	font-size: 14px;
	color: #0e1a48;
}

a.h2reise:active, a.h2reise:hover
{
	font-size: 14px;
	color: #0e1a48;
	text-decoration: underline;
}

a.mehr, a.mehr:visited
{
	font-weight: bold;
	text-decoration: underline;
	line-height: 2em;
}

a.mehr:active, a.mehr:hover
{
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

a.pdf, a.pdf:visited, a.pdf:active, a.pdf:hover
{
	background-image: url(pic/pdf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 2px 2px 18px;
	color: #ffffff;
	background-color: #00b2bd;
	border: 1px solid #e2f4f5;
}

a.adobe, a.adobe:visited, a.adobe:active, a.adobe:hover
{
	color: #000000;
	text-decoration: underline;
}

h3.reisedetail
{
	font-size: 12px;
	margin: 10px 0 5px 0;
}

td.wettergrafik
{
	width: 150px;
	text-align: center;
	vertical-align: top;
}

tr.hell
{
	background-color: #CBEFF2;
}

tr.dunkel
{
	background-color: #B2E6EA;
}

tr.dunkel td, tr.hell td
{
	padding: 3px;
}

table.reisetipps
{
	width: 350px;
	border: 1px solid #00b2bd;
	border-bottom: 0px;
	background-color: #e2f4f5;
}

table.reisetipps td
{
	padding: 3px;
}

tr.rtkopf
{
	background-color: #00b2bd;
	color: #ffffff;
	font-weight: bold;
}

tr.rtzeile td
{
	border-bottom: 1px solid #00b2bd;
}

/* Liste mit Links auf Fehlerseite */
ul.fehler
{
	padding: 25px 0 0 150px;
	list-style-type: square;
	color: #df0023;
	font-weight: bold;
}

/* * * * * * * * * * * CSS FUER DOEHLER REISEN OHG * * * * * * * * * * */