* {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial,sans-serif;
	font-size:12px;
	color:#333399;
	font-weight:normal; }
	
html, body {
	height:100%;
	background:url(../images_layout/main-background.jpg) center repeat-y #dfdfdf;
	padding-bottom:1px; }
	
strong {
	font-weight:bold; }
	
em {
	font-size:inherit; }
	
small {
	font-size:11px; }
	
table {
	border-collapse:collapse; }
	
hr {
	display:none; }
	
#mainBox {
	position:relative;
	float:left;
	left:50%;
	margin-left:-391px;
	width:780px; }
	
#headerBox {
	position:relative;
	width:100%;
	background:white; }
	
#headerBox p {
	padding:6px 5px 1px 5px;
	color:#bbbbbb;
	font-size:11px; }
	
#headerBox ul {
	float:right;
	padding:5px 5px 0 0;
	text-align:right;
	list-style:none; }
	
#headerBox li {
	display:inline;
	padding-left:3px;}
	
#headerBox a {
	text-decoration:none;
	color:#bbbbbb;
	font-size:11px; }
	
#headerBox a:hover {
	color:#333399; }
	
#headerBox-title {
	position:relative;
	clear:both;
	width:100%;
	height:160px; }
	
#headerBox-title h1 {
	position:absolute;
	width:100%;
	font-size:18px;
	color:white;
	font-family:Georgia, Times, "Times New Roman", serif;
	bottom:8px;
	text-align:right; }

#headerBox-title p {
	position:absolute;
	width:100%;
	color:white;
	font-size:11px;
	text-align:right; }
	
#headerBox-title span {
	padding-left:20px; }
	
#homeLink {
	position:absolute;
	width:780px;
	height:160px;
	bottom:0px; }
	
#navigationBox {
	width:220px;
	padding-right:20px;
	float:left; }
	
#navigationBox a {
	text-decoration:none;
	display:block;
	width:212px;
	border-bottom:1px solid white;
	padding:4px;
	background:#f3f3f3; }
	
#navigationBox a:hover {
	background:#e3e3ec;
	color:#666666; }
	
#navigationBox li {
	list-style:none; }
	
#navigationBox .current a {
	background:#e3e3ec; }
	
#mainNavigation ul li a, #navigationBox .current ul a {
	font-size:11px;
	width:204px;
	padding:3px 4px 3px 12px;
	background:#f3f3f3; }
	
#contentBox {
	padding:20px 0 12px 0;
	position:relative;
	width:520px;
	float:left; }
	
#contentBox h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	padding-bottom:8px;
	font-size:20px;
	color:#333399; }
	
#contentBox h3 {
	font-family:Georgia, Times, "Times New Roman", serif;
	padding:12px 0 12px 0;
	font-size:17px;
	color:#333399; }
	
#contentBox h4 {
	font-weight:bold;
	padding:12px 0 8px 0; }
	
#contentBox p, #contentBox li {
	text-align:justify;
	padding-bottom:8px;
	line-height:17px; }
	
#contentBox li {
	margin-left:20px; }
	
#contentBox .content-image {
	font-size:11px;
	padding:12px 0 18px 0;
	line-height:14px;
	text-align:left; }
	
#contentBox .left-image, #contentBox .right-image  {
	font-size:11px;
	padding:12px 0 18px 0;
	width:250px;
	float:left;
	line-height:14px;
	text-align:left; }
	
#contentBox .left-image {
	padding-right:20px; }
	
#contentBox .content-image .link, #contentBox .right-image .link, #contentBox .left-image .link, #contentBox .right-image em, #contentBox .left-image em {
	font-size:11px; }
	
#contentBox a {
	text-decoration:none; }
	
#contentBox a span {
	font-size:11px; }
	
#contentBox a:hover, #contentBox a:hover span {
	color:#666666; }
	
#contentBox .sourceList ul {
	text-align:left; }
	
#contentBox .sourceList li {
	margin-left:0;
	list-style:none; }
	
#contentBox #piktoBox {
	margin:0 0 20px 20px;
	height:150px;
	width:150px;
	float:right; }
	
#footer {
	position:relative;
	left:50%;
	margin-left:-390px;
	width:780px;
	clear:both;
	background:url(../images_layout/dotted.gif) top left repeat-x white;
	height:1.8em; }
	
#footer a {
	color:#bbbbbb;
	font-size:11px;
	text-decoration:none; }
	
#footer a:hover {
	color:#333399; }
	
#footer p {
	position:relative;
	width:770px;
	left:50%;
	margin-left:-390px;
	padding:1px 5px 0 5px;
	text-align:right;
	font-size:11px;
	color:#bbbbbb; }
	
#footer small {
	color:#bbbbbb; }
	
.min-height-sim {
	position:relative;
	float:left;
	width:1px;
	height:100%;
	margin-bottom:-1.8em; }
	
.break-float {
	display:block;
	clear:both; }
	
.no-size {
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	overflow:hidden; }

.not-visible {
	display:none; }
	
.for-text-version {
	position:absolute;
	left:-5000px;
	top:0;
	font-size:0;
	line-height:0;
	width:0;
	overflow:hidden; }
	
.link {
	padding-left:12px;
	font-style:italic;
	background:url(../images_layout/link-symbol.gif) 2px 5px no-repeat; }
	
.link:hover {
	background:url(../images_layout/link-symbol-hover.gif) 2px 5px no-repeat;
	border-bottom:1px dashed #999999; }
	
.down {
	padding-left:12px;
	background:url(../images_layout/down-symbol.gif) 2px bottom no-repeat; }
	
.down:hover {
	background:url(../images_layout/down-symbol-hover.gif) 2px bottom no-repeat; }
	
.up {
	padding-left:12px;
	background:url(../images_layout/up-symbol.gif) 2px bottom no-repeat; }
	
.up:hover {
	background:url(../images_layout/up-symbol-hover.gif) 2px bottom no-repeat; }
	
.right {
	padding-left:12px;
	background:url(../images_layout/right-symbol.gif) 2px bottom no-repeat; }
	
.right:hover {
	background:url(../images_layout/right-symbol-hover.gif) 2px bottom no-repeat; }
	
#contentBox .left {
	text-align:left; }
	
#contentBox .titleThumbs li {
	list-style:none;
	text-align:left;
	float:left;
	width:100px;
	margin-right:3px;
	margin-left:0; }
	
#contentBox .titleThumbs a {
	display:block;
	width:100%;
	font-size:11px;
	padding-top:80px;
	background-repeat:no-repeat; } 
	
#contentBox .titleThumbs a:hover {
	background-position:-120px 0; }
	
#contentBox table {
	margin:4px 0 8px 0; }
	
#contentBox table .greyrow {
	background:#f3f3f3; }
	
#contentBox table td, #contentBox table th {
	padding:4px 8px 4px 0;
	text-align:left;
	vertical-align:top; }
	
#contentBox table th {
	border-bottom:1px solid #333399; }
	
/* Title images */

.image1 {
	background:url(../images_layout/nantes1.jpg) no-repeat; }
	
.image2 {
	background:url(../images_layout/nantes2.jpg) no-repeat; }
	
.image3 {
	background:url(../images_layout/mulhouse1.jpg) no-repeat; }
	
.image4 {
	background:url(../images_layout/prag1.jpg) no-repeat; }
	
.image5 {
	background:url(../images_layout/zuerich1.jpg) no-repeat; }
	
.image6 {
	background:url(../images_layout/lemans1.jpg) no-repeat; }
	
.image7 {
	background:url(../images_layout/nantes3.jpg) no-repeat; }
	
.image8 {
	background:url(../images_layout/bordeaux2.jpg) no-repeat; }
	
.image9 {
	background:url(../images_layout/wien1.jpg) no-repeat; }
	
.image10 {
	background:url(../images_layout/goeteborg1.jpg) no-repeat; }
	
.image11 {
	background:url(../images_layout/kassel1.jpg) no-repeat; }

.image12 {
	background:url(../images_layout/kiel1.jpg) no-repeat; }
	
.image13 {
	background:url(../images_layout/hamburg1.jpg) no-repeat; }
	
.image14 {
	background:url(../images_layout/grenoble1.jpg) no-repeat; }
	
.image15 {
	background:url(../images_layout/magdeburg1.jpg) no-repeat; }
	
/* Chapter pictos */

.pikto_download {
	background:url(../images_layout/pikto_download.jpg); }
	
.pikto_einstieg {
	background:url(../images_layout/pikto_einstieg.jpg); }
	
.pikto_fahrt {
	background:url(../images_layout/pikto_fahrt.jpg); }
	
.pikto_hamburg {
	background:url(../images_layout/pikto_hamburg.jpg); }
	
.pikto_impressum {
	background:url(../images_layout/pikto_impressum.jpg); }
	
.pikto_kiel {
	background:url(../images_layout/pikto_kiel.jpg); }
	
.pikto_kontakt {
	background:url(../images_layout/pikto_kontakt.jpg); }
	
.pikto_netz {
	background:url(../images_layout/pikto_netz.jpg); }
	
.pikto_quellen {
	background:url(../images_layout/pikto_quellen.jpg); }
	
.pikto_stadtbahn {
	background:url(../images_layout/pikto_stadtbahn.jpg); }
	
.pikto_tram {
	background:url(../images_layout/pikto_tram.jpg); }
	
.pikto_weg {
	background:url(../images_layout/pikto_weg.jpg); } 
	
.pikto_weiche {
	background:url(../images_layout/pikto_weiche.jpg); }
	
.titleThumbs .einstieg {
	background-image:url(../images_layout/pikto_einstieg_sm.jpg); }
	
.titleThumbs .stadtbahn {
	background-image:url(../images_layout/pikto_stadtbahn_sm.jpg); } 
	
.titleThumbs .netz {
	background-image:url(../images_layout/pikto_netz_sm.jpg); }
	
.titleThumbs .weg {
	background-image:url(../images_layout/pikto_weg_sm.jpg); }
	
.titleThumbs .fahrt {
	background-image:url(../images_layout/pikto_fahrt_sm.jpg); } 
	
.titleThumbs .kiel {
	background-image:url(../images_layout/pikto_kiel_sm.jpg); } 
	
.titleThumbs .hamburg {
	background-image:url(../images_layout/pikto_hamburg_sm.jpg); } 
	
.titleThumbs .tram {
	background-image:url(../images_layout/pikto_tram_sm.jpg); }
	
.titleThumbs .weiche {
	background-image:url(../images_layout/pikto_weiche_sm.jpg); } 
	
.titleThumbs .quellen {
	background-image:url(../images_layout/pikto_quellen_sm.jpg); }