/* -------------------------------------------------------------- 
  
   Main Screen Stylesheet for hr-spandau.de
   written by mtk, pheedelity.com in january 2008 for deeluxe
   find more styles in /blueprint (http://code.google.com/p/blueprintcss/ thanks guys)
   
   for more information see http://www.pheedelity.com
   code is beauty
   
-------------------------------------------------------------- */



body {
	background: url(../images/bg_body.gif) top left repeat-x #dbceb7;
	margin: 10px 0 0 0;
}

.languages {
	display: block;
	width: 940px;
	margin: 0 auto;
	padding-right: 10px;
}

.languages li {
	float: right;	
	padding: 0;
	margin: 0 5px 0 5px;
	line-height: 1em;
	padding-bottom: 0;
}

.languages li a img {
	margin-bottom: .5em;
}

/*
.languages li a {
	text-decoration: none;
	color: #333;
	font-size: .9em;
	padding-left: 20px
}

.languages li a.english {
	background: url(../images/ic_gb.png) top left no-repeat;
}

.languages li a.russian {
	background: url(../images/ic_ru.png) top left no-repeat;
}
*/

.languages li a.deutsch img {
	position: relative;
	top: 1px;
}

.languages li a:hover {
	color: #7A2225;
}

#containerWrapper {
	width: 960px;
	margin: 0 auto;
	background: url(../images/shadow.png) right bottom no-repeat;
}

* html #containerWrapper {
	background: none;
}

#containerWrapper:after {
    display:block;
    width:18px;
    height:9px;
    content:"";
    margin:-9px 0px 0px 0px;
}

#containerWrapper:before {
    margin-bottom:-18px;
    display:block;
    height:18px;
    content:"";
}

#container {
	background: #fffcf6;
	padding: 10px 10px 0 10px;
	display: block;
	margin: 0px 9px 9px 0px;
}

#branding {
	background: url(../images/bg_branding.gif) top left no-repeat #AE9A78;
	margin-bottom: 2em;
	height: 315px;
	position: relative;
	border-right: 1px solid #A99776;
}

#logo {
	position: absolute;
	top: 85px;
	left: 20px;
}

#keyVisual {
	position: absolute;
	right: 0;
	bottom: 16px;
}

* html #keyVisual {
	bottom: 15px;
}

#logo h1 span {
	position: absolute;
	left: -1000px;
	top: -1000px;
}

#claim {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	line-height: 2.2em;
	padding-left: 18px;
}

#mainNav {
	list-style-type: none;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	line-height: 2.7em;
	border-bottom: 1px solid #A99776;
	width: 471px;
	padding-left: 65px;
	text-align: right;
}

#mainNav li {
	float: left;
	display: block;
}

#mainNav li a {
	color: #333;
	text-decoration: none;
	padding: 12px 15px 8px 15px;
}

#mainNav li a:hover {
	background-color: #f1ece5;
	border-bottom: 3px solid #680c13;
	padding-bottom: 11px;
	position: relative;
	z-index: 1000;
}

* html #mainNav li a:hover {
	padding-top: 9px;
}

#mainNav li.active a {
	color: #7A2225;
	border-bottom: 3px solid #fff;
}

#marginalia {
	float: left;
	width: 380px;
}

.marginalBox {
	margin-bottom: 1em;
}

.marginalBox h2 {
	background: url(../images/bg_marginalHeadline.gif) top right repeat-y #AE9A78;
	color: #fff;
	margin-bottom: 4px;
	padding-left: 20px;
	font-size: 2.5em;
	line-height: 1.05em;
}

.marginalBoxBody {
	background: #dbceb7;
	padding: 30px 40px;
}

.marginalBoxBody h3 {
	color: #6a5b40;
	font-size: 1.17em;
	margin: .5em 0;
}

.marginalBoxBody ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2em 0;
}

.linksBox {
	background: url(../images/bg_linksBox.gif) bottom right no-repeat #dbceb7;
}

.googleBox {
	background: #dbceb7;
	padding: 10px 10px 30px 10px;
}

.googleBox p {
	padding-left: 30px;
}

.profilesBox {
	background: url(../images/bg_profilesBox.gif) bottom right no-repeat #dbceb7;
}

.servicesBox, .languageBox {
	background: url(../images/bg_servicesBox.gif) top right no-repeat #dbceb7;
}

.newsBox {
	background: url(../images/bg_newsBox.gif) bottom right no-repeat #dbceb7;
}

.downloadsBox {
	background: url(../images/bg_downloadsBox.gif) bottom right no-repeat #dbceb7;
}

.downloadsBox li {
	padding-bottom: .2em;
}

.downloadsBox p {
	margin: .3em 0 .2em .5em;
}

.servicesBox li, .profilesBox li, .newsBox li, .downloadsBox li {
	background: url(../images/bg_marginalListing.gif) bottom left no-repeat transparent;
}

.servicesBox li a, .profilesBox li a, .newsBox li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding-left: 2em;
}

.servicesBox li a:hover, .profilesBox li a:hover, .newsBox li a:hover {
	color: #8b2f2b;
	text-decoration: none;
	background: url(../images/bg_marginalListingLink.gif) 0.55em 0.4em no-repeat transparent;
}

.contactBox {
	background: url(../images/bg_contactBox.gif) bottom right no-repeat #dbceb7;
}

.contactBox ul {
	margin-bottom: 0;
}

.contactBox ul li a {
	line-height: 2.3em;
	padding: 8px 0 5px 30px;
}

.contactFormLink a {
	background: url(../images/ic_contactForm.gif) left center no-repeat transparent;
}

.contactMapLink a {
	background: url(../images/ic_contactMap.gif) left center no-repeat transparent;
}

.vCardLink a {
	background: url(../images/ic_vcard.gif) left center no-repeat transparent;
}

#content {
	float: right;
	width: 495px;
	margin-right: 20px;
	display: inline;
}

#footer {
	text-align: right;
	background: url(../images/bg_footer.gif) top left repeat-y #D6C6AB;
	margin: 2em -10px 0 -10px;
}

* html #footer {
	width: 951px;
}

#footer span {
	float: right;
	padding: 5px 10px;
	font-weight: bold;
}

#metaNav {
	list-style-type: none;
	float: right;
	margin: 0;
}

#metaNav li {
	float: left;
	padding: 5px 0;
}

#metaNav li a {
	border-left: 2px solid #333;
	padding: 0 20px;
}

#metaNav li.rss a {
	background: url(../images/ic_rss.gif) 20px center no-repeat;
	padding-left: 40px;
}

.post {
	margin-bottom: 2em;
	padding-bottom: 1em;
	background: url(../images/bg_post.gif) bottom center no-repeat;
}	

.date {
	color: #A99677;
}

.floatpost {
	width: 45%;
	padding-right: 4%;
	float: left;
}

.cform input.sendbutton	{ 
	background: url(../images/bg_sendbutton.gif) top left repeat-x #b8a789 !important;
}

.vcard {
	position: absolute;
	left: -1000em;
	top: -1000em;
}

#map_canvas {
	height: 250px;
	margin-bottom: 20px;
}

.topLink {
	float: right;
}

.post ul li {
	background: url(../images/bg_lists.gif) 0 5px no-repeat;
	padding-left: 13px;
}


.linkPDF {
	background: url(../images/bg_linkPDF.gif) left center no-repeat transparent;
	margin-bottom: 3px;
	display: block;
	padding: 10px 50px;
}

.linkDOC {
	background: url(../images/bg_linkDOC.gif) left center no-repeat transparent;
	margin-bottom: 3px;
	display: block;
	padding: 10px 50px;
}

.linkRTF {
	background: url(../images/bg_linkRTF.gif) left center no-repeat transparent;
	margin-bottom: 3px;
	display: block;
	padding: 10px 50px;
}

/* d */

h1 {
	font-size: 2em;
}

/*	φ	*/