/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/hg_body.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
}

#all {
	width: 984px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

#navi {
	width: 295px;
	height: 100%;
	height: 951px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/hg_left.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

		#navismall {
		width: 295px;
		height: 555px;
		padding: 0px;
		margin: 0px;
		float: left;
		background-image: url(images/hg_left.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}
		
		#navilarge {
		width: 295px;
		height: 1150px;
		padding: 0px;
		margin: 0px;
		float: left;
		background-image: url(images/hg_left.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		}

#content {
	width: 640px;
	height: 951px;
	float: left;
	background-color:#FFFFFF;
}

		#contentsmall {
		width: 640px;
		height: 555px;
		float: left;
		background-color:#FFFFFF;
		}
		
		#contentlarge {
			width: 640px;
			height: 1150px;
			float: left;
			background-color:#FFFFFF;
		}

div.right1 {
	width: 49px;
	height: 500px;
	/*height: 951px;*/
	float: left;
	background-image: url(images/title_aktuelles.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

	div.right1.eichwagen {
	background-image: url(images/title_eichwagen.jpg);
	}

	div.right1.imprint {
	background-image: url(images/title_impressum.jpg);
	}

	div.right1.ukbw {
		background-image: url(images/title_ukbw.jpg);
	}

	div.right1.ladeguetertitle {
		background-image: url(images/title_ladegueter.jpg);
	}
	
	div.right1.schmalspurbahnentitle {
		background-image: url(images/title_schmalspurbahnen.jpg);
	}
	
	div.right1.pikoumbautentitle {
		background-image: url(images/title_pikoumbauten.jpg);
	}
	
	div.right1.fuerhaendler {
		background-image: url(images/title_fuerhaendler.jpg);
	}
	
	div.right1.shoptitle {
		background-image: url(images/title_shop.jpg);
	}
	
	div.right1.kontakttitle {
		background-image: url(images/title_kontakt.jpg);
	}

#logo {
	width: 208px;
	/* width: 295px;*/
	padding: 55px 0px 65px 87px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 33px;
	color: #000000;
}

		#logo span {
			color: #666666;
			font-size: 20px;
			line-height: 122%;
			display: block;
			margin: 25px 0 0 0;
		}

#footer {
	text-align: center;
	padding: 20px 0px 20px 440px;
	width: 640px;
}

#footeraussen {
	clear: both;
	width: 100%;
	background-color: #C9C9C9;
}

/* Navi */

a.navi {
	text-decoration: none;
}

a div {
	cursor: hand;
}

div.eins {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/01_inaktiv.gif);
}

	a:hover div.eins {
		background-image: url(images/navi/01hover_inaktiv.gif);
	}
	
	div.eins.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/01_aktiv.gif);	
	}

div.startseite {
	width: 110px;
	height: 35px;
	float: right;
	background-image:url(images/navi/startseite_inaktiv.jpg);	
}

	div.startseite.aktiv {
		width: 209px;
		height: 50px;
		background-image:url(images/navi/startseite_aktiv.jpg);	
	}
	
div.zwei {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/02_inaktiv.gif);
}

	a:hover div.zwei {
		background-image: url(images/navi/02hover_inaktiv.gif);
	}
	
	div.zwei.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/02_aktiv.gif);	
	}

div.ladegueter {
	width: 128px;
	height: 35px;
	float: right;
	background-image:url(images/navi/ladegueter_inaktiv.jpg);	
}

	div.ladegueter.aktiv {
		width: 193px;
		height: 50px;
		background-image:url(images/navi/ladegueter_aktiv.jpg);	
	}

div.drei {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/03_inaktiv.gif);
}

	a:hover div.drei {
		background-image: url(images/navi/03hover_inaktiv.gif);
	}
	
	div.drei.aktiv {
		width: 46px;
		height: 50px;
		background-image: url(images/navi/03_aktiv.gif);	
	}

div.schmalspurbahnen {
	width: 180px;
	height: 35px;
	float: right;
	background-image:url(images/navi/schmalspurbahnen_inaktiv.jpg);	
}

	div.schmalspurbahnen.aktiv {
		width: 249px;
		height: 50px;
		background-image:url(images/navi/schmalspurbahnen_aktiv.jpg);	
	}

div.vier {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/04_inaktiv.gif);
}

	a:hover div.vier {
		background-image: url(images/navi/04hover_inaktiv.gif);
	}
	
	div.vier.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/04_aktiv.gif);	
	}

div.pikoumbauten {
	width: 164px;
	height: 35px;
	float: right;
	background-image:url(images/navi/piko_inaktiv.jpg);	
}

	div.pikoumbauten.aktiv {
		width: 214px;
		height: 50px;
		background-image:url(images/navi/piko_aktiv.jpg);	
	}

div.fuenf {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/05_inaktiv.gif);
}

	a:hover div.fuenf {
		background-image: url(images/navi/05hover_inaktiv.gif);
	}
	
	div.fuenf.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/05_aktiv.gif);	
	}

div.haendler {
	width: 123px;
	height: 35px;
	float: right;
	background-image:url(images/navi/haendler_inaktiv.jpg);	
}

	div.haendler.aktiv {
		width: 201px;
		height: 50px;
		background-image:url(images/navi/haendler_aktiv.jpg);	
	}

div.sechs {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/06_inaktiv.gif);
}

	a:hover div.sechs {
		background-image: url(images/navi/06hover_inaktiv.gif);
	}
	
	div.sechs.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/06_aktiv.gif);	
	}

div.shop {
	width: 92px;
	height: 35px;
	float: right;
	background-image:url(images/navi/shop_inaktiv.jpg);	
}

	div.shop.aktiv {
		width: 168px;
		height: 50px;
		background-image:url(images/navi/shop_aktiv.jpg);	
	}

div.sieben {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/07_inaktiv.gif);
}

	a:hover div.sieben {
		background-image: url(images/navi/07hover_inaktiv.gif);
	}
	
	div.sieben.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/07_aktiv.gif);	
	}

div.kontakt {
	width: 99px;
	height: 35px;
	float: right;
	background-image:url(images/navi/kontakt_inaktiv.jpg);	
}

	div.kontakt.aktiv {
		width: 175px;
		height: 50px;
		background-image:url(images/navi/kontakt_aktiv.jpg);	
	}

div.acht {
	margin: 0px 0px 1px 0px;
	width: 40px;
	height: 35px;
	float: right;
	background-image: url(images/navi/08_inaktiv.gif);
}

	a:hover div.acht {
		background-image: url(images/navi/08hover_inaktiv.gif);
	}
	
	div.acht.aktiv {
		width: 58px;
		height: 50px;
		background-image: url(images/navi/08_aktiv.gif);	
	}

div.impressum {
	width: 133px;
	height: 35px;
	float: right;
	background-image:url(images/navi/impressum_inaktiv.jpg);	
}

	div.impressum.aktiv {
		width: 198px;
		height: 50px;
		background-image:url(images/navi/impressum_aktiv.jpg);	
	}
	
/* Content */

div.contentstart {
	background-image: url(images/hg_startseite.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 214px;
	height: 176px;
	padding: 221px 386px 35px 40px;
	margin: 0px;
}

		div.contentschmalspurbahnen {
		background-image: url(images/hg_schmalspurbahnen.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		width: 214px;
		height: 265px;
		padding: 76px 386px 35px 40px;
		margin: 0px;
		}
		
		div.contentschmalspurbahnen2 {
		background-image: url(images/hg_schmalspurbahnen.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		width: 214px;
		height: 165px;
		padding: 76px 386px 35px 40px;
		margin: 0px;
		}
		
		div.contentstartsmall {
		background-image: url(images/hg_startseite.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		width: 214px;
		height: 135px;
		padding: 221px 386px 35px 40px;
		margin: 0px;
	}

div.inhalte {
	width: 565px;
	padding: 0px 35px 0px 40px;
}

div.inhalte1 {
	width: auto;
	padding: 0px;
	margin: 0px 19px 0px 0px;
	float: left;
}
div.inhalte2 {
	width: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}

div.texteinspaltig {
	margin: 0px;
	padding: 15px 0px;;
}

div.text335 {
	width: 335px;
	margin: 0px;
	padding: 15px 19px 0px 0px;
	float: left;
}

div.text210 {
	width: 210px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	float: left;
}


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

div.bildleiste2 {
	width: 220px;
	height: 150px;
	margin: 10px 15px 0px 0px;
	float: left;
}

/* IMG */

span.pdf img {
	margin: 5px 10px 0px 0px;
}

.bildright {
	margin: 5px 0px 0px 15px;
	float: right;
}

.bildleft {
	margin: 5px 15px 0px 0px;
	float: left;
}

/* Fonts */

h1 {
	color: #780000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px;
	padding: 0px;
}

.grau {
	color: #919191;
}

.klein {
	font-size:10px;
	line-height: 120%;
}

/* Links */

a {
	color: #780000;
	text-decoration: underline;
}

a:hover {
	color: #780000;
	text-decoration: none;
}

/* Formularelemente */

input.small {
	width: 100px;
}
input.large {
	width: 250px;
}
textarea.large {
	width: 250px;
}

select {
	width:130px;
}
select.small {
	width: 50px;
}