/*************************** print & display on/off ***************/
.noprint {
}
.nodisplay, .invisible {
	display:none;
}
/*************************** common hrefs *********************************/
a			{color:black; text-decoration:underline;font-weight:normal;}
a:hover	{color:#2175BC;text-decoration:underline;}
a.hi		{color:black; text-decoration:underline;font-weight:bold;}

a.plain 	{text-decoration:none;}

#content a.pdf {
	padding-left: 1.5em;
	background: transparent url(../img/pdf.gif) no-repeat left;
}



/*************************** paragraphs & lines ***************************/
h1 {
	z-index:99;
	position:absolute;
	top:-1.8em;
	left:1.6em;
	color:white;
	font-size:1.80em;
	margin:0 0 .5em 0em;
	padding:0 .2em 0 0;
	font-family:arial, sans-serif;
	line-height:1em;
	border:solid 0px yellow;
	/*background-color:#0063AD;
	z-index: 100;
	FILTER: alpha(opacity = 70);
	-moz-opacity: 0.70;*/
	font-weight:bold;
}
h1 span {
	padding:0 .0em 0 0;
}
h2 {
	color:#2175BC;
	font-size:1.5em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
	font-style:italic;
	font-family:Times,serif;
}
h3 {
	color:#2175BC;
	font-family:arial, sans-serif;
	font-size:.9em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
}
h4 {
	color:#aaa;
	font-size:1em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
}
p {
	margin:1em 0 1em 0;
}
pre {
	background-color:yellow;
}

/*************************** common styles ******************/
img.bilddb {
}
img.links {
	float:left;
	margin:5px 10px 5px 5px;
}
img.rechts {
	float:right;
	margin:5px 0 5px 10px;
}
markup, .markup {
	background-color:yellow;
	font-weight:normal;
}
.editor {
	font-weight:normal;
	color:#aaa;
}
.error {
	color:#B52121;
}
.bold {
	font-weight:bold;
}
.light {
	color:#808080;
}
.small {
}
span.files_info {
	padding-left:10px;
	color:#aaa;
	font-size:.8em;
}

/*************************** FUNKTIONS-OUTPUT **************/
#content {
	font-family:Times, serif;
	line-height:1.5em;
}
#content table td {
	vertical-align:top;
	padding:.5em;
}

/* Tabelle Fahrplan */
#content div.timetable,
#content div.fahrplan  {
	width:55em;
}
#content div.timetable table,
#content div.fahrplan table {
	margin:0 auto;
}
#content div.timetable table td,
#content div.fahrplan table td {
	font-family:Arial, sans-serif;
	color:#0063AD;
	font-weight:bold;
}

/* Tabelle Flotte */
#content div.fleet  table,
#content div.flotte table {
	border:solid 0px black;
}
#content div.fleet  table td,
#content div.flotte table td {
	vertical-align:top;
	padding:.5em;
}
#content div.fleet  table td.bild,
#content div.flotte table td.bild {
	text-align:right;
}
#content div.fleet  table td.text,
#content div.flotte table td.text {
}
#content div.fleet  table td.text p,
#content div.flotte table td.text p {
	margin:0;
}

/* Tabelle Fähren, Preisliste */
#content div.rhine-ferries table,
#content div.rheinfaehren table {
	margin:0 2em 0 0;
	border:solid 0px black;
}
#content div.rhine-ferries table td,
#content div.rheinfaehren table td {
	border-bottom:solid 1px white;
	vertical-align:top;
	padding:0;
}
#content div.rhine-ferries table td.keinelinie,
#content div.rheinfaehren table td.keinelinie {
	border:0;
}
#content div.rhine-ferries table td.preis,
#content div.rheinfaehren table td.preis {
	text-align:right;
	font-weight:bold;
}
#content div.rhine-ferries table td h2,
#content div.rheinfaehren table td h2 {
	margin:2em 0 0 0;
	font-size:1.6em;
}
#content div.rhine-ferries table td h3,
#content div.rheinfaehren table td h3 {
	margin:1em 5em .2em 0;
}
#content div.rhine-ferries table td h4,
#content div.rheinfaehren table td h4 {
	font-size:.9em;
	font-style:italic;
	font-weight:normal;
	color:#000;
	text-align:right;
	margin:.5em 0 2em 0;
}
#content div.rhine-ferries table td p,
#content div.rheinfaehren table td p {
	margin:0 0 0 0 ;
	padding: 0 .5em 0;
	font-size:.9em;
	font-style:italic;
	text-align:right;
}
/* Tabelle Bilder */
#content table.bilder {
	margin:1em auto;
	border:solid 0px red;
	width:90%;
	
}
#content table.bilder td {
	width:50%;
	text-align:center;
}

/*** FUNKTIONS-NAVIGATION func_nav ***/
#content #func_nav {
	border:solid 0px blue;
	padding:0 0 0 0;
	margin:0 0 2em 0;
}
#content #func_nav ul, #content #func_nav ol {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#content #func_nav li {
	display:inline;
	margin:0 0 0 0;
	padding:0 1em 0 0;
}
/*** FUNKTIONS-DATEN func_ret ***/
#content #func_ret {
	margin:0 0 0 0em;
	padding:0 0 0 0em;
	border:solid 0px red;
}
#content #func_ret div.item {
	border:solid 0px #ccc;
	margin:0 0 2em 0;
}
#content #func_ret h2 {
	border:solid 0px blue;
}
#content #func_ret h3 {
	border:solid 0px blue;
}
#content #func_ret p {
	border:solid 0px blue;
	margin:0;
}
#content #func_ret img.logo {
	float:right;
}
#content #func_ret ul, #content #func_ret ol {
	margin:0 0 0 1.5em;
	padding:0 0 0 0;
}
#content #func_ret li {
	margin:.2em 0;
	padding:0 0 0 0;
	border:solid 0px red;
}

/*** FUNKTION: glossar() */
#content #func_nav div.glossar table td {
	border:solid 1px #ccc;
}
#content #func_nav div.glossar p, #content #func_nav div.glossar form {
	display:inline;
	margin:0 .5em;
}
#content div.glossar form input.text {
	width:7em;
}

#content #func_ret h3 {
	border:solid 0px red;
}
#content #func_ret div.beschreibung {
	border:solid 0px red;
	margin:0 0 2em 0;
}
#content #func_ret div.glossar {
	border:solid 0px red;
}
#content #func_ret img.wikipedia {
	float:right;
	margin:0 0 1em 1em;
}
#content #func_nav a.hi {
}

/*** FUNKTION: links() */
#content #func_nav div.links {
	border:solid 0px blue;
}
#content #func_ret div.links {
	border:solid 0px blue;
}
#content #func_ret div.links p.titel {
	color:#2175BC;
	font-weight:bold;
	border:solid 0px blue;
}

/*** FUNKTION: aktuelles() */
#content #func_nav div.aktuelles {
	border:solid 0px blue;
}
#content #func_ret div.aktuelles {
	border:solid 0px blue;
}

/*** FUNKTION: faq() */
#content #func_nav div.faq ol {
	border:solid 0px blue;
	padding:0 0 0 0em;
	margin:0 0 0 0em;
}
#content #func_nav div.faq ol li {
	display:block;
	border:solid 0px blue;
	margin:0 0 0 0em;
}
#content #func_ret div.faq {
	border:solid 0px blue;
}

/*** FUNKTION: boxen() */
#func_ret div.boxen {
}
#func_ret div.boxen div.item {
	border:solid 0px blue;
	background-color:white;
	margin:0 0 1em 0;
	padding:0;
}
#func_ret div.boxen div.item p {
	margin:0;
	padding:.5em .5em .5em .5em;
}
#func_ret div.boxen div.item p.bild img {
	margin:0;
	padding:0;
}
#func_ret div.boxen div.item h2 {
	font-family:arial, sans-serif;
	font-size:1.1em;
	line-height:1.4em;
	font-style:normal;
	font-weight:normal;
	
	margin:0 0 .3em 0;
	padding:.2em 1em .0em .5em;
}
/* Störer */
#func_ret div.boxen div.item div.stoerer {
	color:white;
	background-color:#B52121;
}
#func_ret div.boxen div.item div.stoerer h2 {
	background-color:#B52121;
	color:white;
}
#func_ret div.boxen div.item div.stoerer p {
	color:black;
	background-color:white;
}

/* Text */
#func_ret div.boxen div.item div.text {
	font-family:Times, serif;
	font-style:italic;
	background-color:#fefefe;
}
#func_ret div.boxen div.item div.text h2 {
	color:white;
	background-color:#0063AD;
}

/* Tablle */
#func_ret div.boxen div.item div.tabelle h2 {
	background-color:#0060AF;
	color:white;
	font-size:1em;
	padding:.2em;
	margin:0;
}
#func_ret div.boxen div.item div.tabelle table {
	margin:0;
	background-color:white;
	width:100%;
}
#func_ret div.boxen div.item div.tabelle td {
	padding:.3em;
	font-size:.9em;
}
#func_ret div.boxen div.item div.tabelle p {
	font-family:Times, serif;
	font-style:italic;
	padding:.5em 1em .5em .5em;
	margin:0 0 2em 0;
}
#func_ret div.boxen div.item img {
	margin:.5em 0 1em 0;
}

/********************* sitemap ***********************/
#sitemap ul {
	margin:0;
	padding:0 0 .5em 1.5em;
}
#sitemap ul.nav1 {
	border:solid 0px blue;
	background-color:#eee;
}
#sitemap ul.nav2 {
	border:solid 0px red;
	background-color:#ddd;
}
#sitemap ul.nav3 {
	border:solid 0px green;
	background-color:#ccc;
}

/********************* kontakt **********************/
#kontakt {
	font-family:arial, sans-serif;
	color:#0060AF;
	font-size:.9em;
}
#kontakt table {
}
#kontakt td {
	vertical-align:top;
	border:solid 0px #ccc;
	padding:.2em
}
#kontakt td.empfaenger {
	padding:5px;
	font-weight:bold;
	vertical-align:middle;
}
#kontakt td.h2 {
	padding:1em 0 0 0;
}
#kontakt td.h2 h2 {
	margin:0;
	padding:0;
	border:solid 0px red;
}
#kontakt td.hinweis {
	padding:5px;
	vertical-align:middle;
}
#kontakt td.description {
	padding:5px;
	text-align:right;
}
#kontakt td.userinput {
}
#kontakt input:focus, #kontakt textarea:focus {
	background-color:#DAEAF6;
	border:solid 1px #5BA3E0;
}
#kontakt input, #kontakt textarea {
	font-family: Tahoma, arial, helvetica, serif;
	border:solid 1px #ccc;
}
#kontakt textarea {
	padding:4px;
	width:95%;
	height:100px;
	width:350px; 
}
#kontakt input.text {
	width:350px; 
	padding:.2em;
}
#kontakt input.text2 {
	width:100px; 
	padding:.2em;
}
#kontakt textarea.mitteilung {
}
/* nach #kontakt input.text */
#kontakt select option.mandatory_fault {
	color:#B52121;
}
#kontakt textarea.mandatory_fault, #kontakt input.mandatory_fault {
}
#kontakt td.mandatory_fault {
	background-color:#B52121;
	color:white;
}
#kontakt div.mandatory_fault {
	background-color:#B52121;
	color:white;
	padding:.4em;
}
#kontakt div.mandatory_fault a {
	color:white;
}

/********************* IMPRESSUM **************************/
#impressum h4 {
	margin:1em 0 0 0 ;
}
#impressum p {
	margin:.2em 0;
}

#impressum div.anschrift {
	margin:1em 0;
	padding:1em;
	background-color:#fff;
}
#impressum div.angaben {
	margin:1em 0;
	padding:1em;
	background-color:#fff;
}

/********************* LOGIN ******************************/
#login table {
	margin:0 auto;
}
#login table td.text {
	text-align:right;
	padding:.5em;
}
#login table td.input {
	text-align:left;
}
#login table td.submit {
	padding:1em 0;
}
#login form {
	background-color:#fafafa;
	display:block;
	margin:0 2em 0em 0;
	padding:1em;
	border:solid 1px #ccc;
}
#login form input.text {
	width:150px;
}
#login form input.mandatory_fault {
	border:solid 1px #B52121;
}
#login p {
	margin:.5em 0;;
}
#login ul {
	padding:0 0 0 10px;
	margin:0 0 0 10px;
}

/*** Trefferliste ***/
#trefferliste ul.trefferliste {
	padding:0;
	margin:0;
}
#trefferliste ul.trefferliste li a {
	color:#555;
}
#trefferliste ul.trefferliste li {
	list-style-type:none;
	list-style-image:none;
	margin:5px 0 10px 0;
	padding:2px;
}
#trefferliste ul.trefferliste li:hover {
	background-color:#f0f0f0;
}
#trefferliste ul.trefferliste li span.prefix {
	font-weight:bold;
}

/*************************** FOOTER *************************/
#section_footer .adresse {
	margin:0;
	color:#aaa;
	border:solid 0px blue;
}
#section_footer .adresse a {
	color:#aaa;
	text-decoration:underline;
}
#section_footer .adresse a:hover {
	color:#000;
	text-decoration:underline;
}