/*
===========================================
 Reset Elements
===========================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,menu {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
/* 
===========================================
 Html Elements
===========================================
*/

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:0;
	text-align:center;
	background:#bfdae1 url(../images/bg-body.jpg) fixed repeat-x 0 0;
	}
h1, h2, h3 {
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#360;
	}
h1 {
	font-weight:normal;
	font-size:2.2em;
	padding: 0 0 0.2em 0;
	}
	h1 span {
		color:#006;
		}
h2 {
	color:#006;
	font-size:1.5em;
	padding: 0.5em 0 0.2em 0;
	}
h4 {
	color:#006;
	}
hr {
	height:1px;
	color:#fff;
	background-color:#fff;
	border:0;
	border-bottom:1px dotted #000;
	}
img {
	border:0;
	}
table {
	font-size:8.5pt;
	border-top:1px solid #999;
	width:9pt;
	}
td, th {
	font-size:8.5pt;
	padding:0.3em;
	border-bottom:1px solid #999;
	}
th {
	text-align:left;
	font-weight:bold;
	border-bottom:2px solid #aaa;
	}
a:link img, a:visited img, a:active img, a:hover img {
	border:0;
	}
a:link, a:visited, a:active {
	color:#336600;
	text-decoration:none;
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}
p {
	line-height:1.4em;
	padding:0.5em 0 1em 0;
	}
	p b,
	p strong,
	li strong {
		color:#006;
		}
sup {
	font-size:0.4em;
	line-height:0.6em;
	}
strong {
	font-weight:bold;
	}

input, select, textarea {
	border:1px solid #360;
	font-size:inherit;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
label {
	padding:0 0.5em 0 0;
	}
q {
	}
small {
	font-size:0.8em;
	}

/* 
===========================================
 Container
===========================================
*/

#wrapper,
#header div,
#menu div {
	width:980px;
	margin:0px auto;
	font-size:1.1em;
	text-align:left;
	}
	#wrapper-narrow {
		width:550px;
		margin:0px auto;
		padding:25px;
		text-align:left;
		color:#000;
		background-color:#fff;
		font-size:1.2em;
		}
		#wrapper-narrow a#logo {
			display:block;
			margin:0;
			float:left;
			}
#header {
	height:146px;
	}
	a#logo {
		display:block;
		margin:0 0 0 25px;
		float:left;
		}
	div#contact {
		width:600px;
		padding:34px 25px 0 0;
		text-align:right;
		}
	a#logo {
		display:block;
		margin:0 0 0 25px;
		float:left;
		}
	div#contact {
		padding:34px 25px 0 0;
		text-align:right;
		}
			div#contact2 {
			width:600px;
		padding:50px 0 0 330px;
		text-align:left;
		}
	#header-narrow {
		margin:0px auto;
		width:550px;
		font-size:1.1em;
		}

#menu {
	color:#fff;
	background-color:#64951d;
	border-top:2px solid #1b2052;
	height:2.9em;
	}
#agentur-schnellsuche {
	font-size:1.1em;
	color:#fff;
	background-color:#006;
	height:2.5em;
	line-height:2.5em;
	}
	#agentur-schnellsuche div {
		height:2.5em;
		line-height:2.5em;
		float:left;
		padding:0 25px 0 25px;
		color:#fff;
		background:#5b8d10 url(../images/bg-agentur-schnellsuche.jpg) scroll no-repeat 100% 50%;
		}

#content {
	color:#fff;
	background:#fff url(../images/bg-content.jpg) scroll repeat-y 0 0;
	font-size:1.2em;
	}
	#content-left {
		width:670px;
		float:left;
		color:#000;
		background-color:#fff;
		padding:2em 0 2em 0; 
		}
	#content-right {
		width:270px;
		float:left;
		color:#000;
		background-color:#d9eac1;
		padding:2em 20px 2em 20px; 
		}
		div.content-2col {
			padding:0 25px 0 25px;
			clear:left;
			}
		div.content-1col {
			float:left;
			width:297px;
			padding:0 0 0 25px;
			}

#footer {
	font-size:1.1em;
	background-color:#8db8c3;
	border-top:5px solid #006;
	padding:25px;
	}
#validation {
	margin:2em 0 3em 0;
	text-align:center;
	}

/* 
===========================================
 Menü
===========================================
*/
menu#nav {
	padding:0 0 0 25px;
	margin:0;
	}
	menu#nav li {
		display:inline;
		}
		menu#nav li a:link,
		menu#nav li a:active,
		menu#nav li a:visited {
			color:#fff;
			background-color:#64951d;
			display:block;
			float:left;
			height:2.2em;
			padding:0 0.8em;
			font-size:1.2em;
			text-decoration:none;
			line-height:2.2em;
			}
		menu#nav li a:hover {
			text-decoration:none;
			color:#000;
			background-color:#fff;
			}


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

div.article {
	padding:0 0 1.5em 0;
	}	
	div.article p a:link,
	div.article p a:active,
	div.article p a:visited {
		color:#003;
		padding:0.1em;
		border-bottom:1px dashed #063;
		}
	div.article p a:hover {
		color:#063;
		border-bottom:1px solid #063;
		text-decoration:none;
		}

a.related-link:link {
	}
img.related-link {
	vertical-align:middle;
	}


.left-column {
	color:#000;
	background:#fff;
	font-size:1.1em;
	width:295px;
	float:left;
	padding:0 6px 0 25px;
	}
.center-column {
	color:#000;
	background:#fff;
	font-size:1.1em;
	width:300px;
	float:left;
	padding:0 13px 0 13px;
	}
.right-column {
	color:#000;
	background:#fff;
	font-size:1.1em;
	width:295px;
	float:left;
	padding:0 25px 0 6px;
	}
.right-column-wide {
	color:#000;
	background:#fff;
	font-size:1.1em;
	width:621px;
	float:left;
	padding:0 25px 0 8px;
	}
.single-column {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 25px 0 25px;
	}

/* 
===========================================
 Slideshow
===========================================
*/

div#slideshow {
	font-size:1.1em;
	}
	div.slide {
		color:#000;
		background-color:#fff;
		height:17em;
		padding:3em 25px 0 334px;
		}

		.slide1 {
			background:#fff url(../images/slideshow/verzeichnis.jpg) scroll no-repeat left bottom;
			}

/* 
===========================================
 Agentursuche 
===========================================
*/


ul#agentursuche-suchvarianten li {
	padding: 0.3em 0;
	}
.slide-agentursuche-1 {
	background:#fff url(../images/slideshow/agentursuche.jpg) scroll no-repeat left bottom;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
#agentursuche {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
	#agentursuche a:hover h2 {
		color:#360;
		}


	#einfache-agentursuche {
		color:#000;
		background:#fff url(../images/bg-content.jpg) scroll repeat-y 0 0;
		font-size:1.1em;
		width:295px;
		float:left;
		padding:0 6px 0 25px;
		}
	#erweiterte-agentursuche {
		color:#000;
		background:#fff url(../images/bg-content.jpg) scroll repeat-y 0 0;
		font-size:1.1em;
		width:300px;
		float:left;
		padding:0 13px 0 13px;
		}
	#agenturauswahl-service {
		color:#000;
		background:#fff url(../images/bg-content.jpg) scroll repeat-y 0 0;
		font-size:1.1em;
		width:295px;
		float:left;
		padding:0 25px 0 6px;
		}

	#footer ul.seperated-list li a:link,
	#footer ul.seperated-list li a:active,
	#footer ul.seperated-list li a:visited {
		display:block;
		padding:0.2em 0 0.2em 0;
		border-bottom:1px solid #5b8e9b;
		color:#000;
		}
	#footer ul.seperated-list li a:hover {
		text-decoration:none;
		color:#000;
		background-color:#a2c8d2;
		}
/* 
===========================================
 Agenturscreening
===========================================
*/

#agenturscreening {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}

.slide-agenturscreening-1 {
	background:#fff url(../images/slideshow/agenturscreening.jpg) scroll no-repeat left 20px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
/* 
===========================================
 Projekte und Etats 
===========================================
*/

#projekte-etats {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
.slide-projekte-etats-1 {
	background:#fff url(../images/slideshow/projekte-etats.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
#j_as_closedjobs {
	padding:0 25px;
	height:30em;
	}
#j_as_closedjobs_prev,
#j_as_closedjobs_next {
	vertical-align:-20%;
	cursor:pointer;
	}

table#job-details,
table.job-details {
	width:97%;
	}
table#job-details td,
table.job-details td {
	font-size:11px;
	vertical-align:top;
	line-height:1.4em;
	}

div#new-business-login {
	padding:0 0 3em 3em;
	background:#fff url(../images/lock.jpg) scroll no-repeat 3px 3px;
	}
	div#new-business-login h2 {
		padding-bottom:0.5em;
		}

/* 
===========================================
 Agentursiegel 
===========================================
*/

#agentursiegel {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
.slide-agentursiegel-1 {
	background:#fff url(../images/slideshow/vdwa-agentursiegel.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}

/* 
===========================================
 Glossar 
===========================================
*/

#glossar {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
.slide-glossar-1 {
	background:#fff url(../images/slideshow/glossar.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}

dl#glossar-results {
	padding:1em 0;
	}
	dl#glossar-results dt {
		padding:1.5em 0 0.3em 1em;
		font-weight:bold;
		background:#fff url(../images/bullet-green.gif) scroll no-repeat 0 73%;
		color:#006;
		}

/* 
===========================================
 VdWa 
===========================================
*/

#vdwa {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
.slide-vdwa-1 {
	background:#fff url(../images/slideshow/vdwa.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}

/* 
===========================================
 New Business 
===========================================
*/

#new-business {
	color:#000;
	background:#fff;
	font-size:1.1em;
	padding:0 0 2em 0;
	}
.slide-new-business {
	background:#fff url(../images/slideshow/new-business.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
.slide-new-business-fail {
	background:#fff url(../images/slideshow/new-business-fail.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
table.jobdetails {
	width:98%;
	margin:2em 0 3em 0;
	}
table.jobdetails td {
	line-height:1.4em;
	padding:0.4em 0;
	}

/* 
===========================================
 Partner und Kooperationen 
===========================================
*/

.slide-partner-1 {
	background:#fff url(../images/slideshow/partner-und-kooperationen.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
.partner-logo {
	text-align:center;
	padding:1em 6px 0 25px;
	}
	.partner-logo img {
		margin:2.5em 0 0 0;
		}
.partner-text {
	float:left;
	width:445px;
	padding:0 0 2em 0;
	}

/* 
===========================================
 Agentursuche 
===========================================
*/

.slide-agentursuche-login {
	background:#fff url(../images/slideshow/new-business-fail.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
#form_agentursuche label,
form.form_agentursuche_login label {
	display:block;
	clear:left;
	float:left;
	width:315px;
	line-height:2em;
	border-bottom:1px dotted #999;
	}
#form_agentursuche input,
#form_agentursuche select,
form.form_agentursuche_login input,
form.form_agentursuche_login select {
	margin:0.2em 0 0 0;
	float:left;
	}
#form_agentursuche li
form.form_agentursuche_login li {
	padding:0.3em 0;
	border-bottom:1px solid #ddd;
	height:2em;
	}
.as_siegel {
	width:50px;
	height:50px;
	}
#asresult1,
#asresult2,
#asresult3 {
	padding:15px 80px 15px 15px;
	margin:2em 0;
	border:1px solid #666;
	}
#asresult1{
	background-color:#defab6;
	}
#asresult2 {
	background-color:#cfd6ff;
	}
#asresult3 {
	background-color:#eeeeee;
	}

a.asresult1:link,
a.asresult2:link,
a.asresult3:link,
a.asresult1:visited,
a.asresult2:visited,
a.asresult3:visited,
a.asresult1:active,
a.asresult2:active,
a.asresult3:active {
	display:block;
	text-decoration:none;
	color:#000;
	}
a.asresult1:hover,
a.asresult2:hover,
a.asresult3:hover {
	text-decoration:none;
	color:#000;
	}
#asresult1:hover,
#asresult2:hover,
#asresult3:hover {
	background-image: url(../images/arrow-select.png);
	background-repeat:no-repeat;
	background-position:96% 50%;
	cursor:pointer;
	}
a.asresult1:link div#asresult1 h2,
a.asresult1:visited div#asresult1 h2,
a.asresult1:active div#asresult1 h2,
a.asresult1:hover div#asresult1 h2 {
	color:#360;
	}
a.asresult2:link div#asresult2 strong,
a.asresult2:visited div#asresult2 strong,
a.asresult2:active div#asresult2 strong,
a.asresult2:hover div#asresult2 strong {
	color:#006;
	}

/* 
===========================================
 Veröffentlichungen 
===========================================
*/

.slide-veroeffentlichungen-1 {
	background:#fff url(../images/slideshow/veroeffentlichungen.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
/* 
===========================================
 Impressum 
===========================================
*/

.slide-impressum-1 {
	background:#fff url(../images/slideshow/impressum.jpg) scroll no-repeat left 30px;
	color:#000;
	background-color:#fff;
	padding:3em 25px 0 334px;
	}
/* 
===========================================
 Agenturdetails
===========================================
*/
table.agenturdetails {
	width:98%;
	margin:2em 0 3em 0;
	}
table.agenturdetails td {
	line-height:1.4em;
	padding:0.4em 0;
	}
/* 
===========================================
 Forms
===========================================
*/
form.form label {
	display:block;
	clear:left;
	float:left;
	width:315px;
	line-height:2em;
	border-bottom:1px dotted #999;
	}
form.form input,
form.form select {
	margin:0.2em 0 0 0;
	float:left;
	}
/* 
===========================================
 Agentur-Ticker
===========================================
*/

ul.agentur-ticker {
	border-top:1px solid #d9eac1;
	}
ul.agentur-ticker li {
	border-bottom:1px solid #cde1b1;
	line-height:1.6em;
	}
ul.agentur-ticker li a:link,
ul.agentur-ticker li a:active,
ul.agentur-ticker li a:visited {
	display:block;
	color:#000;
	text-decoration:none;
	padding:0.5em 0 0.5em 25px;
	background:transparent url(../images/bullet-green.jpg) scroll no-repeat 0 50%;
	}
ul.agentur-ticker li a:hover {
	display:block;
	color:#360;
	background:#d9eac1 url(../images/bullet-green.jpg) scroll no-repeat 0 50%;
	}


/* 
===========================================
 Testemonials
===========================================
*/

ul.testemonials li {
	padding:0.5em 0;
	}

/* 
===========================================
 Ajax Pagination
===========================================
*/	

div.pagination {
	padding:0.5em 25px;
	}
div.pagination-info {
	float:left;
	margin:0 2em 0 0;
	}
div.pages {
	float:left;
	}

div.pages span {
	cursor:pointer;
	padding:0 0.3em;
	}
.table-page-loading {
	width:128px;
	height:6px;
	margin:0 0 0 2em;
	background:#fff url(../images/table-page-loading.gif) scroll no-repeat 50% 50%;
	float:left;
	margin-top:7px;
	}

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

#footer p {
	font-size:1.1em;
	}

#footer div.left-column {
	color:#000;
	background:#8db8c3;
	font-size:1.1em;
	width:295px;
	float:left;
	padding:0 6px 0 0;
	}
#footer div.center-column {
	color:#000;
	background:#8db8c3;
	font-size:1.1em;
	width:300px;
	float:left;
	padding:0 13px 0 13px;
	}
#footer div.right-column {
	color:#000;
	background:#8db8c3;
	font-size:1.1em;
	width:295px;
	float:left;
	padding:0 0 0 6px;
	}

	.footer-form-input {
		font-size:1em;
		border:1px solid #5b8e9b;
		color:#000;
		background-color:#daf0f5;
		margin:0.2em 0 0.7em 0;
		padding:0.2em;
		}
	.footer-form-submit {
		font-size:1em;
		border:1px solid #006;
		color:#daf0f5;
		background-color:#5b8e9b;
		margin:0.2em 0 0.7em 0;
		padding:0.2em;
		}
	#footer label {	
		clear:both;
		display:block;
		}


/*
------------------------------------------------
Images
------------------------------------------------
*/

#vdwa-agentursiegel {
	margin:0.5em 0;
	}
/*
------------------------------------------------
Form validation
------------------------------------------------
*/

em.error {
	background:url("../images/unchecked.gif") no-repeat 0px 0px;
	padding-left: 16px;
	}
em.success {
	background:url("../images/checked.gif") no-repeat 0px 0px;
	padding-left: 16px;
	}
label.error {
	color: #f00;
	background:transparent url("../images/unchecked.png") no-repeat 3px 0px;
	padding:0.1em 0 0.1em 1.8em;
	margin-top:-0.5em;
	line-height:2em;
 	}
.form-error {
	color:#000;
	background:#ffd url(../images/attention.gif) scroll no-repeat 5px 50%;
	padding:15px 45px;
	border:1px solid #5b8e9b;
	margin-bottom:2em;
	}
	div.form-error strong {
		color:#e00;
		}
.form-error-content {
	color:#000;
	background:#fc3 url(../images/attention-red.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #a00;
	margin-bottom:2em;
	}
/*
------------------------------------------------
Pages Navigation
------------------------------------------------
*/

ul#pages-navigation {
	padding:1em 0;
	}
	ul#pages-navigation li {
		float:left;
		}
		ul#pages-navigation li a:link,
		ul#pages-navigation li a:visited,
		ul#pages-navigation li a:active {
			padding:0em 0.3em 0.1em 0.3em;
			margin-left:0.2em;
			display:block;
			float:left;
			color:#360;
			background-color:#fff;
			border:1px solid #aaa;
			}
		ul#pages-navigation li a:hover {
			background-color:#d8e5c7;
			border:1px solid #64951D;
			}
		ul#pages-navigation li#pages-navigation-current a:link,
		ul#pages-navigation li#pages-navigation-current a:visited,
		ul#pages-navigation li#pages-navigation-current a:active,
		ul#pages-navigation li#pages-navigation-current a:hover {
			padding:0em 0.3em 0.1em 0.3em;
			font-weight:bold;
			display:block;
			float:left;
			color:#fff;
			background-color:#64951D;
			border:1px solid #aaa;
			}

/*
------------------------------------------------
Misc Classes
------------------------------------------------
*/
div.error {
	color:#000;
	background:#fc3 url(../images/attention-red.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #a00;
	margin-bottom:2em;
	}
div.confirmation {
	color:#000;
	background:#DEFAB6 url(../images/confirmation.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #64951D;
	margin-bottom:2em;
	}
div.information {
	color:#000;
	background:#CFD6FF url(../images/information.gif) scroll no-repeat 5px 1.2em;
	padding:15px 3em;
	border:1px solid #006;
	margin-bottom:2em;
	}
	
.subnav-back {
	padding:0 0 0 1.6em;
	background:#fff url(../images/arrow-back.jpg) scroll no-repeat 0 50%;
	line-height:1.4em;
	}
.subnav-next {
	padding:0 0 0 1.6em;
	background:#fff url(../images/arrow-next.jpg) scroll no-repeat 0 50%;
	line-height:1.4em;
	}


.input-submit {
	background-color:#64951d;
	color:#fff;
	border:1px solid #006;
	padding:0.1em 0.2em 0.2em 0.2em;
	}

#form-agentur-schnellsuche label {
	padding:0;
	}

table.formtable {
	width:98%;
	margin:2em 0 3em 0;
	}
	table.formtable td {
		line-height:1.4em;
		padding:0.4em 0;
		}
	table.formtable input {
		padding:0.2em;
		margin:0.2em 0;
		font-size:11px;
		}
	table.formtable textarea {
		line-height:1.4em;
		padding:0.4em;
		width:350px;
		font-size:11px;
		}
	table.formtable input.ip {
		width:300px;
		}
	table.formtable input.ip2 {
		width:200px;
		}
	table.formtable input.ipl {
		width:350px;
		}
.checkbox,
.radio {
	border:0;
	vertical-align:middle;
	}
ul.options li {
	width:49.5%;
	float:left;
	line-height:1.8em;
	}
.icon-info {
	padding:0 0 0 20px;
	background:transparent url(../images/icon-info.png) scroll no-repeat 0 50%;
	}

.tel {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:2em;
	}
.tel-prefix {
	color:#02315f;
	}

.tel-suffix {
	color:#417000;
	}


ul.unsorted-list li {
	padding:0 0 0 25px;
	line-height:1.8em;
	color:#000;
	}
ul.ul-columns {
	padding:1em 0;
	}
	ul.ul-columns li {
		float:left;
		padding:0.3em 0 0.3em 2em;
		width:40%;
		}
ul.checklist li {
	background:#fff url(../images/checked-green.gif) scroll no-repeat 0 50%;
}

a.login {
	}
.clear {
	clear:both;
	}

.collapse {
	overflow:hidden;
	}