/* =========================================================
http://www.lpsp.de.de - Stylesheet für Lange&Pflanz
Datei: design.css
Media: screen
Datum Erstellung: 25. August 2008
Datum Änderung: 27. August 2008
Autor: Dominik Bender
Mail: bender@navigate.de

========================================================== */

/* ===============================
   = General Styling
=============================== */

body {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	background: #212121 url(/werbeagentur/wLayout/design/img/backgrounds/Holz_warm.jpg);
	color: #787878;
	margin: 0px;
	padding: 40px 0 40px 0;
}

img {	border: none;}
h1 {font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;	font-size: 16px; text-transform: uppercase;	}
h4 {font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;	font-size: 13px; font-weight: bold; margin: 0 0 15px 0;	}
.elementHeadline h2 {	text-transform: uppercase;}

p a {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
p a:visited {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
p a:hover {
	color: #ff7307;
}

#wBlockMain {
	width: 872px;
	background: #fff;
	padding: 14px 14px 0 14px;
	margin: 0px auto;
	text-align: left;
}

#wBlockMain #wBlockTop #wBlockTopInner {
	border-top: 1px solid #908f94;
	padding: 5px 0 0 0;
	height: 175px;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementLogo {	width: 872px;	margin: 100px 0 0 0;}
#wBlockMain #wBlockTop #wBlockTopInner .elementLogo img#logo {	float: left;	margin: 8px 0 0 0;}
#wBlockMain #wBlockTop #wBlockTopInner .elementLogo img#logoRechts {	float: right;}

.printlink {
	color:#908F94;
	font-family:Arial,Helvetica,Verdana;
	font-weight:bold;
	text-decoration:none;
	background: url(/werbeagentur/wLayout/design/img/meta-menu_trenner.gif) 0 2px no-repeat;
	padding: 0 0 0 11px;
	margin: 0 0 0 -7px;
}
	a.printlink:hover {	color:#ff7307;}

input,
textarea {font: inherit;}
textarea {padding: 0;}

.clear {clear: both;}

/* ===============================
   = Navigation
=============================== */

#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation {
	width: 872px;
	height: 30px;
	margin: 0 0 0 -4px;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul li {
	float: left;
	background: url(/werbeagentur/wLayout/design/img/meta-menu_trenner.gif) right 2px no-repeat;
	padding: 0 10px 0 4px;
	height: 12px;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul li.last {
	background: none;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul li a {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul li a:visited {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
#wBlockMain #wBlockTop #wBlockTopInner .elementNavigation ul li a:hover {
	color: #ff7307;
}

#wBlockMain #wBlockLeft #wBlockLeftInner {
	
}

#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation {
	border-top: 1px solid #908f94;
	border-bottom: 1px solid #908f94;
	height: 23px;
	padding: 5px 0 0 0;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation {
	margin: 6px 0 60px 0;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -5px;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li {
	float: left;
	display: block;
	color: #787878;
	background: url(/werbeagentur/wLayout/design/img/menu_trenner.gif) left 3px no-repeat;
  padding: 0 5px 0 12px;
  position: relative;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li.first,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li.first {
	background: none;
	padding-left: 5px;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li a,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li a {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #787878;
	display: block;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li.selected a.selected,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li.open a.open,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li.openselected a.openselected,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li.selected a.selected {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #ff7307;
	display: block;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li a:visited,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li a:visited {
	text-decoration: none;
	color: #787878;
	display: block;
}
#wBlockMain #wBlockLeft #wBlockLeftInner .elementNavigation ul li a:hover,
#wBlockMain #wBlockLeft #wBlockLeftInner .elementSubNavigation ul li a:hover {
	text-decoration: none;
	color: #ff7307;
	display: block;
}
#wBlockMain #wBlockContent {
	margin: 30px 0 0 0;
}

/* ===============================
   = Content Elements
=============================== */

#wBlockMain #wBlockContent #wBlockContentInner .elementText {
	padding: 0 15px 15px 0;
	font-family: Arial, Helvetica, Verdana;
	line-height: 18px;
	font-size: 13px;
}
#wBlockMain #wBlockContent #wBlockContentInner .right {
	width: 481px;
	float: left;
}
#wBlockMain #wBlockContent #wBlockContentInner .startseite {
	width: 384px;
	float: left;
}
#wBlockMain #wBlockContent #wBlockContentInner .fragmentPictureFloatLeft {
	float: left;
	padding: 0 15px 4px 0;	
}

#wBlockMain #wBlockContent #wBlockContentInner .elementStandard {
	padding: 0 0px 10px 0;
	line-height: 18px;
	font-size: 13px;
}
#wBlockMain #wBlockContent #wBlockContentInner .width645 {
	width: 645px;
}
#wBlockMain #wBlockContent #wBlockContentInner .elementFlash {
	float: left;
	padding: 0 20px 10px 0;
}

/* ===============================
   = Form Elements
=============================== */

form#wFormular {	margin: 30px 0 0 0px;	width: 645px;	font-family: Arial, Helvetica, Verdana;	font-size: 13px;}
form#wFormular fieldset {	border: none;	margin: 0;	padding: 0;}
form#wFormular fieldset ol {	list-style: none;	margin: 0;	padding: 0;	border: none;}
form#wFormular fieldset ol li {	margin: 0 0 5px 0;}
form#wFormular fieldset ol li.Anrede {	padding: 0 0 0 130px;}
form#wFormular fieldset ol li.C {	margin: 25px 0 30px 0px;}
form#wFormular fieldset ol li label {	float: left;	width: 130px;}
.wFormWeiterempfehlen form#wFormular fieldset ol li label {	float: left;	width: 160px;}
form#wFormular fieldset ol li label.radio {	float: none;}
form#wFormular fieldset ol li label.captcha {	width: 400px;	margin: 0 0 5px 129px;}
.wFormWeiterempfehlen form#wFormular fieldset ol li label.captcha {	width: 400px;	margin: 0 0 5px 160px;}
form#wFormular fieldset ol li img.captchaImg {	margin: 0 0 5px 130px;}
.wFormWeiterempfehlen form#wFormular fieldset ol li img.captchaImg {	margin: 0 0 5px 160px;}
form#wFormular fieldset ol li input.captcha {	margin: 0 0 0 130px;	width: 138px;}
.wFormWeiterempfehlen form#wFormular fieldset ol li input.captcha {	margin: 0 0 0 160px;	width: 138px;}
form#wFormular fieldset ol li input.button {	width: 150px;}
form#wFormular fieldset ol li span.button {	margin: 0 0 0 130px;}
.wFormWeiterempfehlen form#wFormular fieldset ol li span.button {	margin: 0 0 0 160px;}
form#wFormular fieldset ol li input {	width: 300px;	border: 1px solid #908f94;}
form#wFormular fieldset ol li.Error input {	width: 300px;	border: 1px solid #ff7307;}
form#wFormular fieldset ol li textarea {	width: 300px;	height: 150px;	border: 1px solid #908f94;}
 form#wFormular fieldset ol li select {	border: 1px solid #908f94;}
form#wFormular fieldset ol li span.wError {	margin: 0 0 0 129px;	color: #ff7307;}
form#wFormular fieldset ol li span.wError {	margin: 0 0 0 130px;	color: #ff7307;}
.wFormWeiterempfehlen form#wFormular fieldset ol li span.wError  {margin-left: 160px;}
form#wFormular fieldset ol li label.wError,
form#wFormular fieldset ol li.Error label { color: #ff7307;}

dl.sideData {font-size: 12px;}

dl dt {font-weight: bold;}
dl,
dl dt,
dl dd {margin: 0; padding: 0;}

dl dd {margin: 0 0 10px 0;}

/* = Kunden = */

#wBlockMain #wBlockContent #wBlockContentInner .kundenBox {
	position: relative;
	width: 872px;
	overflow: hidden;
	margin: 0 0 30px 0;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox h1 {
	margin: 0 0 3px 0;
}

#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenLogo {
	text-align: center;
	width: 375px;
	float: left;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenURL {
	position: absolute;
	float: left;
	text-align: left;
	width: 497px;
	bottom: 0;
	left: 375px;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenURL h1.kundenname {
	border-bottom: 1px solid #908f94;
	display: block;
	text-decoration: none;
	color: #787878;
	font-size: 13px;
	font-weight: bold;
	width: 497px;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenURL a {
	border-bottom: 1px solid #908f94;
	display: block;
	text-decoration: none;
	color: #787878;
	font-size: 13px;
	font-weight: bold;
	width: 497px;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenURL a:visited {
	border-bottom: 1px solid #908f94;
	display: block;
	text-decoration: none;
	color: #787878;
	font-size: 13px;
	font-weight: bold;
	width: 497px;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .kundenURL a:hover {
	color: #ff7307;
}
#wBlockMain #wBlockContent #wBlockContentInner .kundenBox .minHeight {
	height: 75px;
}

/* = Projekte = */

.elementStandard .projektBox {	margin: 0 0 30px 0;}
.elementStandard .projektBox .imageXL {	float: left;	width: 375px;}
.elementStandard .projektBox .images {	float: left;	width: 497px;	margin: 0;}
.elementStandard .projektBox .images h1 {	font-size: 15px;	margin: 0; text-transform: none;}
.elementStandard .projektBox .images h2 {	font-size: 15px;	border-bottom: 1px solid #908f94;	margin: 0 0 10px 0;	padding: 0 0 7px 0;}
.elementStandard .projektBox .images img.image1 {	margin: 0 12px 0 0;}
.elementStandard .projektBox .images img.image2 {	margin: 7px 0 0 0;}
#wBlockMain #wBlockContent #wBlockContentInner .elementPicture {	float: left;	padding: 0 35px 10px 0;}

/* = Pinwand = */
.pinwandLeft {
	width: 313px;
	float: left;
	margin: -60px 0 0 0;
}
.pinwandLeft a {
	color: #787878;
	text-decoration: none;
}
.pinwandLeft a:hover {
	color: #ff7307;
}
.pinwandLeft h2,
.pinwandRight h2 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
.pinwandLeft .inner, 
.pinwandRight .inner {
	position: absolute;
	font-size: 13px;
	line-height: 17px
}

.pinwandLeft .L1 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_03.jpg) top left no-repeat;
	width: 313px;
	height: 297px;
	float: left;
}
.pinwandLeft .L1 .inner {
	width: 205px;
	height: 200px;
	top: 71px;
	left: 82px;
}
.pinwandLeft .L2 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_08.jpg) top left no-repeat;
	width: 313px;
	height: 169px;
	float: left;
}
.pinwandLeft .L2 .inner {
	width: 205px;
	height: 75px;
	top: 68px;
	left: 68px;
	color: #fff;
}
.pinwandLeft .L2 .inner a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.pinwandLeft .L2 .inner a:hover {
	color: #ff7307;
}
.pinwandLeft .L3 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_09.jpg) top left no-repeat;
	width: 313px;
	height: 249px;
	float: left;
}
.pinwandLeft .L4 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_11.jpg) top left no-repeat;
	width: 313px;
	height: 499px;
	float: left;
}
.pinwandLeft .L4 .inner {
	width: 205px;
	height: 400px;
	top: 75px;
	left: 63px;
}

.pinwandRight {
	width: 313px;
	float: left;
	margin: -60px 0 0 0;
}
.pinwandRight .R1 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_04.jpg) top left no-repeat;
	width: 330px;
	height: 159px;
	float: left;
}
.pinwandRight .R1 .inner {
	width: 205px;
	height: 75px;
	top: 60px;
	left: 60px;
	color: #fff;
}
.pinwandRight .R1 .inner a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.pinwandRight .R1 .inner a:hover {
	color: #ff7307;
}
.pinwandRight .R2 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_06.jpg) top left no-repeat;
	width: 330px;
	height: 66px;
	float: left;
}
.pinwandRight .R3 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_07.jpg) top left no-repeat;
	width: 330px;
	height: 323px;
	float: left;
}
.pinwandRight .R3 .inner {
	width: 220px;
	height: 230px;
	top: 40px;
	left: 10px;
	font-size: 15px;
	color: #4d5095;
	line-height: 18px;
}
.pinwandRight .R3 h2 {
	margin: 0 0 15px 0;
}
.pinwandRight .R3 .inner span.small {
	font-size: 13px;
}
.pinwandRight .R4 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_10.jpg) top left no-repeat;
	width: 330px;
	height: 298px;
	float: left;
}
.pinwandRight .R4 .inner {
	width: 220px;
	height: 200px;
	top: 29px;
	left: 3px;
	font-size: 15px;
	color: #4d5095;
	line-height: 18px;
}
.pinwandRight .R5 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_12.jpg) top left no-repeat;
	width: 330px;
	height: 122px;
	float: left;
}
.pinwandRight .R6 {
	position: relative;
	background: url(/werbeagentur/wLayout/design/img/backgrounds/pinwand_13.jpg) top left no-repeat;
	width: 330px;
	height: 256px;
	float: left;
}
.pinwandRight .R6 .inner {
	width: 205px;
	height: 200px;
	top: 0px;
	left: 85px;
}

/* = Sitemap = */

.sitemap ul#sitemap {
	font-family:Arial,Helvetica,Verdana;
	font-size: 13px;
	line-height: 18px;
}
.sitemap ul#sitemap a {
	color: #787878;
	text-decoration: none;
}
.sitemap ul#sitemap a:hover {
	color: #ff7307;
	text-decoration: none;
}
.sitemap ul#sitemap li.level1 {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.sitemap ul#sitemap ul.level2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	font-weight: normal;
}


/* ===============================
   = Footer
=============================== */

#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation {
	width: 872px;
	height: 20px;
	margin: 30px 0 0 -4px;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul li {
	float: left;
	background: url(/werbeagentur/wLayout/design/img/meta-menu_trenner.gif) bottom right no-repeat;
	padding: 0 10px 0 4px;
	height: 12px;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul li.last {
	float: left;
	background: none;
	padding: 0 10px 0 4px;
	height: 13px;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul li a {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul li a:visited {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #908f94;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .elementFooterNavigation ul li a:hover {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	text-decoration: none;
	color: #ff7307;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .address {
	width: 872px;
	height: 25px;
	border-top: 1px solid #908f94;
	border-bottom: 1px solid #908f94;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .address ul {
	list-style: none;
	padding: 0;
	margin: 1px 0 0 -4px;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .address ul li {
	float: left;
	background: url(/werbeagentur/wLayout/design/img/meta-menu_trenner.gif) bottom right no-repeat;
	padding: 4px 10px 0 4px;
	height: 12px;
}
#wBlockMain #wBlockBottom #wBlockBottomInner .address ul li.last {
	float: left;
	background: none;
	padding: 4px 10px 0 4px;
	height: 12px;
}

#wBlockMain #wBlockContent #wBlockContentInner form#wFormular fieldset ol li span.button input,
span.button * {
	background: none;
	border: 0;
	font: inherit;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CE6521;
	text-align: left;
	padding: 0;
}

/* ===============================
   = Search
=============================== */

.elementSearchInput {font: inherit;}
.elementSearchButton {
	background: none;
	border: 0;
	font: inherit;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CE6521;
}

.searchResult a {color: #908f94; font-weight: bold; text-decoration: none;}
.searchResult a:hover {color: #CE6521;}

div.form form,
div.form fieldset {border: 0; margin: 0; padding: 0;}

.searchResultList,
.searchResultList li {list-style: none; margin: 0; padding: 0; clear: both;}
.searchResultList li.listValue {border-bottom: 1px solid #908F94;}
.searchResultList li.listValue h1 {font-size: 14px;}

p.FILEURL {display: none;}

.searchStatistic {border-bottom: 1px solid #908F94; margin-bottom: 20px;}
.searchResult {border-top: 1px solid #908F94; margin-top: 20px;}

.searchNavi { text-align: center;}
.searchNavi * {display: inline;}