@charset "utf-8";
/* CSS Document 
// Company: Webweisend Media GmbH
Inhalt:
1. Basics (Global Classes, Clearfix, Global Tags...)
2. Header (Branding, Claim, Kundenlogin)
3. Navi
---3.1 Subnavi
4. Content
---4.1 Newsteaser
---4.2 Headlines
---4.3 Columns
---4.4 Productteaser
---4.5 sidebar-navi
---4.6  content-index
---4.7 Leistungsicons / Jobicons
---4.8 content-jobs
---4.9 sitemap
---4.10 Content Referenzseiten
---4.11 Content News
---4.12 Erfahrungsberichtsteaser
---4.13 Kundenlogin
---4.14 Downloads
---4.15 Partner
5. Footer
6. Formulare

/*
/*----------------------------------------------------
// ----> 1. Basics
/----------------------------------------------------*/

* {margin:0;padding:0;}

body {	
	font:62.5% "Trebuchet MS", Arial, Verdana, sans-serif;
	background:#f6efe1 url(../images/bg-body.gif) 0 0 repeat-x;
	color:#444;}
	
/* Clearfix */

.clear:after {
	content:".";
/*	display:block;*/
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

.clear {display: inline-block;}

html[xmlns].clear {display: block;}

* html .clear {height: 1%;}

.clearStrict {float:none; clear:both;}


a:link {color:#4a8ca6; text-decoration:none; border-bottom:1px dashed #4a8ca6; overflow:hidden;}

a:visited {color:#2a6a83; text-decoration:none; border-bottom:1px dashed #2a6a83; overflow:hidden;}

a:hover {color:#a87827; text-decoration:none; border-bottom:1px dashed #a87827; overflow:hidden;}

a:active {color:#ffc807; text-decoration:none; border-bottom:1px solid #ffc807; overflow:hidden;}

div.hr {
	clear:both;
	float:none;
	height:11px;
	padding: 0 0 1.5em 0;
	width:100%;	background:url(../images/bg_hr.gif) 10px 0 no-repeat;}

#accessibility {display:none !important;}

#seite {margin: 0 auto; width:960px;}

p.youtube {height:1px !important; width:1px !important; position:absolute; top:165px; left:0;}


/*----------------------------------------------------
// ----> 2. Header
/----------------------------------------------------*/

#header {
	height:148px;
	position:relative;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;}
	
	h1 {
		width:380px;
		position:absolute;
		top:38px;
		height:103px;
		left:53px;
		background:url(../images/webweisend-branding.png) 0 0 no-repeat;}
		
		h1 a {
			display:block;
			height:103px;
			left:50px;
			border:none !important;
			text-indent:-999em;
			overflow:auto;}
		
	#header blockquote {
		height:100px;
		width:288px;
		position:absolute;
		top:49px;
		left:492px;
		text-indent:-999em;
		background: url(../images/webweisend-claim-blog.png) 0 0 no-repeat;}
		
	#header blockquote a {display:block; height:90px; border:none; overflow:auto;}
		
	#header a.kundenlogin:link, #header a.kundenlogin:visited {
		display:block;
		width:100px;
		height:31px;
		background:url(../images/bt-kundenlogin.gif) 0 0 no-repeat;
		border:none;
		text-indent:-999em;
		overflow:auto;
		position:absolute;
		top:0;
		right:70px;}
	
	#header a.kundenlogin:hover {background-position: -100px 0;} 
	
	#header a.kundenlogin:active {background-position: -200px 0;}
	
/*----------------------------------------------------
// ----> 3. Navi
/----------------------------------------------------*/

	ul.navi {
		height:106px;
		list-style-type:none;
		background: url(../images/bg-navi.gif) 0 0 no-repeat;
		padding: 11px 60px 0 60px;}
		
		ul.navi li {
			float:left;}
			
		ul.navi a:link, ul.navi a:visited {
			display:block;
			width:120px;
			border:none;
			color:#888;
			cursor:pointer;}
		
		ul.navi a:hover{} 
		
		ul.navi a:active {}
		
			ul.navi a:link span, ul.navi a:visited span {
				padding:2px 10px 12px 10px;
				line-height:1.2em;
				font-size:1.1em;
				letter-spacing:0.05em;
				height:26px;
				width:100px;
				display:block;}
				
			ul.navi a:hover span {
				color:#444;}
				
			ul.navi a:active span {
				color:#444;
				padding:3px 9px 12px 9px;
				border:1px solid #888;
				border-top:none;}
			
			ul.navi a:link strong, ul.navi a:visited strong {
				font:1.4em Georgia, "Times New Roman", Times, serif;
				border-bottom: 1px solid #d6c278;
				margin:0 10px;
				padding:2px 0;
				width:100px;
				display:block;
				color:#444;}
				
			ul.navi a:hover strong {
				margin:0;
				padding:2px 10px;
				border-bottom: 1px solid #b59622;
				background:#b59622;
				color:#fff;}
				
			ul.navi a:active strong {
				margin:0;
				padding:1px 8px;
				border: 2px solid #797615;
				border-bottom-width:1px;
				background:#B2AF40;
				color:#fff;}
		
/*----> 3.1 Sub-Navi*/

	ul.navi ol {position:absolute; left:-999em; list-style-position:inside; background:#fff url(../images/bg-subnavi-ul.gif) right 0 no-repeat; width:240px; border:1px solid #E1E1E1; border-top:none; font-size:1.1em; line-height:1.2em; letter-spacing:0.05em; z-index:5;}
	
	ul.navi li:hover ol {
		left:auto;
		background: #fff url(../images/bg-subnavi-ul.gif) right 0 no-repeat;}
		
		ul.navi ol li {
			float:left;
			width:100px;
			padding:0 10px 0.5em 10px;}
			
		ul.navi ol a:link, ul.navi ol a:visited {
			display:block;
			width:100px;
			border:none;
			color:#888;
			border-bottom:1px dashed #fff;}
		
		ul.navi ol a:hover{
			color:#000;
			border-bottom:1px dashed #444;
			background:#eee;} 
		
		ul.navi ol a:active {}
	
/*----------------------------------------------------
// ----> 4. Content
/----------------------------------------------------*/

#content-container {
	background: url(../images/bg-content.gif) 0 0 repeat-y;
	width:850px;
	padding: 0 0 0 60px;}

	
/*----> 4.1 Newsteaser*/

#content-newsteaser {
	float:right;
	width:250px;}
	
	#content-newsteaser dl {width:250px; font:1.1em/1.6em Georgia, "Times New Roman", Times, serif;}
	
	#content-newsteaser dt {
		padding:2em 30px 0.5em 10px;
		text-transform:uppercase;
		letter-spacing:0.025em;}
		
	#content-newsteaser dd {
		padding:0 30px 1em 10px;
		color:#888;}
		
		#content-newsteaser dd p.date {
			width:50px;
			height:50px;
			float:left;
			margin: 0 0 0 -10px;
			font: 1.09em "Trebuchet MS", Arial, Verdana, sans-serif;
			background: url(../images/icon-kalender.gif) 8px 0 no-repeat;
		text-align:center;
		font-weight:bold;
		color:#888;}
		
		#content-newsteaser dd p.date span.date {
			padding:20px 0 0 0;
			display:block;
			font-size:0.82em;
			line-height:0.5em;
			text-transform: uppercase;
			font-weight:normal;}
			
		#content-newsteaser a.weiterlesen:link, #content-newsteaser a.weiterlesen:visited {padding: 0 0 0 16px; background: url(../images/icon-links.gif) 0 0 no-repeat;}
		
		#content-newsteaser a.weiterlesen:hover {background-position:0 -20px;}
		
		#content-newsteaser a.weiterlesen:active {background-position:0 -60px;}
		
/*----> 4.1.1 Erfahrungsberichtsteaser*/

#content-erfahrungsberichtsteaser h4 {padding: 1.5px 0 0 10px;}


#content-erfahrungsberichtsteaser {
	float:right;
	width:250px;}
	
	#content-erfahrungsberichtsteaser p {
		padding: 0 0 1.5em 0;}
	
	#content-erfahrungsberichtsteaser dl {width:250px; font:1.1em/1.6em Georgia, "Times New Roman", Times, serif;}
	
	#content-erfahrungsberichtsteaser dt {
		padding:2em 30px 0.5em 10px;
		text-transform:uppercase;
		letter-spacing:0.025em;}
		
	#content-erfahrungsberichtsteaser dd {
		padding:0 30px 1em 10px;
		color:#888;}
		
		#content-erfahrungsberichtsteaser dd p.bild {
			width:50px;
			height:71px;
			float:left;
			border:1px solid #E0D9C7;
			padding:3px;
			background:#F6F0E2;
			margin: 3px 5px 0 0;}
		

			
		#content-erfahrungsberichtsteaser a.weiterlesen:link, #content-erfahrungsberichtsteaser a.weiterlesen:visited {padding: 0 0 0 16px; background: url(../images/icon-links.gif) 0 0 no-repeat;}
		
		#content-erfahrungsberichtsteaser a.weiterlesen:hover {background-position:0 -20px;}
		
		#content-erfahrungsberichtsteaser a.weiterlesen:active {background-position:0 -60px;}
		
		#content-slideshow img{border: 0;}
		
	
/*----> 4.2 Headlines*/

h2, h3 {width:580px; float:left; padding: 0 0 0.2em 10px;}
h2 {font:2.4em Georgia, "Times New Roman", Times, serif; color:#b59622; letter-spacing:0.025em;}
h3 {font-size:1.4em; letter-spacing:0.025em;}
h4 {font:1.8em/1.5em Georgia, "Times New Roman", Times, serif; color:#666;}
h4.message {font:1.8em/1.5em Georgia, "Times New Roman", Times, serif; color:#666; padding:5px; border:3px solid #ccc; margin:1em 0;}
h5 {font-size:1.5em; line-height:1.5em; color:#B59622; padding: 0 0 .5em 0;}
h6 {font:1.5em/1.5em Georgia, "Times New Roman", Times, serif; color:#B59622;}

/*----> 4.3 Columns*/

div.content-column2 {float:left; width:100px; padding:1.5em 10px 1.5em 10px;}

div.content-column3 {float:left; width:160px; padding:1.5em 10px 1.5em 10px;}

div.content-column4 {float:left; width:220px; padding:1.5em 10px 1.5em 10px;}

div.content-column5 {float:left; width:270px; padding:1.5em 10px 1.5em 10px;}

div.content-column7 {float:left; width:400px; padding:1.5em 10px 1.5em 10px;}
	
div.content-column8 {float:left; width:460px; padding:1.5em 10px 1.5em 10px;}

div.content-column9 {float:left; width:540px; padding:1.5em 10px 1.5em 10px;}

div.content-column10 {width:580px; padding:1.5em 10px; float:none; clear:both;}



div.content-column5 p, div.content-column5 ul, div.content-column9 ul, div.content-column8 p, div.content-column8 ul, div.content-column4 p, div.content-column7 p, div.content-column10 p, div.content-column9 p{
	font-size:1.3em;
	line-height:1.54em;
	letter-spacing:0.02em;
	padding: 0 0 1.5em 0;}
	
 div.content-column5 ul, div.content-column8 ul,  div.content-column9 ul {
	list-style-type:none;}
	
body#index div.content-column9 ul.index {width:260px; float:left; padding:7px 0 0 0;}
	
 div.content-column5 ul li, div.content-column8 ul li, div.content-column9 ul li {
 	display:inline-block;
 	background:#F0EFD1 url(../images/required.png) 3px 7px no-repeat;
	font-size:0.85em;
	letter-spacing:0.05em;
	text-transform:uppercase;
	padding:2px 10px 2px 25px;
	border:1px solid #BBBAA4;
	margin: 0 0 3px 0;}

div.content-column8 ul li {	
	width:380px;
	font-size:1em;
	text-transform:none;
	letter-spacing:0.025em;}
div.content-column4 iframe, #map_canvas {
	width:218px;
	height:290px;
	border:0;
	overflow:hidden;
	margin:0;
	border: 1px solid #BBBAA4;}

div.content-column5 dl, div.content-column7 dl {
font-size:1.3em;
	line-height:1.54em;
	letter-spacing:0.025em;
	padding: 0 0 1.5em 0;}
	
	div.content-column5 dt, div.content-column7 dt {
		float:left;
		width:70px;}
		
		div.content-column5 dd, div.content-column7dd {
			display:block;}
			
div.content-column7 dl.vorteile {
font-size:1em;
width:400px;
	line-height:1.54em;
	letter-spacing:0.025em;
	padding: 0 0 1.5em 0;}
	
	div.content-column7 dl.vorteile dt {
		float:left;
		width:64px;
		height:54px;
		text-indent:-999em;}
		
		div.content-column7 dl.vorteile dt.bedarfsanalyse {background: url(../images/icon-vorteil.gif) 0 0 no-repeat;}
		div.content-column7 dl.vorteile dt.konzepterstellung {background: url(../images/icon-vorteil.gif) 0 -54px no-repeat;}
		div.content-column7 dl.vorteile dt.recherche {background: url(../images/icon-vorteil.gif) 0 -108px no-repeat;}
		div.content-column7 dl.vorteile dt.gestaltung {background: url(../images/icon-vorteil.gif) 0 -162px no-repeat;}
		div.content-column7 dl.vorteile dt.hosting {background: url(../images/icon-vorteil.gif) 0 -216px no-repeat;}
		div.content-column7 dl.vorteile dt.aktualisierung {background: url(../images/icon-vorteil.gif) 0 -270px no-repeat;}
		div.content-column7 dl.vorteile dt.suchmaschinenoptimierung {background: url(../images/icon-vorteil.gif) 0 -324px no-repeat;}
		div.content-column7 dl.vorteile dt.sicherheit {background: url(../images/icon-vorteil.gif) 0 -378px no-repeat;}
		div.content-column7 dl.vorteile dt.verwaltung {background: url(../images/icon-vorteil.gif) 0 -432px no-repeat;}
		div.content-column7 dl.vorteile dt.betreuung {background: url(../images/icon-vorteil.gif) 0 -486px no-repeat;}
		
		div.content-column7 dl.vorteile dd {
			display:block;
			width:400px;}
			
		div.content-column2 p.date {
			width:50px;
			height:50px;
			padding:0;
			margin:0;
			float:right;
			font: 1.09em "Trebuchet MS", Arial, Verdana, sans-serif;
			background: url(../images/icon-kalender.gif) 8px 0 no-repeat;
		text-align:center;
		font-weight:bold;
		color:#888;}
		
		div.content-column2 p.date span.date {
			padding:20px 0 0 0;
			display:block;
			font-size:0.82em;
			line-height:0.5em;
			text-transform: uppercase;
			font-weight:normal;}

	
/*----> 4.4 Productteaser*/

#content-productteaser {
	width:600px;}

div.content-productteaser {
	width:200px;
	float:left;
	background: url(../images/bg-productteaser.gif) 0 0 no-repeat;
	height:200px;
	position:relative;}
	
	div.content-productteaser p {
		padding: 65px 30px 0 30px;
		letter-spacing:0.025em;
		font-size:1.1em;
		line-height:1.56em;}
		
	div.cms p {background:url(../images/bg-productteaser-header.gif) -200px 0 no-repeat;}
	
	div.unternehmensvideo p {background:url(../images/bg-productteaser-header.gif) -400px 0 no-repeat;}
	
	div.newsletter p {background:url(../images/bg-productteaser-header.gif) 0 0 no-repeat;}
	
	div.shop p {background:url(../images/bg-productteaser-header.gif) -600px 0 no-repeat;}
	
	div.barrierefreies-webdesign p {background:url(../images/bg-productteaser-header.gif) -800px 0 no-repeat;}
	
	div.suchmaschinenoptimierung p {background:url(../images/bg-productteaser-header.gif) -1000px 0 no-repeat;}
	
div.content-productteaser a.weiterlesen:link, div.content-productteaser a.weiterlesen:visited {
	color:#fff;
	border-bottom:none;
	position:absolute;
	top:159px;
	right:13px;}

div.content-productteaser a.weiterlesen:hover {
	color:#c6d782;}

div.content-productteaser a.weiterlesen:active {
	color:#ffc807;}
	
/*----> 4.5  sidebar-navi */

ul.sidebar-navi {
	float:right;
	width:250px;
	list-style-type:none;
	padding: 69px 0 0 0;}
	

	ul.sidebar-navi  li {
		width:220px;
		border-bottom:3px solid #fff;}
		
		ul.sidebar-navi a:link, ul.sidebar-navi a:visited {
			font:1.4em Georgia, "Times New Roman", Times, serif;
			padding:2px 10px;
			color:#444;
			border-bottom:1px solid #d6c278;
			width:200px;
			display:block;}
		
		ul.sidebar-navi a:hover {
				border-bottom: 1px solid #b59622;
				background:#b59622 url(../images/icon-navi2-active.gif) 7px 6px no-repeat;
				padding:2px 10px 2px 20px;
				width:190px;
				color:#fff;}
		
		ul.sidebar-navi a:active {
			padding:2px 10px;
			background-image:none;}
			
/*----> ----> 4.5.1 sidebar-navi Aktivzustände */

	body#leistungen-cms ul.sidebar-navi a.cms:link, body#leistungen-cms ul.sidebar-navi a.cms:visited,
	body#leistungen-newsletter ul.sidebar-navi a.newsletter:link, body#leistungen-newsletter ul.sidebar-navi a.newsletter:visited,
	body#leistungen-shop ul.sidebar-navi a.shop:link, body#leistungen-shop ul.sidebar-navi a.shop:visited,
	body#leistungen-gaestebuch ul.sidebar-navi a.gaestebuch:link, body#leistungen-gaestebuch ul.sidebar-navi a.gaestebuch:visited,
	body#leistungen-virtueller-rundgang ul.sidebar-navi a.virtueller-rundgang:link, body#leistungen-virtueller-rundgang ul.sidebar-navi a.virtueller-rundgang:visited,
	body#leistungen-unternehmensvideo ul.sidebar-navi a.unternehmensvideo:link, body#leistungen-unternehmensvideo ul.sidebar-navi a.unternehmensvideo:visited,
	body#leistungen-suchmaschinenoptimierung ul.sidebar-navi a.suchmaschinenoptimierung:link, body#leistungen-suchmaschinenoptimierung ul.sidebar-navi a.suchmaschinenoptimierung:visited,
	body#leistungen-barrierefreies-webdesign ul.sidebar-navi a.barrierefreies-webdesign:link, body#leistungen-barrierefreies-webdesign ul.sidebar-navi a.barrierefreies-webdesign:visited,
	body#leistungen-grafikdesign ul.sidebar-navi a.grafikdesign:link, body#leistungen-grafikdesign ul.sidebar-navi a.grafikdesign:visited,
	
	body#referenzen-seefeldt ul.sidebar-navi a.seefeldt:link, body#referenzen-seefeldt ul.sidebar-navi a.seefeldt:visited,
	body#referenzen-gordon-bros ul.sidebar-navi a.gordon-bros:link, body#referenzen-gordon-bros ul.sidebar-navi a.gordon-bros:visited,
	body#referenzen-karola-endt ul.sidebar-navi a.karola-endt:link, body#referenzen-karola-endt ul.sidebar-navi a.karola-endt:visited,
	body#referenzen-big-balloon ul.sidebar-navi a.big-balloon:link, body#referenzen-big-balloon ul.sidebar-navi a.big-balloon:visited,
	body#referenzen-siehr ul.sidebar-navi a.siehr:link, body#referenzen-siehr ul.sidebar-navi a.siehr:visited,
	body#referenzen-scheuvens ul.sidebar-navi a.scheuvens:link, body#referenzen-scheuvens ul.sidebar-navi a.scheuvens:visited,
	body#referenzen-modellbau ul.sidebar-navi a.modellbau:link, body#referenzen-modellbau ul.sidebar-navi a.modellbau:visited,
	body#referenzen-noblewerte ul.sidebar-navi a.noblewerte:link, body#referenzen-noblewerte ul.sidebar-navi a.noblewerte:visited,
	body#referenzen-scottys ul.sidebar-navi a.scottys:link, body#referenzen-scottys ul.sidebar-navi a.scottys:visited,
	body#referenzen-sabine-lisicki ul.sidebar-navi a.sabine-lisicki:link, body#referenzen-sabine-lisicki ul.sidebar-navi a.sabine-lisicki:visited,

	body#erfahrungsberichte-sebastian ul.sidebar-navi a.sebastian:link, body#erfahrungsberichte-sebastian ul.sidebar-navi a.sebastian:visited,
	body#erfahrungsberichte-steffi ul.sidebar-navi a.steffi:link, body#erfahrungsberichte-steffi ul.sidebar-navi a.steffi:visited{
				border-bottom: 1px solid #b59622;
				background:#b59622 url(../images/icon-navi2-active.gif) 7px 6px no-repeat;
				padding:2px 10px 2px 20px;
				width:190px;
				color:#fff;}
				
/*----> 4.6  content-index */
#content-index {
	height:312px;
	position:relative;
	background: url(../images/bg-content-index.gif) 0 0 no-repeat;}
	
	#content-index ul {
		position:absolute;
		left:50px;
		top:83px;
		width:240px;
		text-indent:-999em;
		list-style:none;}
		
		#content-index li.shop {width:96px; height:38px; float:left;}
		#content-index li.barrierefreies-webdesign {width:96px; height:42px; float:left;}
		#content-index li.cms {width:96px; height:46px; float:left;}
		#content-index li.suchmaschinenoptimierung {width:144px; height:38px; float:right;}
		#content-index li.newsletter {width:144px; height:42px; float:right;}
		#content-index li.unternehmensvideo {width:144px; height:46px; float:right;}
		
		#content-index li a {border:0 !important; overflow:auto;}
		#content-index li.shop a {width:96px; height:38px; display:block;}
		#content-index li.barrierefreies-webdesign a {width:96px; height:42px; display:block;}
		#content-index li.cms a {width:96px; height:46px; display:block;}
		#content-index li.suchmaschinenoptimierung a {width:144px; height:38px; display:block;}
		#content-index li.newsletter a {width:144px; height:42px; display:block;}
		#content-index li.unternehmensvideo a {width:144px; height:46px; display:block;}
		
		
		
	#content-index #content-slideshow {
		width:399px;
		height:196px;
		position:absolute;
		left:524px;
		top:13px;
		z-index:10;}
		
	#content-index #video-teaser {
		height:94px;
		width:130px;
		position:absolute;
		left:830px;
		top:0;
		z-index:20;}
		
		#content-index #video-teaser a:link, #content-index #video-teaser a:visited {
				display:block;
				height:94px;
				width:130px;
				background:url(../images/slideshow/bg-video-teaser.jpg) 0 0 no-repeat;
				text-indent:-999em;
				overflow:auto;
				border:0;}
		#content-index #video-teaser a:hover {background-position: -130px 0;}
		#content-index #video-teaser a:active {background-position: -260px 0;}
		
		/*======== VIDEO TEASER I-Phone =============*/
		
		#content-index #video-teaser-iphone {
		height:94px;
		width:130px;
		position:absolute;
		left:430px;
		top:0;
		z-index:20;}
		
		#content-index #video-teaser-iphone a:link, #content-index #video-teaser-iphone a:visited {
				display:block;
				height:94px;
				width:130px;
				background:url(../images/slideshow/bg-video-teaser.jpg) 0 0 no-repeat;
				text-indent:-999em;
				overflow:auto;
				border:0;}
		#content-index #video-teaser-iphone a:hover {background-position: -130px 0;}
		#content-index #video-teaser-iphone a:active {background-position: -260px 0;}
		
		
		
		
		
		
		
		
		/*======== VIDEO TEASER I-Phone Ende =============*/
	
		#movie {position:absolute; z-index:5;}
	
/*----> 4.7 Leistungsicons / Jobicons / Erfahrungsberichtsfotos */
	
	body#leistungen-barrierefreies-webdesign div.content-column2{background:url(../images/icon-leistungen.gif) -360px 20px no-repeat; height:120px;}	
	body#leistungen-cms div.content-column2{background:url(../images/icon-leistungen.gif) -120px 20px no-repeat; height:120px;}
	body#leistungen-newsletter div.content-column2{background:url(../images/icon-leistungen.gif) 0 20px no-repeat; height:120px;}
	body#newslettertest div.content-column2{background:url(../images/icon-leistungen.gif) 0 20px no-repeat; height:120px;}
	body#newsletter_success div.content-column2{background:url(../images/icon-leistungen.gif) 0 20px no-repeat; height:120px;}
	body#newsletter_out div.content-column2{background:url(../images/icon-leistungen.gif) 0 20px no-repeat; height:120px;}			
	body#leistungen-shop div.content-column2{background:url(../images/icon-leistungen.gif) -600px 20px no-repeat; height:120px;}	
	body#leistungen-suchmaschinenoptimierung div.content-column2{background:url(../images/icon-leistungen.gif) -480px 20px no-repeat; height:120px;}	
	body#leistungen-unternehmensvideo div.content-column2{background:url(../images/icon-leistungen.gif) -240px 20px no-repeat; height:120px;}
	
		
	body#erfahrungsberichte-sebastian div.content-column2{background:url(http://www.webweisend-jobs.de/images/sebastian-ix.jpg) 10px 20px no-repeat; height:120px;}
	body#erfahrungsberichte-steffi div.content-column2{background:url(http://www.webweisend-jobs.de/images/steffi.jpg) 10px 20px no-repeat; height:120px;}		
	
	
	
/*----> 4.8 content-jobs*/

/*siehe style-jobs.css unter webweisend-jobs.de*/
	
/*----> 4.9 sitemap*/

	body#sitemap div.content-column8 ul.navi {
		height:auto;
		list-style-type:none;
		background: none;
		padding: 0;}
		
		body#sitemap div.content-column8 ul.navi li {
			float:none;
			background:none;
			border:0;
			padding: 0 0 1em 0;}
			
		body#sitemap div.content-column8 ul.navi a:link, body#sitemap div.content-column8 ul.navi a:visited {
			display:block;
			width:250px;
			border:none;
			color:#888;
			cursor:pointer;}
		
		body#sitemap div.content-column8 ul.navi a:hover{} 
		
		body#sitemap div.content-column8 ul.navi a:active {}
		
			body#sitemap div.content-column8 ul.navi a:link span, body#sitemap div.content-column8 ul.navi a:visited span {
				padding:0;
				line-height:1em;
				font-size:1em;
				letter-spacing:0.05em;
				height:auto;
				width:auto;
				display:inline;}
				
			body#sitemap div.content-column8 ul.navi a:hover span {
				color:#444;}
				
			body#sitemap div.content-column8 ul.navi a:active span {
				color:#444;
				padding:0;
				border:0;
				border-top:none;}
			
			body#sitemap div.content-column8 ul.navi a:link strong, body#sitemap div.content-column8 ul.navi a:visited strong {
				font:1.2em Georgia, "Times New Roman", Times, serif;
				border-bottom: none;
				margin:0;
				padding:0;
				width:auto;
				display:inline;
				color:#444;}
				
			body#sitemap div.content-column8 ul.navi a:hover strong {
				margin:0;
				padding:0;
				border-bottom: 0;
				background:#b59622;
				color:#fff;}
				
			body#sitemap div.content-column8 ul.navi a:active strong {
				margin:0;
				padding:0;
				border: 0;
				border-bottom-width:0;
				background:#B2AF40;
				color:#fff;}
		
/*----> ----> 4.9.1 Sub-Navi */

	body#sitemap div.content-column8 ul.navi ol {position:relative; left:auto; list-style-position:inside; background:none; width:auto; border:none; border-top:none; font-size:1.1em; line-height:1.2em; letter-spacing:0.05em;}
	
	body#sitemap div.content-column8 ul.navi li:hover ol {
		left:auto;
		background: #fff;}
		
		body#sitemap div.content-column8 ul.navi ol li {
			float:none;
			clear:both;
			display:block;
			background: url(../images/required.png) 10px 4px no-repeat;
			width:200px;
			padding:0 0 0.5em 20px;}
			
		body#sitemap div.content-column8 ul.navi ol a:link, body#sitemap div.content-column8 ul.navi ol a:visited {
			display:block;
			width:200px;
			border:none;
			color:#888;
			padding: 0 0 0 15px;
			border-bottom:none;}
		
		body#sitemap div.content-column8 ul.navi ol a:hover{
			color:#000;
			border-bottom:none;
			background:none;} 
		
		body#sitemap div.content-column8 ul.navi ol a:active {}

/*----> 4.10 Content Referenzseiten */


body#referenzen-siehr div.content-column5 ul li, body#referenzen-modellbau div.content-column5 ul li, body#referenzen-scheuvens div.content-column5 ul li , body#referenzen-bauhuis div.content-column5 ul li , body#referenzen-blume div.content-column5 ul li , body#referenzen-wischerhoff div.content-column5 ul li ,{
 	background:#fff url(../images/required.png) 3px 7px no-repeat;
	font-size:0.85em;
	letter-spacing:0.05em;
	text-transform:uppercase;
	padding:2px 10px 2px 25px;
	border:none;
	margin: 0 0 3px 0;
	width:254px;}
	
body#referenzen-siehr div.content-column5 h3 , body#referenzen-modellbau div.content-column5 h3, body#referenzen-scheuvens div.content-column5 h3 , body#referenzen-bauhuis div.content-column5 h3 , body#referenzen-blume div.content-column5 h3 , body#referenzen-wischerhoff div.content-column5 h3 ,{
	width:280px;
	padding-left:0;}
	
div.content-column10 h3 {padding-left:0;}

div.content-column10 blockquote {
background:url(../images/referenzen/obenzeichen.gif) top left no-repeat;
width:370px;
padding: 0 30px 0 50px;
font:1.4em Georgia, "Times New Roman", Times, serif;
position:relative;
}


div.content-column10 blockquote p {
background:url(../images/referenzen/untenzeichen.gif) bottom right no-repeat;
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
width:370px;
letter-spacing:1px;
}



div.content-column10 p.autor {
font-family:"Trebuchet MS", Verdana, Georgia;
color:#b59622;
font-size:1.1em;
padding: 0 0 0 50px;
}

	
/*----> 4.11 Content News */


div.content-column8 blockquote {
background:url(../images/referenzen/obenzeichen.gif) top left no-repeat;
width:370px;
padding: 0 30px 0 50px;
font:1.4em Georgia, "Times New Roman", Times, serif;
position:relative;
}


div.content-column8 blockquote p {
background:url(../images/referenzen/untenzeichen.gif) bottom right no-repeat;
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
width:370px;
letter-spacing:1px;
}

/*----> 4.12 Erfahrungsberichtsteaser*/

#content-erfahrungsberichtsteaser {
	float:right;
	width:250px;}
	
	#content-erfahrungsberichtsteaser dl {width:250px; font:1.1em/1.6em Georgia, "Times New Roman", Times, serif;}
	
	#content-erfahrungsberichtsteaser dt {
		padding:2em 30px 0.5em 10px;
		text-transform:uppercase;
		letter-spacing:0.025em;}
		
	#content-erfahrungsberichtsteaser dd {
		padding:0 30px 1em 10px;
		color:#888;}

		#content-erfahrungsberichtsteaser a.weiterlesen:link, #content-erfahrungsberichtsteaser a.weiterlesen:visited {padding: 0 0 0 16px; background: url(../images/icon-links.gif) 0 0 no-repeat;}
		
		#content-erfahrungsberichtsteaser a.weiterlesen:hover {background-position:0 -20px;}
		
		#content-erfahrungsberichtsteaser a.weiterlesen:active {background-position:0 -60px;}
		
/*----> 4.13 Kundenlogin*/

body#kundenlogin-logedin p.cms {background:url(../images/kundenlogin/login.gif) -310px -95px no-repeat; height:95px; width:155px; padding:0; text-indent:-999em;}
body#kundenlogin-logedin p.counter {background:url(../images/kundenlogin/login.gif) -465px -95px no-repeat; height:95px; width:155px; padding:0; text-indent:-999em;}
body#kundenlogin-logedin p.shop {background:url(../images/kundenlogin/login.gif) -155px -95px no-repeat; height:95px; width:155px; padding:0; text-indent:-999em;}
body#kundenlogin-logedin p.newsletter{background:url(../images/kundenlogin/login.gif) 0 -95px no-repeat; height:95px; width:155px; padding:0; text-indent:-999em;}

a.abmelden:link, a.abmelden:visited {
	display:block;
	height:26px;
	width:91px;
	background:url(../images/kundenlogin/abmelden.gif) 0 0 no-repeat;
	text-indent:-999em;
	overflow:auto;
	border:0;
	float:right;}
a.abmelden:hover {background-position:-91px 0;}
a.abmelden:active {background-position:-182px 0;}

/*----> 4.14 Downloads*/

#content-downloads {
	float:right;
	width:250px;}
	
	#content-downloads dl {
		padding:10px 10px 1.5em 10px;
		border:1px solid #888;
		margin:2em 0;
		width:198px;
		position:relative;}
		
		#content-downloads dt.topic {
			font-size:1.4em;
			font-weight:bold;
			position:absolute;
			color:#B59622;
			top:-1em;
			float:none;
			background:#fff;
			padding:0 .5em;
			line-height:normal;}
			
		#content-downloads dt {
			float:right;
			line-height:32px;
			font-size:1.1em;
			padding:0 0 .5em 0;}
			
		#content-downloads dd {padding:0 0 .5em 0;}
			
		#content-downloads a {
				display:block;
				height:32px;
				width:32px;
				border:0;
				background:url(../images/unterstuetzung/icon-pdf.gif) 0 0 no-repeat;
				text-indent:-999em;}
				
		#content-downloads a.outlook {background:url(../images/unterstuetzung/icon-outlook.gif) 0 0 no-repeat;}
		#content-downloads a.express {background:url(../images/unterstuetzung/icon-express.gif) 0 0 no-repeat;}
		#content-downloads a.thunderbird {background:url(../images/unterstuetzung/icon-thunderbird.gif) 0 0 no-repeat;}
		#content-downloads a.pegasus {background:url(../images/unterstuetzung/icon-pegasus.gif) 0 0 no-repeat;}

/*----> 4.15 =Partner*/

body#partner #content-container {
	width:850px;
	background:url(../images/bg-content-partner.gif) 50px bottom no-repeat;
	padding: 0 0 0 60px;}
	
#content-partner {
	background:url(../images/bg-content.gif) 0 0 repeat-y;}
	
#content-partnerdetail {
	background:url(../images/partner/pfahl.gif) 11px 0 repeat-y;}
	
body#partner #footer {
	background:url(../images/bg-footer-partner.gif) 0 0 no-repeat;}
	
body#partner h2, body#partner h3 {background:#fff;}

body#partner h3 {
	background:#fff url(../images/partner/pfahl-spitze.gif) 11px 37px no-repeat; height:40px;}
	
body#partner h4 {
	height:58px;
	width:131px;
	background:url(../images/partner/schild.gif) 0 0 no-repeat;
	margin: 0 0 0 12px;}
	
	body#partner h4 span {
		height:58px;
		width:131px;
		display:block;
		text-indent:-999em;}
	
	body#partner h4.auskunft span{background:url(../images/partner/auskunftde.gif) 0 0 no-repeat;}
	body#partner h4.centertv span{background:url(../images/partner/centertv.gif) 0 0 no-repeat;}
	
/*----------------------------------------------------
// ----> 5. Footer
/----------------------------------------------------*/

#footer {
	padding: 0 0 0 60px;
	height:136px;
	background: url(../images/bg-footer.gif) 1px 0 no-repeat;
	color:#888;
	font: 1.1em/1.56em "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing:0.025em;}
	
ul.footerlinks li{
	margin: 0 0 5px 0;}

ul.footerlinks a:link, ul.footerlinks a:visited {
	color:#888;
	border-bottom:0;
	text-decoration:underline;
	font-size:11px;
	display:block;
	padding: 0 0 0 21px;
	line-height:16px;
	height:16px;
	background:url(../images/footer-icon.gif) 0 0 no-repeat;}
	
ul.footerlinks a:hover, ul.footerlinks a:active {
	color:#878522;}
	
ul.footerlinks a.partner:link, ul.footerlinks a.partner:visited {background-position:0 -48px;}
ul.footerlinks a.partner:hover, ul.footerlinks a.partner:active {background-position:0 -224px;}
	
ul.footerlinks a.sitemap:link, ul.footerlinks a.sitemap:visited {background-position:0 -160px;}
ul.footerlinks a.sitemap:hover, ul.footerlinks a.sitemap:active {background-position:0 -336px;}
	
ul.footerlinks a.newsletter:link, ul.footerlinks a.newsletter:visited {background-position:0 -64px;}
ul.footerlinks a.newsletter:hover, ul.footerlinks a.newsletter:active {background-position:0 -240px;}
	
ul.footerlinks a.impressum:link, ul.footerlinks a.impressum:visited {background-position:0 -80px;}
ul.footerlinks a.impressum:hover, ul.footerlinks a.impressum:active {background-position:0 -256px;}
	
ul.footerlinks a.jobs:link, ul.footerlinks a.jobs:visited {background-position:0 -112px;}
ul.footerlinks a.jobs:hover, ul.footerlinks a.jobs:active {background-position:0 -288px;}
	
ul.footerlinks a.sponsoring:link, ul.footerlinks a.sponsoring:visited {background-position:0 -96px;}
ul.footerlinks a.sponsoring:hover, ul.footerlinks a.sponsoring:active {background-position:0 -272px;}
	
ul.footerlinks a.blog:link, ul.footerlinks a.blog:visited {background-position:0 -32px;}
ul.footerlinks a.blog:hover, ul.footerlinks a.blog:active {background-position:0 -208px;}
	
ul.footerlinks a.twitter:link, ul.footerlinks a.twitter:visited {background-position:0 -16px;}
ul.footerlinks a.twitter:hover, ul.footerlinks a.twitter:active {background-position:0 -192px;}
	
ul.footerlinks a.facebook:link, ul.footerlinks a.facebook:visited {background-position:0 0;}
ul.footerlinks a.facebook:hover, ul.footerlinks a.facebook:active {background-position:0 -176px;}
	
ul.footerlinks a.youtube:link, ul.footerlinks a.youtube:visited {background-position:0 -128px;}
ul.footerlinks a.youtube:hover, ul.footerlinks a.youtube:active {background-position:0 -304px;}
	
ul.footerlinks a.businessworld:link, ul.footerlinks a.businessworld:visited {background-position:0 -144px;}
ul.footerlinks a.businessworld:hover, ul.footerlinks a.businessworld:active {background-position:0 -320px;}

body#index #footer{
	background:url(../images/bg-footer-index.gif) 0 0 no-repeat;}
	
div.footer-column1, div.footer-column2 {float:left; padding: 23px 10px 0 10px;}

div.footer-column1 {
	width:160px;} 

div.footer-column2 {
	width:100px;}
	
#footer dt{
	width:50px;
	float:left;}
	
#footer ul {
	list-style-type:none;}
	
/*----------------------------------------------------
// ----> 6. Formulare
/----------------------------------------------------*/
body#unterstuetzung form { 	/* Gestaltung des Formulars - Breite und Abstände z. B. bei der Support Seite.*/
	width:250px;
	margin:0;
	padding:9px;
	border:1px solid #BBBAA4;
	background: #F6EFE1;
	position:relative;
}

body#unterstuetzung select {width: 250px;}

/* --- Kundenlogin ---*/

body#kundenlogin-logedin form {
	border:none;
	background: #fff;
	padding:0;}

body#kundenlogin-logedin form input.submit {
	width:155px !important;
	height:95px;
	padding:0;
	background:#fff;
	color:#444;
	text-indent:-999em;
	font-size:1.3em;
	cursor:pointer;
	border:none;}
	
body#kundenlogin-logedin form.cms input.submit {background:url(../images/kundenlogin/login.gif) -310px 0 no-repeat;}
body#kundenlogin-logedin form.counter input.submit {background:url(../images/kundenlogin/login.gif) -465px 0 no-repeat;}
body#kundenlogin-logedin form.shop input.submit {background:url(../images/kundenlogin/login.gif) -155px 0 no-repeat;}
body#kundenlogin-logedin form.newsletter input.submit {background:url(../images/kundenlogin/login.gif) 0 0 no-repeat;}

form { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:270px;
	margin:0;
	padding:9px;
	border:1px solid #BBBAA4;
	background: #F6EFE1;
	position:relative;
	z-index:1;
}

form#routenplaner {
	width:250px;}

form label, form input, form textarea {		
	font:1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	color:inherit;
	margin: 0 0 4px 0;
	padding:1px;
	display:block;
	float:left;
}

form input, form textarea {				
	border:1px solid #BBBAA4;
	width:160px;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}

form#routenplaner input {
width:250px;
}

form textarea {						
	height:143px;
	overflow:auto;
}

form input:focus, form textarea:focus {		
	border:1px solid #8D8B24;	
}

form label {
	width:90px;		
}

form#routenplaner label {
	width:250px;		
}


form legend {display:none;
}

form fieldset {
	border:none;
}

form fieldset#submitbox {
	width:120px;
	height:25px;
	padding:0 0 0 93px;	
	clear:both;
}

form#routenplaner fieldset#submitbox {
	padding:0;	
}



form input.radio {		
	width:20px;
	margin-top:2px;
	border:none;
	background:transparent;
}

form label.radio {				
	width:auto;
}

form input.checkbox {			
	width:20px;
	margin-top:10px;
	border:none;
	background:transparent;
}

form label.checkbox {	
	width:90px;
}

form label.required {
	background:url(../images/required.png) 73px 4px no-repeat;	
}

form#routenplaner label.required {
	background:url(../images/required.png) 150px 4px no-repeat;	
}

.error {
	color:#2a6a83 !important;
	font-weight:bold !important;
}

form br {
	clear:left;
}

form input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

form input#submit, form input.submit {
	width:110px !important;
	padding:3px 10px;
	background:#B59622;
	color:#fff;
	text-align:left;
	border:1px solid #D2BE74;
	font-size:1.3em;
	cursor:pointer;
	border:none;}

/*----------------------------------------------------
// ----> Validation
/----------------------------------------------------*/


span.LV_validation_message {
	display:block;
	float:right;
	width:290px;
	padding: .5em 0 .5em 90px;}

.LV_validation_message{
    font:1.2em/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    display:none !important;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


.content-jobteaser h4 {
	position:absolute;
	left:-999em;
	text-indent:-9999em;
}