html {
	margin: 0;
	padding: 0; 
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin: 0;
	padding: 0; 
	}

body {
	font-size: 81%;
	font-family: Lucida Grande, Verdana, Helvetica, Arial, Sans-serif;
	background: #cde9ed url(../images/hartmann_bg.jpg) repeat-y fixed center 0;
	text-decoration: none;
	text-align: left; 
	}

html>body { font-size: 13px; }

.hidden { display: none; }

br {
	line-height: 21px;
	}

h1 { 	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 21px;
	line-height: 42px;
	margin-top: 29px;
	margin-bottom: 13px;
	text-shadow: -2px -2px 2px #000;
	}

h2 {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 28px;
	line-height: 42px;
	margin-top: -2px;
	margin-bottom: 21px; 
	text-shadow: -2px -2px 2px #000;
	}

h3 {
	color: #93c2cc;
	background-color: #242f33;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: bolder;
	text-decoration: none; 
	}

h4 {
	font-size: 13px;
	line-height: 21px;
	color: #ceeaee;
	font-family: Georgia, Garamond, Palatino, serif;
	font-style: italic;
	letter-spacing: 0.02em;
	font-weight: normal;
	margin-bottom: 21px; 
	}

h5 {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 18px;
	line-height: 42px;
	margin-top: -21px;
	margin-bottom: 21px;
	text-indent: -0.4em; }

p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 21px; 
	}

a {
	color: inherit;
	text-decoration: none;
	outline: none medium; 
	}

	a:link {
		color: #242f33;
		text-decoration: none; 
		}

	a:visited {
		color: #242f33;
		text-decoration: none; 
		}

	a:hover, a:active, a:focus { text-decoration: underline; }

ul { 
	list-style-type: none; 
	}

#page-container {
	background: #242f33 url(../images/glow.jpg) no-repeat 0 139px;
	width: 980px;
	margin: auto;
	text-align: left;
	}

#header {
	color: #000;
	background-color: #93C2CC;
	height: 139px;
	width: 980px; 
	max-height: 139px;
	border-bottom: 1px solid #b8dce4; 
	}

/* Main Navigation */
#main-nav { 
	height: 139px; 
	}

	#main-nav dl { 		
		width: 503px; 
		}

	#main-nav dt {
		float: left; 
		}

		#main-nav dt a {
			display: block;
			height: 0px !important;
			height : 139px; /**/ /* IE 5/Win hack */
			padding: 139px 0 0 0;
			overflow: hidden;
			background-color: #93C2CC;
			background-repeat: no-repeat; }

			#main-nav dt a:hover, a:active, a:focus { background-position: 0 -139px; 
			}

	#main-nav dt#home, #main-nav dt#home a {
		width: 503px;
		background-image: url(../images/logo.gif);
		background-repeat: no-repeat;
margin-left: 1px; 
		}

#twitter_div {
	width: 280px;
	height: 139px;
	margin-bottom: -42px;
	padding: 32px 10px 10px 93px;
	background-image: url(../images/tweety.gif);
	background-repeat: no-repeat;
	background-position: 10px 37px;
	display: inline-block;
	font-size: 0.77em;
	line-height: 21px;
	font-style: italic;
	}

#twitter_div a {
	text-decoration: underline; 
	}

#twitter_div a:hover {
	text-decoration: none; 
	}

#twitter_update_list a { 
	color: #93C2CC;
	}

#twitter_update_list span { 
	color: #415c4f;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	}

#twitter_update_list span a { 
	display: inline;
	color: #415c4f; 
	}

#twitter_update_list span a:hover { 
	color: #252f33; 
	}

#twitter_div ul li { 
	margin-bottom: 2px; 
	}

body.home dt#home,
body.home dt#home a,
body.grafik dt#grafik,
body.grafik dt#grafik a { background-position: 0 -278px; 
			}

#content {
	background-image: none;
	background-position: right 0;
	position: relative;
	left: 40px;
	width: 741px;
	min-height: 473px;
	overflow: visible;
	border-right: 1px solid #151d20; 
	}

	#content a {
		text-decoration: none;
		color: #CDE9ED;
		//background-color: #242f33; 
		}

		#content a:hover {
			color: #fff;
			//background-color: #242f33; 
			}

	#content .padding {
		min-height: 100%;
		height: auto;
		padding-top: 3em;
		padding-right: 40px;
		padding-bottom: 30px; 
		}

.content-text {
	color: #fff;
	background-color: #242f33;
	position: relative;
	left: 188px;
	width: 510px;
	border-width: 0;
	outline-width: 0; 
	}

.content-klinke {
	position: relative;
	right: 490px;
	width: 170px;
	height: 100%;
	min-width: 170px;
	min-height: 100%;
	float: right; 
	}

.content-haupt {
	position: relative;
	left: 10px;
	width: 510px;
	min-width: 540px; 
	}

#content p {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 42px; 
	text-decoration: none !important;
	}

.bild {
	position: relative;
	top: 0;
	left: 175px;
	width: 338px;
	height: 338px;
	max-width: 338px;
	max-height: 338px;
	}

.bildthumb {
	position: relative;
	left: 316px;
	bottom: 51px;
	width: 60px;
	height: 60px;
	border-width: 0;
	}

.forward {
	float: right;
	position: relative;
	left: -56px;
	top: 240px;
	font-size: 30px;
	text-decoration: none;
	}

.forward a:hover {
	text-decoration: none !important;
	}

.quelle {
	font-size: 13px;
	line-height: 12px;
	color: #fff;
	font-family: Georgia, Garamond, Palatino, serif;
	font-style: italic;
	letter-spacing: 0.02em;
	padding-left: 0.8em; 
	}

.meta {
	font-size: 11px;
	line-height: 21px; 
	position: relative;
	top: -5px;
	}

#sidebar-a {
	color: #cde9ed;
	background-color: #242f33;
	float: right;
	width: 199px;
	text-decoration: none;
	min-height: 100%;
	padding-top: 42px;
	padding-bottom: 42px;
	border-left-color: #93c1cc;
	border-left-width: 1px; 
	}

.menu {
	background-image: url(../images/pixel.png);
	background-repeat: repeat-y;
	background-position: left 0;
	margin-top: 8px;
	padding: 0;
	width: 199px;
	list-style: none; 
	}

	.menu li {
		display: block;
		color: #ceeaee;
		background-color: #242F33;
		height: 42px; 
		}

		.menu li a {
			text-align: left;
			padding-top: 10px;
			height: 32px;
			padding-left: 1.7em; 
			font: bolder 1em Helvetica, Arial, Verdana, sans-serif;
			display: block;
			background: url(../images/menu_bg.png) no-repeat;
			background-color: #242F33;
			-webkit-transition: background-color .3s;
			-moz-transition: background-color .3s;
			-o-transition: background-color .3s;
			transition: background-color .3s;
			text-decoration: none;
			color: #93c2cc;
			text-shadow: -1px -1px 1px #000; 
			}

			.menu li a:hover {
				background: url(../images/menu_bg.png) 0px -42px no-repeat;
				background-color: #cde9ed; 
				-webkit-transition: background-color .3s;
				-moz-transition: background-color .3s;
				-o-transition: background-color .3s;
				transition: background-color .3s;
				color: #242F33;
				text-shadow: 1px 1px 1px #fff; 
				}

			.menu li a.active, .menu li a.active:hover {
				background: url(../images/menu_bg.png) 0px -84px no-repeat;
				background-color: #93c2cc;
				color: #242f33;
				text-shadow: 1px 1px 1px #fff; 
				}

			.menu li a span { line-height: 21px; 
				}

body#cover .cover, body#cover .cover a, 
body#branding .branding, body#branding .branding a, 
body#promo .promo, body#promo .promo a, 
body#illustration .illustration, body#illustration .illustration a,
body#ueber .ueber, body#ueber .ueber a,
body#referenz .referenz, body#referenz .referenz a,
body#angebot .angebot, body#angebot .angebot a,
body#kontakt .kontakt, body#kontakt .kontakt a {
	background: url(../images/menu_bg.gif) 0px -84px no-repeat;
	color: #242f33;
	background-color: #93c2cc;
	text-shadow: 1px 1px 1px #CEEAEE; 
	}

#altnav {
	margin-top: 0px;
	text-align: center;
	font-size: 0.77em;
	line-height: 2.1em;
	padding-top: 1.05em;
	padding-bottom: 1.05em;
	color: #242f33;
	background-color: #93c2cc;
	background-image: url(../images/hartmann_bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center 0;
	text-decoration: none;
	width: auto;
	height: 100%;
	clear: both;
	border-top: 1px solid #b8dce4; 
	width: auto;
	}

.noborder {
	border-width: 0;
	outline-width: 0; 
	margin-right: 9px;
}

#portraet {
	float: left;
	margin: 0 30px 0 1px;
	-webkit-box-shadow: 10px 10px 20px #000;
	-moz-box-shadow: 10px 10px 20px #000;
	}

#front-text {
	font-size: 21px;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	//position: relative;
	//top: 7px;
	}

#front-text h2 {
	margin: 70px 0 27px 0;
	}

#front-text h5 {
	margin: 6px 0 -6px 0;
	font-family: Georgia, Garamond, Palatino, serif;
	font-style: italic;
	font-size: 15px;
	line-height: 21px;
	}
	
#front-text .meta {
	margin: 0;
	font-family: Lucida Grande, Verdana, Helvetica, Arial, Sans-serif;
	font-style: normal;
	font-size: 8px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	position: relative;
	top: 0;	
	}	

/* facebook button
.fbreplace {
	width: 120px;
	height: 21px;
	position: relative;
	top: 6px;
	} */