/* 
- - - - - - - - - - - - - - - - - - - - -
Titel: Thiel Fliesen Styles (screen)
Autor: Dumrath & Fassnacht KG (sti)
URL: http://duf-online.de/

Erstellt: 2006-05-29
Bearbeitet: 2006-06-14
- - - - - - - - - - - - - - - - - - - - - 
*/

/* - - - Grundeinstellungen - - - */

* {
	border: 0;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}

html {
	background: #2E4E65;
	color: #666;
	font: 85%/1.6em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* - - - IDs - - - */

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: left;
}

#header {
	background: #1D5F5D url(images/bg-header.jpg) no-repeat 0 0;
	height: 200px;
	position: relative;
	width: 750px;
}

#navigation {
	background: url(images/bg-headfoot.jpg);
	bottom: 0;
	height: 30px;
	left: 0;
	line-height: 30px;
	position: absolute;
	width: 750px;
}

		#navigation li {
			float: left;
		}
	
		#navigation li a {
			color: #FFF;
			display: block;
			height: 30px;
			text-indent: -1000em;
		}
		
		#navigation li .a-index {
			background: url(images/navigation.jpg) no-repeat 0 0;
			width: 85px;
		}
				
		#navigation li .a-index:hover, #b-index li .a-index {
			background: url(images/navigation.jpg) no-repeat 0 -30px;
		}
			
		#navigation li .a-leistungen {
			background: url(images/navigation.jpg) no-repeat -85px 0;
			width: 94px;
		}

		#navigation li .a-leistungen:hover, #b-leistungen li .a-leistungen {
			background: url(images/navigation.jpg) no-repeat -85px -30px;
		}

		#navigation li .a-baeder {
			background: url(images/navigation.jpg) no-repeat -179px 0;
			width: 59px;
		}

		#navigation li .a-baeder:hover, #b-baeder li .a-baeder {
			background: url(images/navigation.jpg) no-repeat -179px -30px;
		}
	
		#navigation li .a-unternehmen {
			background: url(images/navigation.jpg) no-repeat -238px 0;
			width: 112px;
		}

		#navigation li .a-unternehmen:hover, #b-unternehmen li .a-unternehmen {
			background: url(images/navigation.jpg) no-repeat -238px -30px;
		}

#content {
	background: #FFF;
	float: left;
}

#maincol {
	display: inline;
	float: left;
	margin: 35px 0 35px 35px;
	width: 400px;
}

#sidecol {
	display: inline;
	float: right;
	margin: 35px 35px 35px 0;
	width: 245px;
}

#footer{
	background: #1D5F5D url(images/bg-headfoot.jpg) repeat-x 0 0;
	clear: both;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5em;
	text-align: center;
}

/* - - - Links - - - */

a {}

		#content a {
			background: #E9F5F4;
			border-bottom: 1px solid #318C86;
			color: #666;
		}

a:hover {}

		#content a:hover {
			color: #318C86;
		}

/* - - - Ueberschriften - - - */

h1 {}

		#content h1 {
			color: #318C86;
			font-size: 1.4em;
			font-weight: normal;
			letter-spacing: -0.05em;
			margin-bottom: 0.6em;
		}
	
h2 {}

		#content h2 {
			font-size: 1.2em;
			font-weight: normal;
			letter-spacing: -0.05em;
			margin-bottom: 0.6em;		
		}
/* - - - Absaetze - - - */

p {}

		#content p {
			margin-bottom: 1em;
		}

/* - - - Zitate - - - */

blockquote {
	background: #E9F5F4;
	border: 1px dotted #318C86;
	border-left: 3px dotted #318C86;
	border-right: 3px dotted #318C86;
	margin: 1em 0;
}

		#content blockquote p {
			padding: 1em;
			margin: 0;
		}

/* - - - Listen - - - */

#content ul {
	margin-bottom: 1em;
}

#content li {
	background: url(images/listitem.png) no-repeat 0 50%;
	margin-left: 2em;
	padding-left: 15px;
}

/* - - - Definitionslisten - - - */

dl {}

		#sidecol dl {
			float: left;
			margin: 1em 0;
		}
		
dt {
	color: #318C86;
}

		#sidecol dt {
			float: left;
			width: 85px;
		}
		
		#sidecol .block dt {
			float: none;
			width: auto;
		}

dd {}

		#sidecol dd {
			float: left;
			text-align: left;
		}
		
		#sidecol .block dd {
			float: none;
			margin-bottom: 1em;
		}

/* - - - Bilder - - - */

img {}

		img.left {
			float: left;
			margin: 0 15px 5px 0;
		}
	
		img.right {
			float: right;
			margin: 0 0 5px 15px;
		}
		
		#content img {
			border: 1px solid #ddd;
			padding: 2px;
		}
		
		#gallery img {
			float: left;
			margin: 0 10px 10px 0;
		}

/* - - - Trennlinien - - - */

hr {
	display: none;
}

.hr {
	height: 50px;
  	background: url(images/separator.jpg) no-repeat scroll center;
  	clear: both;
}

		.hr hr {
			display: none;
		}

/* - - - Textauszeichnung - - - */

address {
	font-style: normal;
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	color: #318C86;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.08em;
}