/* 
- - - - - - - - - - - - - - - - - - - - -
Titel: BM Bewernick M?beltransporte CSS (screen)
Autor: Dumrath & Fassnacht KG (sti)
URL: http://www.duf-online.de/

Erstellt: 2006-08-07
Bearbeitet: 2006-08-14
- - - - - - - - - - - - - - - - - - - - - 
*/

/* - - - Grundeinstellungen - - - */

* {
	font-size: 100%;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(images/bg-body.jpg) repeat-x 0 0;
  	color: #666;
  	direction: ltr;
  	font: 90%/1.6 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

/* - - - IDs - - - */

#container {
	padding: 0;
}

		.col-1 #container {
			margin: 0 0 0 220px;
		}
		
		.col-2 #container {
			margin: 0 280px 0 220px;
		}
		
		.col-w #container {
			margin: 0 350px 0 220px;
		}

#header {
	background: url(images/umzugskarton.jpg) no-repeat 93% 26px;
	height: 200px;
}

		#header img {
			display: none;
		}
		
		.col-1 #header {
			margin: 0 0 0 -220px;
		}
		
		.col-2 #header {
			margin: 0 -280px 0 -220px;
		}
		
		.col-w #header {
			margin: 0 -350px 0 -220px;
		}

#navigation {
	background: url(images/bg-nav.png) no-repeat 0 0;
	height: 400px;
	left: 15px;
	position: absolute;
	top: 100px;
	width: 180px;
}

		#navigation ul {
			left: 0;	
			position: relative;
			text-align: center;
			top: 180px;
		}

		#navigation li {
			display: block;
			background: #F6F6F6;
			border: 1px solid #E3E3E3;
			color: #E2001A;
			font-weight: 600;
			margin: 0 0 3px 20px;
			padding: 3px 5px;
			width: 130px;
		}
		
		#navigation a {
			color: #4A4A4A;		
			display: block;
			font-weight: 100;
		}
		
		#navigation a:hover {
			color: #E2001A;
		}

#main-content {
	display: inline;
	float: left;
	
}

		.col-1 #main-content {
			margin-right: 30px;
		}
		
		.col-2 #main-content {
			width: 100%;
		}
		
		.col-w #main-content {
			width: 100%;
		}

#secondary-content {}
		
		.col-2 #secondary-content {
			float: right;
			margin: 0 -250px 0 0;
			position: relative;
			width: 220px;
		}

		.col-w #secondary-content {
			float: right;
			margin: 0 -320px 0 0;
			position: relative;
			width: 300px;
		}

#footer {
	clear: both;
	background: url(images/footer.jpg) no-repeat 50% 0;
	height: 120px;
}

		.col-1 #footer {
			margin: 30px 0 30px -220px;
		}
		
		.col-2 #footer {
			margin: 30px -280px 30px -220px;
		}
		
		.col-w #footer {
			margin: 30px -350px 30px -220px;
		}

#map {
	border: 2px solid #E2001A;
	float: right;
	margin: 0 0 1.5em 1em;
}

/* - - - Klassen - - - */

.fotobox {
	float: right;
	margin: 0 0 0.5em 1.5em;
	width: 300px;
}

		.fotobox img {
			border: 0;
			display: inline;
			margin: 0;
			padding: 0;
		}

.download-box {
	background: #F6F6F6 ;
	border: 2px solid #E2001A;
	clear: both;
	color: #000;
	font-size: 0.8em;
	min-height: 30px;
	padding: 1em;
	margin: 1.5em 0;
}

		.download-box p {
			margin: 0;
			padding: 0;
		}

		.download-box img {
			border: 0;
			float: left;	
			margin: 0;
			margin-right: 1em;
			padding: 0;
		}

.info-box {
	background: #F6F6F6 ;
	border: 1px solid #E2001A;
	clear: both;
	color: #000;
	font-size: 1em;	
	line-height: 1.5em;
	margin: 1em 0;
	padding: 1em;
}

			.info-box p {
				margin: 0;
				padding: 0;
			}

			.info-box strong {
				font-size: 1.5em;
							
			}
		
/* - - - Ueberschriften - - - */

h1 {
	clear: both;
	font-size: 1.5em;
	margin-bottom: 1em;
}

h2 {
	clear: both;
	border-bottom: 1px solid #E3E3E3;
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #E2001A;
}

h3 {
	clear: both;
	border-bottom: 1px solid #E3E3E3;
	font-size: 1em;
	margin-bottom: 0.5em;
}

/* - - - Absaetze - - - */

p {
	margin-bottom: 1.5em;
}

/* - - - Zitate - - - */

blockquote {
	background: url(images/bg-bq.png) no-repeat 0 0;
	color: #999;
	padding: 15px 0 0 0;
	margin: 1.5em 0 0 0;
}

blockquote p.einzug {
	text-indent: 40px;
}

blockquote.tagline {
	background: none;
	color: #000;
	font-size: 2.5em;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

		blockquote.tagline em {
			color: #E2001A;
			font-style: normal;		
		}

cite {
	color: #000;
	font-style: normal;
	display: block;
	padding: 0 0 1.5em 0;
}

/* - - - Listen - - - */

ul {
	list-style: none;
}

		#main-content ul, #secondary-content ul {
			margin: 1.5em 1.5em;
		}

		#main-content ul li, #secondary-content ul li {
			background: url(images/ul-dot.png) no-repeat 0 8px;
			padding-left: 15px;
		}

ol {}

		#main-content ol, #secondary-content ol {
			list-style: decimal;
			margin: 1.5em 3em;
		}

/* - - - Definitionslisten - - - */

dl {
	margin: 1.5em 0;
}

dt {
	color: #E2001A;
	font-weight: 600;
}

dd {
	margin-bottom: 0.5em;
}

/* - - - Bilder - - - */

img {
	padding: 5px;
	padding-bottom: 10px;
	border: 1px solid #DFDFDF;
}

		img.links {
			float: left;
		}

		img.rechts {
			float: right;
		}

div.links {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
	width: 250px;
}

div.rechts {
	display: block;
	float: right;
	margin: 0 0 1em 1em;
	width: 250px;
}

div.rechts p, div.links p {
	color: #000;
	font-size: 0.8em;
	font-weight: 600;
	margin: 0;
	padding: 0;
}


/* - - - Trennllinien - - - */

hr {
	border-top: 1px dotted #999;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	margin: 1.5em 0;
}

/* - - - Textauszeichnung - - - */

em {
	color: #E2001A;
	font-style: normal;
}

strong {
	color: #E2001A;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.05em;	
}

dfn, acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor: help;
	font-style: normal;
}

address {
	font-style: normal;
}

pre {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	letter-spacing: -0.05em;
	margin-bottom: 0.5em;
}

/* - - - Links - - - */

#main-content a, #secondary-content a {
	color: #000;
	border-bottom: 1px solid #E2001A;
}

#main-content a:hover, #secondary-content a:hover {
	color: #E2001A;
}

/* - - - Formulare - - - */

form {
	float: left;
	width: 60%;
}

form p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

label {
	display: block;
}

input, textarea {
	padding: 0.2em 0.3em;
}

		input.txt, textarea.txt {
			background: url(images/bg-form.png) repeat-x 0 0;
			border-top: 2px solid #808080;
			border-left: 2px solid #808080;
			border-right: 2px solid #DDD;
			border-bottom: 2px solid #DDD;
			font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			width: 90%;
		}

		input.eingabefehler, textarea.eingabefehler {
			border: 2px solid #E2001A;
		}

		input.txt:focus, textarea.txt:focus {
			border: 2px solid #000;
		}

		input.button {
			margin: 1em 0;
		}

textarea {
	height: 7em;	
}