/* --- BASICS --- */

html, body				{ height:100%; height:100%; margin:0; padding:0; font-family:'Roboto',sans-serif; font-size:16px; color:#000; background-color:#eee; -webkit-text-size-adjust:95%; }

a						{ /*text-decoration:none;*/ color:blue; /*#3399CC*/; }
a:hover					{ color:#900; }
a:active, a:focus		{ outline:none; }
img						{ border:0px; }	
input, textarea			{ font-family:'Roboto',sans-serif; font-size:14px; padding:5px; margin:2px 0; border:1px solid #bbb; }

input.fehler, textarea.fehler, td.fehler		{ background-color:rgb(255, 243, 243) !important; }
input:disabled, textarea:disabled				{ background-color:#f9f9f9; color:#333; }

p						{ text-align:justify; margin:14px 0; }
center					{ margin:15px 0 20px 0; }

ul						{ padding-left:25px; margin:5px 0; }
li						{ padding:1px 0; }

.border-top-1			{ border-top: 1px solid #000; }
.border-bottom-1		{ border-bottom: 1px solid #000; }
.border-left-1			{ border-left: 1px solid #000; }
.border-right-1			{ border-right: 1px solid #000; }

.border-top-2			{ border-top: 2px solid #000; }
.border-bottom-2		{ border-bottom: 2px solid #000; }
.border-left-2			{ border-left: 2px solid #000; }
.border-right-2			{ border-right: 2px solid #000; }


/* ###########################################*/

/* --- ALL SITES --- */

.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;	
}

#container {
	position:relative;
	min-height:420px;
	height:auto;
	width:1016px;
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
	box-shadow:2px 2px 5px #ccc;
	border:#ccc 1px solid;
	background-color:#fff;
}

#content {
	margin: 120px 0 10px 0;
}
/*
#content a {
	border-bottom:1px solid rgba(51, 153, 204, 0.5);
	border-bottom:1px solid rgba(0, 0, 255, 0.5);
}
#content a:hover {
	border-bottom:1px solid rgba(153, 0, 0, 0.5);
}
*/
#content img {
	box-shadow:2px 2px 3px #ccc;
}

#content img.disabled {
	opacity:0.2;
}

#content .box {
	position:relative;
	margin:5px 10px;
	padding:10px;
	background-color:#f9f9f9;
	border-top:1px solid #eee;
	text-align:justify;
}

#content .kapitelbox {
	position:relative;
	margin:10px 0;
	padding:10px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

#content .dsobox {
	position:relative;
	margin:0;
	padding:5px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

#content .kapitelbox:hover, #content .dsobox:hover {
	background-color:#fff;
}

/* #content .kapitelbox > div.vorschaubild	{
	margin:10px 0;
	padding:10px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
} */

#content img.seitepostprozess {
	position:absolute;
	width:22px;
	box-shadow:none;
	cursor:pointer;
}

#content img.sichtbar {
	position:absolute;
	width:22px;
	box-shadow:none;
	opacity:0.3;
}

#content .fotobox {
	position:relative;
	margin:5px 0;
	padding:10px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
}

#content .vorschaubildbox {
	position:relative;
	box-shadow:2px 2px 3px #ccc;
	width:300px;
	height:200px;
	background-color:#f5f5f5;
	text-align:center;
}

#content .fotoboxvoll {
	padding:15px 38px 10px 38px !important;
	/*text-align:center;*/
}

#content .fotoboxklein > table > tbody > tr > td:nth-child(1) {
	vertical-align:top;
	width:320px;
}

#content .fotoboxklein > table > tbody > tr > td:nth-child(2) {
	vertical-align:top;
	width:35px;
}

#content .fotoboxklein > table > tbody > tr > td:nth-child(3) {
	vertical-align:top;
	padding-right:10px;
}

#content .fotoboxklein img {
	box-shadow:none !important;
}

#content .fotoboxvoll > table > tbody > tr > td {
	text-align:left;
	vertical-align:bottom;
}

#content .fotoboxvoll > table > tbody > tr:nth-child(2) > td {
	height:40px;
}

#content img.comment {
	box-shadow:none;
	cursor:pointer;
}

#content img.cart {
	padding:3px;
	margin:-3px;
	box-shadow:none;
	cursor:pointer;
	opacity:0.5;
}

#content img.cartselected {
	background-color:#fff;
	border:1px solid #000;
	margin:-4px;
	opacity:1;
}

#content div.kommentare, #content div.kommentarschreiben {
	position:relative;
	margin:20px 0;
	padding:10px 5px;
	border-top:1px solid #ccc;
	font-size:14px;
	display:none;
}

#content div.kommentarschreiben table > tbody > tr > td:nth-child(1) {
	width:220px;
}
	
#content table.kommentar span.timestamp {
	color:#999;
	line-height:20px;
	font-size:12px;
	line-height:26px;
}

#content table.kommentar > tbody > tr > td:nth-child(1) {
	vertical-align:top;
	width:220px;
}

#content table.kommentar > tbody > tr > td:nth-child(2) {
	vertical-align:top;
	padding-right:20px;
}

#content div.kommentare img.kommentarloeschen {
	position:absolute;
	left:195px;
	width:18px;
	margin-top:12px;
	box-shadow:none;
	cursor:pointer;
}

#content #suchwortloeschen {
	position:absolute;
	right:20px;
	width:30px;
	margin-top:5px;
	box-shadow:none;
	cursor:pointer;
}

#content .fototext {
	display:none;
}

#content .litbox {
	margin:5px 0;
	padding:10px;
}

#content .litbox > table > tbody > tr > td:nth-child(1) {
	vertical-align:top;
	width:50px;
	padding-left:20px;
}

#content .litbox > table > tbody > tr > td:nth-child(2) {
	vertical-align:top;
}

#content .imgbox {
	text-align:center;
	margin:20px 0;
}

#content .trennlinie {
	border-bottom:1px solid #999;
	height:2px;
	width:100%;
	margin:20px 0;
}

#content .subtext {
	margin: 0 15px;
}

#content img.left {
	float:left;
	margin:4px 20px 10px 0;
}

#content img.right {
	float:right;
	margin:4px 0 10px 20px;
}

.noborder {
	border:none !important;
}

.nowrap {
	white-space:nowrap;
}

.bundesbahnzeit {
	color:#900;
	font-family:Georgia, "Times New Roman", Times, serif;
	white-space:nowrap;
}

.highlight {
	background-color:#FF0;
}

.ueschrift1	{ /* TITEL */
	line-height:46px;
	color: #900;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	text-shadow: 2px 2px 2px #ddd;
}

.ueschrift2	{ /* TITELZ */
	line-height:25px;
	color: #900;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

.ueschrift3	{ /* SUBTITEL */
	line-height:46px;
	color: #000;
	font-size:24px;
	font-variant:small-caps;
}

.ueschrift4	{ /* kapitelbox Überschrift */
	line-height:46px;
	color: #900;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.ueschrift4inv { /* kapitelbox Überschrift */
	padding:6px;
	border-bottom:1px solid #900;
	background-color:#eee;
}

.ueschrift5	{ /* Kommentare */
	color: #3399CC;
	font-variant:small-caps;
}

.ueschrift6	{ /* Suchergebnis */
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;	
}

/* ###########################################*/

/* --- BILDERDIENST --- */

#content img#bilderloeschen {
	position:absolute;
	right:20px;
	width:30px;
	margin-top:5px;
	box-shadow:none;
	cursor:pointer;
}

#content img.bildloeschen {
	width:20px;
	box-shadow:none;
	cursor:pointer;
}

#content table.bildergroessen .bildgroesse {
	position:absolute;
	left:8px;
	bottom:3px;
	font-size:14px;
}

#content table.bildergroessen .bildanzahl {
	position:absolute;
	right:19px;
	bottom:3px;
	font-size:22px;
	background-color:#ccc;
	color:#fff;
	width:42px;
	text-align:center;
	padding:2px 0;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

#content table.bildergroessen .bildbestellt {
	background-color:#3399CC;
}

#content table.bildergroessen > tbody > tr:nth-child(1) > td {
	vertical-align:bottom;
	padding-right:15px;
	position:relative;
}

#content table.bildergroessen > tbody > tr:nth-child(2) > td {
	vertical-align:bottom;
	text-align:right;
	height:30px;
	padding-right:10px;
}

#content table.bildergroessen img.bildplus,
#content table.bildergroessen img.bildminus {
	box-shadow:none;
	padding-right:5px;
	width:20px;
	vertical-align:bottom;
	cursor:pointer;
	opacity:0.3;
	-webkit-transition: .2s ease-in-out opacity;
	-moz-transition: .2s ease-in-out opacity;
	-o-transition: .2s ease-in-out opacity;
	transition: .2s ease-in-out opacity;
}

#content table.bildergroessen img.bildplus:hover,
#content table.bildergroessen img.bildminus:hover {
	opacity: 1.0;
}

#content #dsgvo, #dsgvo input {
	cursor: pointer;
}

#content a#bestellungabschicken {
	background-color:#3399CC;
	padding:10px;
	color:#fff;
}

#content a#bestellungabschicken:hover {
	background-color:#900;
}

#content #bilderdienstbestellung a.disabled {
	background-color:#ccc !important;
}

#content a.grundeinstellung {
	background-color:#ccc;
	padding:10px;
	color:#fff;
	line-height: 50px;
}

#content a.grundeinstellung:hover {
	background-color:#900;
}

#content table.bestellung > tbody > tr > td {
	margin:0;
	padding:5px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
}

#content img.bezahlt, #content img.bestellt, #content img.versendet {
	box-shadow:none;
	cursor:pointer;
}

/* ###########################################*/

/* --- GAESTEBUCH --- */

#content .gaestebuchbox {
	position:relative;
	margin:10px 0;
	padding:20px 10px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
}

#content table.gaestebucheintrag span.timestamp {
	color:#999;
	line-height:20px;
	font-size:12px;
	line-height:26px;
}

#content table.gaestebucheintrag > tbody > tr > td:nth-child(1) {
	vertical-align:top;
	width:50px;
}

#content table.gaestebucheintrag > tbody > tr > td:nth-child(2) {
	vertical-align:top;
	width:180px;
	padding-right:40px;
}

#content table.gaestebucheintrag > tbody > tr > td:nth-child(3) {
	vertical-align:top;
	padding-right:20px;
}

#content div.gaestebuchbox img.eintragloeschen {
	position:absolute;
	left:252px;
	width:18px;
	margin-top:12px;
	box-shadow:none;
	cursor:pointer;
}

/* ###########################################*/

/* --- NEUES --- */

#content table.neues > tbody > tr > td {
	padding:4px 10px;
	vertical-align:top;
}

#content table.neues > tbody > tr > td:nth-child(1) {
	width:85px;
	text-align:center;
}

/* ###########################################*/

/* --- SUCHE --- */

#content input#suchwort {
	padding:10px;
	font-size:22px;
}

#content img#suchen {
	box-shadow:none;
	vertical-align:top;
	width:46px;
	margin:0 10px;
	cursor:pointer;
}

#content #ergebnisse {
	min-height:150px;
}

#content .ergebnisbox {
	margin:10px 0;
	padding:10px;
	border-top:1px solid #eee;
	background-color:#fcfcfc;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

#content .ergebnisbox:hover {
	background-color:#fff;
}

/* ###########################################*/

/* --- HEADER --- */

#header {
	position:fixed; top:0;
	background-color:#fff;
	box-shadow: 0px 2px 6px #eee;
	z-index:99;
}

#header #diebundesbahnzeit {
	width:1016px; height:60px;
	padding-top:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
    text-shadow: 2px 2px 2px #333;
	text-align:center;
	font-size:46px;
	letter-spacing:4px;
	/*background-color:#990A00;*/
	box-shadow: 0px 2px 10px #999;
	color:#eee;
	opacity:0.8;
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

#header #nav			{ width:1016px; text-align:center; padding:10px 0; background-color:#f3f3f3; border-bottom:1px solid #ccc; font-family:Georgia, "Times New Roman", Times, serif; }
#header #nav a			{ text-decoration:none; padding:10px; color:#900; }
#header #nav a.active	{ color:#fff; background-color:#3399CC; }
#header #nav a:hover	{ color:#3399CC; }
#header #nav a.active:hover	{ color:#fff; }

/* ###########################################*/

/* --- FOOTER --- */

#footer					{ padding:20px; border-top:1px solid #999; text-align:right; }