/* ###

	Awacs.de

1.	Allgemeine Selektoren
	1.1		Seitenlayout
	1.2		Schriftformatierungen
	1.3		Hyperlinks
	1.4		Sonstige Objekte
	1.5		Formulare

2.	Layout Allgemein
	2.1		Kopfbereich
	2.2		Navigation
	2.3		Content
	2.4		Footer

3.	Layout Unterseiten
	3.1		Unternehmen
	3.2		Produktseiten
	3.3		Kontaktformular
	3.4		Downloads
	3.5		Existenzgründung
	3.6		Online-Rechner
	3.7		Merlin Nexus
	3.8		Startseite
	3.9		Stellenangebote


4.	Sonstiges
	4.1		Miniboxen
		4.1.1		Allgemein
		4.1.2		Größenanpassung
		4.1.3		Bild
		4.1.4		Schnellkontakt
	4.2		jquery-Formatierungen
		4.2.1		Dialogboxen

### */


/* ===== 1. Allgemeine Selektoren ===== */

/* ++ 1.1 Seitenlayout ++ */

* {
	padding:0;
	margin:0;
}

html {
	height:100%;
}

body {
	position:relative;
	height:100%;
	background-color:#eaf0f5;
	color:#333;
	font-size:100.01%;
	font-family:verdana, sans-serif;
	line-height:1.2em;
}


/* ++ 1.2 Schriftformatierungen ++ */

h1 {
	line-height:1.2em;
	font-size:1.25em;
	font-weight:normal;
	padding-bottom:0.2em;
	border-bottom:1px solid #333;
	margin:0.1em 0 1.4em 0;
}

h2 {
	font-size:1em;
	margin:0.5em 0 1.3em 0;
}

h3 {
	font-size:0.9em;
	margin:0.5em 0 1em 0;
}

h4 {
	font-size:0.85em;
	margin:0.5em 0 1em 0;
}

p, span, li, td, legend, label, input, select, textarea {
	font-size:0.8em;
}

p span, li p, li span, td p, td span, td li, td a {
	font-size:1em;
}

p {
	margin-bottom:0.8em;
}

p.small {
	font-size:0.7em;
}

legend {
	padding:0 1em;
}

/* ++ 1.3 Hyperlinks ++ */

a {
	color:#6897bc;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.extern {
	background:url("../icon/link_extern.gif") no-repeat left center;
	padding-left:1.3em;
}

a.pdf {
	background:url("../icon/pdf_link.gif") no-repeat left center;
	padding:0.3em 0 0.3em 2em;
}

a.button, span.button {
    background: url(../bilder/css_button.gif) repeat-x;
	color:#333;
	font-weight:normal;
	font-size:0.8em;
	padding:0.5em 1.2em;
	border-width:1px;
	border-style:solid;
	border-color:#bbb #ccc #ccc #bbb;
}

a.button:hover, span.button:hover {
    background: url(../bilder/css_button_hover.gif) repeat-x;
	color:#000;
	cursor:pointer;
}

span.button-block {
	display:block;
	padding:0.3em 0;
	text-align:center;
}


/* ++ 1.4 Sonstige Objekte ++ */

img, a img, a.button img, span.button img {
	border:none;
}

li {
	list-style-type:none;
	margin-bottom:0.8em;
}

ul.pfeil {
	list-style-image:url("../icon/liste_pfeil.png");
	margin-left:1.6em;
}

ul.pfeil li {
	vertical-align:top;
}

ul.liste li {
	background:url("../icon/liste_square.gif") no-repeat 5px 7px;
	margin-left:1em;
	padding-left:2em;
}

ul.haekchen {
	list-style-image:url("../icon/liste_haekchen.png");
	margin-left:2em;
}

ul.zurueck, ul.oben {
	float:right;
	margin-top:2em;
}

ul.zurueck li {
	list-style-image:none !important;
	background:url("../icon/liste_zurueck.gif") no-repeat 2px;
	padding-left:1.5em;
}

ul.oben li {
	list-style-image:none !important;
	background:url("../icon/liste_oben.gif") no-repeat 2px;
	padding-left:1.5em;
}

.clear {
	clear:both;
}

div.unternehmen img.acrobat, div.existenzgruendung img.acrobat, div.agb img.acrobat {
	float:left;
	margin-right:1em;
}

hr {
	width:100%;
	height:1px;
	background-color:#999;
	color:#999;
	border:none;
	margin:1.5em 0;
}

table {
	border-collapse:collapse;
}

.cssInfoBoxHeader, .cssInfoBoxBody {
	z-index:999;
	position:relative;
	width:400px;
	font-size:0.7em;
	border:1px solid #999;
	padding:0.3em;
}

.cssInfoBoxHeader {
	height:1.5em;
	background-color:#cad7e1;
	font-weight:bold;
}

.cssInfoBoxBody {
	background-color:#eaf0f5;
	border-top:0;
	padding-bottom:0;
}

.cssInfoBoxBody p {
	font-size:1em;
}

/* ++ 1.5 Formulare ++ */

fieldset {
	padding:1em;
	border:1px solid #ddd;
}

input, select, textarea {
	background-color:#fafafa;
	color:#6a6a6a;
	font-family:verdana, sans-serif;
	padding:3px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#bbb #ddd #ddd #bbb;
}

input.radio, input.checkbox {
	background:none;
	border:none;
	width:18px !important;
}

input.radio {
	vertical-align:middle;
}

input.checkbox {
	margin-top:4px;
}

input:focus, select:focus, textarea:focus {
	background-color:#fff;
	color:#000;
}

select {
	height:26px;
}

select option {
	padding:2px 5px;
}

fieldset label {
	float:left;
}

div.formularfeld {
	background-color:#fafafa;
	border-width:8px 0 0 8px;
	border-style:solid;
	border-color:#eaeaea;
}



/* ===== 2. Layout Allgemein ===== */

div#container {
	position:relative;
	z-index:1;
	top:100px;
	width:100%;
	height:100%;
	margin:0 auto;
}


/* ++ 2.1 Kopfbereich ++ */

div#kopf {
	position:absolute;
	z-index:1;
	width:100%;
	height:140px;
	background:#879dbb url("../bilder/hintergrund_kopfgrafik.jpg") no-repeat;
	border-bottom:1px solid #285d80;
}

div#kopf div.anzeige {
	width:975px;
	height:100%;
}

div#kopf div.anzeige div.schriftgroesse {
	float:right;
	margin-top:75px;
}

div#kopf div.anzeige div.schriftgroesse a {

}

div#kopf div.anzeige div.schriftgroesse div#infofeldSchriftgroesse {
	display:none;
}

/*
	Durch das colorbox-Script wird die Formatierung der Anzeige ohne Verschachtelung angegeben
*/

div#infofeldSchriftgroesse {
	background-color:#fafafa;
	height:260px;
	padding:1em;
	border:1px solid #ccc;
	margin-bottom:1em;
}

div#infofeldSchriftgroesse ul {
	margin-left:3em;
}

div#infofeldSchriftgroesse ul li {
	padding-left:0.5em;
}

div#infofeldSchriftgroesse ul li.firefox {
	list-style-image:url("../icon/schriftgroesse_firefox.png");
}

div#infofeldSchriftgroesse ul li.ie {
	list-style-image:url("../icon/schriftgroesse_ie.png");
}

/* ++ 2.2 Navigation ++ */

div#navigationLinks {
	float:left;
	margin-top:41px;
}

div#navigationLinks div.navigation {
	width:13em;
	background:#cad7e1 url("../bilder/hintergrund_navigation_links.png") repeat-x;
}

div#navigationLinks ul li {
	font-size:0.85em;
	margin-bottom:0;
}

div#navigationLinks ul li a {
	display:block;
	color:#243644;
	font-size:0.95em;
	text-decoration:none;
	padding:0.5em 0 0.5em 0.9em;
	border-color:#fff #ddd #fff #fff;
	border-style:solid;
	border-width:0 1px 1px 0.45em;
}

div#navigationLinks ul li a:hover, div#navigationLinks ul li a.aktiv, div#navigationLinks ul li.submenue {
	background:#fff url("../bilder/hintergrund_aktiverMenueLink.png") repeat-y;
	font-weight:bold;
}

div#navigationLinks ul li a.aktiv {
	background-image:url("../bilder/hintergrund_aktiverMenueLink2.png") !important;
	border-width:0.4em 0 0.4em 0.4em;
}

div#navigationLinks ul li.submenue ul {
	padding-bottom:1em;
	border-bottom:1px solid #fff;
	border-left:0.4em solid #fff;
}

div#navigationLinks ul li.submenue a, div#navigationLinks ul li.submenue a:hover {
	border-width:0.4em 0 0 0.4em;
}

div#navigationLinks ul li.submenue li a {
	/*background:url("../icon/navi_sub_menue.png") no-repeat left center;*/
	font-size:0.9em;
	font-weight:normal;
	padding-left:1.5em;
	border:none;
	margin-left:1em;
}

div#navigationLinks ul li.submenue li a.aktiv, div#navigationLinks ul li.submenue li a:hover {
	background-color:#fff;
	font-weight:bold;
}



/* ++ 2.3 Content ++ */

div#content-container {
	position:relative;
	z-index:3;
	min-height:100%;
	background-color:#fff;
	padding:0.5em 1em 1em 1em;
	border:1px solid #ccc;
	border-right:0;
	margin:0 0 -40px 207px;
}

div#content, div#content-kurz {
	float:left;
}

div#content {
	width:750px;
}

div#content-kurz {				/* div#content-kurz wird benötigt, wenn seitliche Miniboxen vorhanden ist */
	width:530px;
}


/* ++ 2.4 Footer ++ */

div#footer-container {
	clear:both;
	position:absolute;
	z-index:1;
	width:100%;
	height:120px;
	background: #879dbb url("../bilder/footer.jpg") no-repeat;
	background-color:#879dbb;
	border-top:1px solid #285d80;
}

div#footer {
	width:700px;
	margin:40px 0 0 200px;
}

div#footer ul li {
	float:left;
}

div#footer ul li a {
	float:left;
	color:#333;
	padding:0 1em;
}


/* ===== 3. Layout Unterseiten ===== */

/* ++ 3.1 Unternehmen ++ */

div.unternehmen p.broschuere {
	margin-top:5em;
}

div.unternehmen ul.download {
	margin-bottom:2em;
}

div.unternehmen ul.download li {
	margin-left:1em;
}


/* ++ 3.2 Produktseiten ++ */

div.produkte div.signet {
	float:right;
}

div.produkte div.signet img {
	margin-bottom:1em;
}

div.produkte div.signet a {
	font-size:0.8em;
}

div.produkte img.seo {
	float:left;
	margin-right:2em;
}

div.produkte p.seo-bildtext {
	padding-top:1em;
}

div.produkte ul.grPfeil {
	margin:2em 0 1em 0;
}

div.produkte ul.grPfeil li {
	height:50px;
	background:url("../icon/liste_grosserPfeil.png") no-repeat;
	padding-left:5em;
}


/* ++ 3.3 Kontaktformular ++ */

div#kontaktformular {
	background-color:#eaf0f5;
	padding:10px;
	border:1px solid #ccc;
}

div#kontaktformular fieldset {
	border:none;
}

div#kontaktformular label {
	float:left;
	width:200px;
	margin-bottom:1em;
}

div#kontaktformular select {
	width:100px;
}

div#kontaktformular input {
	width:200px;
}

div#kontaktformular input.plz {
	width:50px;
}

div#kontaktformular input.ort {
	width:132px;
}

div#kontaktformular  textarea {
	width:600px;
	height:100px;
}

div#kontaktformular div.dokument-anfordern {
	float:left;
}

div#kontaktformular div.dokument-anfordern p.anfordern {
	margin:1em 0 0.8em 24px;
}

div#kontaktformular div.dokument-anfordern label {
	float:none;
}

div#kontaktformular span.absenden {
	display:block;
	width:110px;
	text-align:center;
	padding:0.2em 0;
	margin:3em 0 0 500px;
}


/* ++ 3.4 Downloads ++ */

div.downloads div.kategorie {
	background:#eaf0f5 url("../bilder/hintergrund_downloads.jpg") no-repeat;
	padding:0.5em;
	border:1px solid #ccc;
	margin-bottom:1em;
}

div.downloads div.kategorie h3 {
	background:url("../bilder/verlauf_downloads_ueberschrift.png") repeat-y;
	padding:0.5em;
	margin-top:0;
}

div.downloads div.kategorie ul li {
	margin-left:1em;
	padding-left:2em;
}

div.downloads div.kategorie ul.link li, div.downloads div.kategorie ul li.link {
	background:url("../icon/pfeil_rechts.png") no-repeat;
}

div.downloads div.kategorie ul.pdf li, div.downloads div.kategorie ul li.pdf {
	background:url("../icon/pdf_link.gif") no-repeat;
}

div.downloads div.kat-awacs {
	background-position:180px 0px;
}

div.downloads div.kat-merlin {
	background-position:180px -182px;
}

div.downloads div.kat-nexusagent {
	background-position:180px -275px;
}

div.downloads div.kat-immonexus {
	background-position:180px -467px;
}

div.downloads div.kat-nexusimmoline {
	background-position:180px -619px;
}

div.downloads div.kat-nexusinsite {
	background-position:180px -712px;
}

div.downloads div.kat-nexusline {
	background-position:180px -802px;
}

/* ++ 3.5 Existenzgründung ++ */

div.existenzgruendung ul.pdf {
	margin-left:1em;
	margin-bottom:2em;
}

div.existenzgruendung ul.strong {
	margin:2.5em 0;
}

div.existenzgruendung ul.strong li {
	font-weight:bold;
}

div.existenzgruendung div.engagement {
	height:4.5em;
	background-color:#efefef;
	padding:1em 0.5em 0.5em 0.5em;
	border:1px solid #ccc;
	margin:1.2em 0;
}

div.existenzgruendung div.engagement img {
	float:left;
}

div.existenzgruendung div.features {
	background:#efefef url("../bilder/hintergrund_existenzgruendung_features.png") no-repeat right;
	padding:0 2em;
	border:1px solid #ccc;
	margin-bottom:1em;
}


/* ++ 3.6 Online-Rechner ++ */

div.onlinerechner div.rechneruebersicht {
	margin-top:2em;
}

div.onlinerechner div.rechneruebersicht a.vorschauOnlinerechner {
	float:right;
}

div.onlinerechner div.rechneruebersicht a.vorschauOnlinerechner img {
	border:7px solid #efefef;
	margin:0 0 1em 1em;
}

div.onlinerechner div.rechneruebersicht a.vorschauOnlinerechner img:hover {
	border-color:#dfdfdf;
	cursor:url("../icon/lupe_vergroessern.png"), auto;
}


div.onlinerechner ul.pdf {
	margin-left:1em;
	margin-bottom:2em;
}

div.onlinerechner p.einschub {
	margin-left:2em;
}

div.onlinerechner div.anwendungsbeispiele {
	margin:2em 0 1em 0;
}

div.onlinerechner div.anwendungsbeispiele p {
	float:left;
	width:300px;
	margin-bottom:2em;
}

div.onlinerechner div.anwendungsbeispiele img {
	border:7px solid #efefef;
	margin:0 0.7em 1em 0;
	opacity:0.8;
}

div.onlinerechner div.anwendungsbeispiele img:hover {
	border-color:#dfdfdf;
	opacity:1;
	cursor:url("../icon/lupe_vergroessern.png"), auto;
}


/* ++ 3.7 Merlin Nexus ++ */

div.merlinnexus ul.merlin-beschreibung {
	margin-top:2em;
}

div.merlinnexus ul.merlin-beschreibung li {
	background:url("../icon/pfeil_rechts2.gif") no-repeat 0 2px;
	padding-left:3em;
	margin-left:2em;
}

div.merlinnexus ul.uebersicht {
	margin:2em 0;
}


/* ++ 3.8 Startseite ++ */

div.index div.produkte {
	margin:1em 0;
}

div.index div.produkte img {
	margin-bottom:1em;
}

div.index div.produkte img.prod1 {
	margin-left:1em;
}

div.index div.produkte img.prod2 {
	margin-left:4em;
}

div.index div.produkte img.prod3 {
	margin-left:7em;
}

div.index div.produkte img.prod4{
	margin-left:10em;
}

div.index div.produkte img.prod5 {
	margin-left:13em;
}


/* ++ 3.9 Stellenangebote ++ */

h1.stellenangebote {
	width:570px;
}

div.stellenangebote-container {
	width:550px;
	background:#eaf0f5 url("../bilder/hintergrund_stellenangebote.jpg") no-repeat;
	padding:0.5em;
	border:1px solid #ccc;
	margin-bottom:1em;
}

div.stellenangebote-container div.stellenangebot {

}

div.stellenangebote-container div.stellenangebot div.center {
	text-align:center;
}

div.stellenangebote-container div.stellenangebot h3 {
	font-size:1.05em;
	line-height:1.4em;
	padding:0.5em;
	margin:0;
}

div.stellenangebote-container div.stellenangebot h4 {
	font-size:1em;
	margin-bottom:0;
}

div.stellenangebote-container div.stellenangebot p.zusatz {
	margin-left:0.5em;
}

div.stellenangebote-container div.stellenangebot ul {
	margin-bottom:1.5em;
}

div.stellenangebote-container div.stellenangebot li {
	margin-bottom:0.3em;
}

div.stellenangebote-container div.stellenangebot p.adresse {
	line-height:1.3em;
}

/* ===== 4. Sonstiges ===== */

/* ++ 4.1 Miniboxen ++ */


/* 4.1.1 Allgemein */

div#miniboxen-seitlich {
	float:right;
	padding-top:59px;
}

div#miniboxen-horizontal {
	margin-top:5em;
}

div#miniboxen div.infobox {
	width:200px;
	background-color:#eaf0f5;
	border:1px solid #ccc;
}

div#miniboxen div#miniboxen-seitlich div.infobox {
	margin-bottom:2em;
}

div#miniboxen div#miniboxen-horizontal div.infobox {
	float:left;
	margin-right:2em;
}

div#miniboxen div.infobox div.inhalt {
	padding:0.5em 0.3em;
}

div#miniboxen div.infobox h2 {
	background-color:#cad7e1;
	font-size:0.7em;
	padding:0.5em 0.3em;
	margin:0;
}

div#miniboxen div.infobox p, div#miniboxen div.infobox span, div#miniboxen div.infobox a {
	font-size:0.7em;
	line-height:1.2em;
}

div#miniboxen div.infobox a.mehr {
	/*background:url("../icon/link_infobox.gif") no-repeat;
	padding-left:12px;*/
}


/* 4.1.2 Größenanpassung */

div.feedback div#miniboxen-horizontal {}

div.feedback div#miniboxen-horizontal div.infobox {
	height:350px;
	margin-right:3em !important;
}

/* 4.1.3 Bild */

div#miniboxen div.infobox div.bild  {
	text-align:center;
	margin-bottom:0.5em;
}

div#miniboxen div.infobox div.bild img {
	border:3px solid #ccc;
}


/* 4.1.4 Schnellkontakt */

div#miniboxen div.infobox div.kontakt input {
	width:180px;
	font-size:0.7em;
	padding-left:0.3em;
	margin-bottom:0.3em;
}

div#miniboxen div.infobox div.kontakt select {
	width:190px;
	font-size:0.7em;
	padding-left:0;
	margin-bottom:1em;
}

div#miniboxen div.infobox div.kontakt option {
	font-size:1em;
	padding:0.5em 0.3em;
}

div#miniboxen div.infobox div.kontakt option.titel {
	font-weight:bold;
	margin-bottom:1em;
}

div#miniboxen div.infobox div.kontakt span.button {
	display:block;
	width:90px;
	text-align:center;
	padding:0.5em 0;
}


/* ++ 4.2 jquery-Formatierungen ++ */


/* 4.2.1 Dialogboxen */

.ui-widget-content p, .ui-widget-content li {
	font-size:0.9em;
}
.ui-widget-content ul.dialog-auflistung-felder li {
	background:url("../icon/liste_dreieck.gif") no-repeat left;
	padding-left:1.5em;
	margin-left:1.5em;
}