/*
Farben

			#001B84 : Promobil-Blau
			#EEEEEE : helles Grau
			#BDBEC4 : Grau für Rahmen
			#333333 : dunkles Grau
*/


body {
	margin: 0px;
	padding: 20px 0 0 0px;
	border: none;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F1F2F3;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

table {
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}

/************ Allgemeine Formatierungen **********/

h1 {
    color: #001B84;
    font-size: 17px;
    font-weight: bold;
    margin: 20px 0;
}

h2 {
	font-size: 13px;
	color: #001B84;
	font-weight: bold;
	margin-bottom: 10px;
}

h3 {
	font-size: 13px;
	color: #001B84;
	font-weight: normal;
}

#statische-seite h3 {
	margin: 15px 0 10px 0;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#admin-funktionen h4 {
	font-size: 12px;
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

a {
	color: #001B84;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #001B84;
	text-decoration: underline;
}

a.invisible,
a.aktion {
	color: #001B84;
	text-decoration: none;
	font-weight: bold;
}

.fehler a, .fehler a:hover {
	color: #DE140A;
}

a img {
	border: none;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 5px 0;
}

p.margin-top {
	margin: 15px 0 0 0;
}

p.margin-top-small {
	margin: 5px 0 0 0;
}

br.clear {
	clear: both;
	display: block;
}

input.text {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 214px;
	border-top: 2px groove #999999;
	border-left: 2px groove #999999;
	border-bottom: 1px groove #666666;
	border-right: 1px groove #666666;
	padding-left: 3px;
	vertical-align: middle;
}

input.file {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.text.standard {
	width: 214px;
}

input.text.big, td.input-big input.text {
	width: 440px;
}

input.text.medium {
	width: 144px;
}

input.text.small {
	width: 60px;
}

textarea {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 442px;
	border-top: 2px groove #999999;
	border-left: 2px groove #999999;
	border-bottom: 1px groove #666666;
	border-right: 1px groove #666666;
	padding-left: 3px;
}


input.hidden {
	font-size: 0px;
}

input.image {
	vertical-align: middle;
	border: none;
}

input.checkbox {
	position: relative;
	top: 2px;
	margin: 0 5px 0 0;
	border: none;
}

input.radio {
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}

select {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #666666;
	height: 22px;
	width: 222px;
}

select.small {
	width: 60px;
}

select.margin-left {
	margin-left: 10px;
	vertical-align: middle;
}

select.margin-right {
	margin-right: 10px;
	vertical-align: middle;
}

select.multiline {
	height: auto;
}

td {
	vertical-align: top;
	font-size: 11px;
}

img.icon-links {
	margin-right: 5px;
	vertical-align: middle;
}

img.icon-rechts {
	margin-left: 5px;
	vertical-align: middle;
}

.clickable {
	cursor: pointer;
}

.disabled {
	color: #999999;	
}

.icon {
	text-align: center;
}

.preisangabe {
	text-align: right;
}

.highlighted {
	font-weight: bold;
	text-decoration: underline;
}

.highlighted.slightly {
	font-weight: normal;
}

div.buttons {
	margin-top: 15px;
	clear: both;
}

div.buttons button {
	margin-right: 15px;
}

div.buttons div.button-rechts button {
	margin-right: 0px;
}

input.button, a.button {
	background: none no-repeat scroll 0 0 #3F4952;
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
	height: 23px;
	padding: 0 6px;
	margin: 0 5px 0 0;
	text-decoration: none !important;
}

input.button {
  border: 0 none;
  cursor: pointer;
  height: 23px;
  padding: 0 5px 1px;
}

a.button {
	line-height: 22px;
	position: relative;
	top: 1px;
}

input.button.small, a.button.small {
	font-size: 12px;
	padding: 0 3px 1px;
	height: 21px;
}

a.button.small {
	padding: 0 6px 1px;
	margin: 0;
	font-size: 11px;
	color: #FFFFFF;
}

/***************************************/

span.schlagwort {
	font-weight: bold;
	margin-right: 3px;
}

span.submit {
	cursor: pointer;
	vertical-align: middle;
}

table.table-a td.button {
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	vertical-align: bottom;
	text-align: right;
	background-color: #EDEEE9;
	height: 13px;
}

div.adminbereich td.button {
	padding: 20px 5px 5px 0;
}

table.table-a td.button div.button-rechts {
	text-align: right;
}

table.table-a td.button a img, td.button span.button img, td.button-oben a img {
	vertical-align: bottom;
	cursor: pointer;
	margin-left: 5px;
}

table.table-a td.button div.gemerkt img {
	margin-left: 5px;
}

div.input {
	height: 25px;
}

div.button {
	text-align: right;
	vertical-align: bottom;
	margin-top: 20px;
	cursor: pointer;
}

div.button a {
	text-decoration: none;
	font-weight: bold;
	color: #DE140A;
}

div.button a img {
	margin-right: 3px;
}

div.button input {
	vertical-align: middle;
	margin-left: 2px;
	margin-top: 2px;
}

div.button.links {
	text-align: left;
}

div.button.links a {
	text-decoration: none;
	margin-right: 5px;
}

div.button.links a.betont {
	margin-left: 5px;
	font-weight: bold;
}

div.button.links a img {
	vertical-align: bottom;
}

div.button.links img.links-vom-text {
	margin-right: 5px;
}

div.button.links a img.rechts-vom-text {
	margin-left: 5px;
}

.ok {
	color: #008000;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0 10px 0;
}

.block:before, .block:after {
    content: "";
    display: table;
}

.block:after {
    clear: both;
}


/*****   Seitencontainer  *********/

div.pagecontainer {
  	background: #FFF;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
	border-top: 1px #E1E1E1 solid;
  	padding: 10px 10px 30px 10px;
	z-index: 1;
	margin: 0 0 0 30px;
	/* position: relative; */
	width: 900px;
	overflow: auto;
}


/*****   Seite gesamt   *******/

div.pagecontainer div.page {
	width: 880px;
	padding: 0 0 0 20px;
	background: #FFFFFF url(../grafik//bg_body_neu.png) repeat-x scroll 0 0;
	z-index: 1;
	overflow: auto;
}

div.pagecontainer.adminbereich {
	width: 1400px;
	height: 100%;
	padding: 5px 5px 30px 5px;
	margin: 0 0 0 10px;
}

div.pagecontainer.adminbereich div.page {
	width: 1400px;
	padding: 0 0 0 5px;
}

/*****  Superbanner oben auf der Seite  ******/
div.superbanner {
	position: absolute;
	top: 10px;
	left: 92px;
}

/*****  Skyscraper rechts neben der Seite ******/

div.skyscraper {
	position: absolute;
	top: 10px;
	left: 820px;
	width: 130px;
}

/***** nav-oben für Breadcrumb-Navigation und login info *****/

div.nav-oben {
	margin: 10px 0 0 13px;
	height: 13px;
}

/***** Breadcrumb-Navigation  *****/

div.breadcrumbs {
	float: left;
	width: 400px;
}

div.breadcrumbs a {
	text-decoration: none;
}

div.breadcrumbs span.separator {
	color: #001B84;
	font-weight:bold;
}

/***** login info  *****/

div.login-info {
	float: right;
	margin-right: 15px;
}


/***** Gesamter 2-spaltiger Inhaltsbereich ******/

div.page div.content {
	clear: both;
	display: block;
	margin: 19px 0 0 2px;
}


/***** Rechte Inhaltsspalte *****/


div.content-rechts {
	float: right;
	width: 300px;
	margin: 0 20px 0 0;
	/* margin-left: 11px; */
}

div.content-rechts div#navigation-rechts {
	margin-bottom: 15px;
}

div#navigation-admin {
	position: absolute;
	width: 300px;
	top: 190px;
	left: 1000px;
}

div#navigation-rechts div.header, div#navigation-admin div.header {
	height: 35px;
	border-bottom: 1px solid #C8C8C3;
}

div#navigation-rechts div.header-links, div#navigation-admin div.header-links {
	float: left;
	margin-left: 9px;
}

div#navigation-rechts div.header-rechts, div#navigation-admin div.header-rechts {
	float: right;
	border-right: 2px solid #C8C8C3;
	margin-top: 6px;
	padding-right: 15px;
	height: 29px;
}

div#navigation-rechts div.header-rechts img, div#navigation-admin div.header-rechts img {
	margin: 0 0 0 9px;
}

div#navigation-rechts div.trenner, div#navigation-admin div.trenner {
	height: 1px;
	font-size: 0px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

div#navigation-rechts div.menue, div#navigation-admin div.menue {
	border-right: 2px solid #C8C8C3;
	border-bottom: 2px solid #C8C8C3;
}

div.menuepunkt {
	clear: both;
	height: 19px;
	padding: 8px 0 1px 10px;
	background-image: url(../grafik/bg_navi.jpg);
	background-repeat: repeat-x;
}

div.menuepunkt.erste-zeile {
	height: 19px;
	padding: 5px 0 2px 10px;
	background-image: url(../grafik/bg_navi_erste-zeile.jpg);
}

div.menuepunkt img.icon {
	margin-right: 11px;
}

div.content-rechts div.box {
	width: 300px;
	margin-bottom: 15px;
}

div.content-rechts div.box div.header {
	background-image: url(../grafik/bg_header_box.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 13px;
 	padding: 2px 10px 3px 13px;
}

div.content-rechts div.box div.inhalt {
	background-color: #EDEDEA;
	border-right: 2px solid #C8C8C3;
	border-bottom: 2px solid #C8C8C3;
	padding: 13px 10px 15px 13px;
}

/*** Für wichtige Hinweise in der rechten Navigation (Header wird rot dargestellt) ***/

div.content-rechts div.box.hinweis {
	width: 298px;
}

div.content-rechts div.box.hinweis div.header {
	background-image: url(../grafik/bg_header_box_hinweis.gif);
}

div.content-rechts div.box.hinweis div.inhalt {
	border-left: 2px solid #750000;
	border-right: 2px solid #750000;
	border-bottom: 2px solid #750000;
}


div.content-rechts div.box div.inhalt div.kontaktinhalt div.kontaktheader {
	font-weight: bold;
}

div.content-rechts div.box div.inhalt div.kontaktinhalt div.kontaktbody {
	line-height: 15px;
	padding: 5px 0;
}

div.content-rechts div.box div.inhalt div.kontaktinhalt div.kontaktemail {
	font-weight: bold;
}

div.content-rechts div.box div.inhalt div.kontaktinhalt div.kontaktemail a {
	font-weight: normal;
}

div.content-rechts div.box div.inhalt input.schnellsuche {
	background: url(../grafik/bg_input_quicksearch_klein.gif) no-repeat 0 3px;
	border: none;
	position: relative;
	top: 2px;
	padding: 6px 2px 3px 4px;
	width: 224px;
	height: 14px;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

div.content-rechts div.box div.inhalt input.image {
	margin: 0 0 0 1px;
	vertical-align: bottom;
}

div.content-rechts div.box div.inhalt select {
	width: 275px;
}

div.content-rechts div.box div.inhalt div.label-select {
	margin: 15px 0 6px 0;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}

div.content-rechts div.box div.inhalt div.label-textfield {
	margin: 15px 0 4px 0;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}

div.content-rechts div.box div.inhalt div.label-textfield.top {
	margin-top: 0px;
}

div.content-rechts div.box div.inhalt div.buttons {
	margin: 15px 0 0 0;
	overflow: auto;
}

div.content-rechts div.box div.inhalt div.buttons a img {
	margin-right: 7px;
}

div.content-rechts div.box div.inhalt div.buttons div.buttons-links {
	float: left;
}

div.content-rechts div.box div.inhalt div.buttons div.buttons-rechts {
	text-align: right;
}

div.content-rechts div.werbeblock {
	margin-bottom: 15px;
}

div.content-rechts div.box div.inhalt div.werbung-header {
	text-align: right;
	color: #999999;
	border-bottom: 1px solid #999999;
	padding-bottom: 2px;
}

div.content-rechts div.box div.inhalt div.werbung-banner {
	text-align: left;
	margin: 5px 0 5px 0;
}

div.content-rechts div.box div.inhalt div.werbung-text {
	border-top: 1px solid #999999;
	color: #666666;
	padding: 15px 0 10px 0;
	line-height: 15px;
}

div.content-rechts div.box div.inhalt div.werbung-text a {
	font-weight: bold;
	text-decoration: none;
}


/*****  Linke Inhaltsspalte ******/

div.linke-spalte {
	width: 479px;
	float: left;
}

/* div.linke-spalte h1 {
	text-align: left;
	color: #333333;
	font-weight: bold;
	font-size: 17px;
} */

div.linke-spalte div.titel {
	text-align: left;
	padding: 0 5px;
	color: #333333;
	font-weight: bold;
	font-size: 17px;
}

div.linke-spalte div.hinweis {
	text-align: center;
	font-weight: bold;
	color: #333333;
	padding: 10px;
}

div.linke-spalte div.hinweis.mit-rahmen {
	color: #333333;
}

div.linke-spalte div.box {
	width: 478px;
	margin-bottom: 15px;
	background-color: transparent;
}

div.linke-spalte div.box div.header {
	background-image: url(../grafik/bg_header_box_gross.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 13px;
 	padding: 2px 10px 3px 13px;
 	position: relative;
}

div.linke-spalte div.box div.header h1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border: none;
	margin: 0px;
}

div.linke-spalte div.box div.inhalt {
	border-right: 2px solid #C8C8C3;
	border-bottom: 2px solid #C8C8C3;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.block {
    border-bottom: 1px solid #e1e2e3;
    clear: both;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.block:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

/****************** Aktion auf der Startseite *********************/

div.aktion {
	position: relative;
	margin-bottom: 10px;
}

div.aktion div.link {
	position: absolute;
	top: 130px;
	left: 315px;
}


/****** Leere Box, die nur Hinweis-Text enthält ***********/

div.linke-spalte div.box div.inhalt.hinweis {
	height: 80px;
	padding: 30px 13px 13px 13px;
}

/***** Formular Typ 1, z. B. Registrierungs-/Login-Seite ******/


div.box div.inhalt.formular div.inner-box {
	width: 450px;
	padding: 0 0 13px 13px;
}

div.box div.inhalt.formular h2 {
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 30px 0 0 0;
}

div.box div.inhalt.formular h3 {
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	padding: 30px 0 8px 0;
	margin: 0 20px 10px 0;
	border-bottom: 1px solid #EDEDEA;
}

div.box div.inhalt.formular h3 span.zusatz {
	font-size: 11px;
	font-weight: normal;
}

div.box div.inhalt.formular h4 {
	font-weight: bold;
	font-size: 13px;
	color: #333333;
	padding: 20px 0 8px 0;
	margin: 0 20px 0px 0;
}

div.box div.inhalt.formular div.printanzeige {
	margin-bottom: 8px;
}

div.inhalt.formular table {
	width: 450px;
}

div.inhalt.formular table td {
	width: 214px;
	padding: 10px 2px 0 2px;
	font-size: 11px;
}

div.inhalt.formular table td div.label, div.zeile div.label {
	margin-bottom: 4px;
}

/************** Formatierungen für Anzeigenerfassung ***************/

div#vorschau {
	position: absolute;
	left: 627px;
	top: 180px;
	width: 311px;
}

/*** Logos bei Anzeigenerfassung Seite 2 ***/

div.inhalt.formular div.logos {
	margin-top: 15px;
}

div.inhalt.formular div.logos img {
	margin-right: 7px;
}

div#termine {
	margin: 15px 0 5px 0;
	width: 270px;
}

div#termine img, div#preisliste img {
	margin: 0 7px 0 0;
	position: relative;
	top: 1px;
}

div#termine h2, div#preisliste h2 {
	cursor: pointer;
	color: #001b84;
	font-size: 13px;
	padding: 0;
}

div#preisliste {
	margin: 25px 0 0 0;
	width: 200px;
}

#preisuebersicht td, #preisuebersicht th {
	padding: 2px 7px 2px 5px;
}

#preisuebersicht th {
	text-align: center;
	font-weight: bold;
	color: #001b84;
}

#preisuebersicht td.preis {
	text-align: right;	
}
}

div.inhalt.formular div.link {
	margin: 20px 0 0 3px;
}

/*** Spezielle Formatierungen für Kontaktdaten bei Anzeigenerfassung ***/

div.inhalt.formular table.kontakt input.text {
	width: 180px;
}

div.inhalt.formular table.kontakt input.checkbox {
	top: 3px;
}

/*********************************************************************/

div.inhalt.formular div.textarea {
	margin-top: 30px;
}

div.inhalt.formular div.textarea div.label {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 13px;
}

div.inhalt.formular div.textarea div.label img {
	position: relative;
	top: 2px;
	margin-left: 8px;
}

div.inhalt.formular div.eingabefelder {
	margin-top: 25px;
	overflow: auto;
}

div.inhalt.formular div.hinweis_datenschutz {
	margin-top: 20px;
}

div.inhalt.formular div.hinweis {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	text-align: left;
	font-weight: normal;
}

div.inhalt.formular div.hinweis img {
	position: relative;
	top: 1px;
	margin-left: 8px;
}

div.inhalt.formular div.zeile {
	clear: both;
	margin-top: 8px;
	overflow: auto;
}

div.inhalt.formular div.feld {
	float: left;
	margin-right: 8px;
}

div.inhalt.formular div.feld.letztes {
	margin: 0px;
}

div.inhalt.formular div.feld div.label {
	margin-bottom: 3px;
}

div.inhalt.formular div.button {
	margin: 10px 0 20px 0;
	padding: 0px;
}

div.inhalt.formular div.buttons {
	margin-top: 15px;
}

div.inhalt.formular div.buttons div.buttons-rechts {
	text-align: right;
}

div.login div.inhalt div.eingabefelder table.radiogroup {
	margin-left: 5px;
	margin-bottom: 10px;
}

div.inhalt.formular table.radiogroup td {
	vertical-align: top;
	padding: 1px 10px 0 0;
}

div.inhalt.formular table.radiogroup td.radio {
	padding: 0 5px 0 0;
	width: auto;
}

div.inhalt.formular table.radiogroup div.zusatztext {
	font-size: 10px;
	margin-top: 3px;
}

div.inhalt.formular table.checkboxgroup td {
	padding: 0;
}

div.inhalt.formular div.passwort-vergessen {
	clear: both;
	margin: 7px 0 0 0px;
}

div.inhalt.formular div.passwort-vergessen a {
	text-decoration: none;
}

div.inhalt.formular div.passwort-vergessen a img {
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 7px;
}

/********** Spezielle Formatierungen für Formular Typ 2, z. B. Daten verwalten/Anzeigenerfassung *********/

div.linke-spalte div.box div.inhalt.formular.typ2 {
	border-bottom: none;
}

div.linke-spalte div.box div.inhalt.formular.typ2 div.inner-box div.buttons-links {
	padding-top: 20px;
}

div.linke-spalte div.box div.inhalt.formular.typ2 div.header {
	background-color: #EDEDEA;
	background-image: none;
	padding: 7px 30px 7px 10px;
	margin: 0 0 0 0;
}

div.linke-spalte div.box div.inhalt.formular.typ2 div.footer {
	background-color: #EDEDEA;
	border-bottom: 2px solid #C8C8C3;
	padding: 7px 30px 7px 10px;
	margin: 20px 0 0 0;
	text-align: left;
}

div.linke-spalte div.box div.inhalt.formular.typ2 div.footer div.buttons-links {
	text-align: left;
	float: left;
}

div.linke-spalte div.box div.inhalt.formular.typ2 div.footer div.buttons-rechts {
	text-align: right;
}

div.inhalt.formular.typ2 ul {
	padding: 0 0 0 20px;
}

div.inhalt.formular.typ2 div.preise {
	margin: 0;
	padding: 0;
}	

div.inhalt.formular.typ2 div.preise.belegexemplare {
	margin-top: 20px;
}

div.inhalt.formular.typ2 div.position {
	margin-bottom: 5px;
}


div.inhalt.formular.typ2 div.preise div.gesamtbetrag div.label {
	text-decoration: underline;
}

div.inhalt.formular.typ2 div.zusatz-mwst {
	margin-top: 10px;
}

.row {
	clear: both;
	margin-bottom: 10px;
}

.row.bottom {
	margin-top: 10px;
	margin-bottom: 0px;
}

.row:after {
	clear: both;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.column {
	float: left;
	margin-left: 20px;
}

.column:first-child {
	margin-left: 0px;
}

.column.small {
	width: 211px;
}

.column.medium {
	width: 200px;
}

.column.wide {
	width: 500px;
	margin-right: 0px;
}

.column.plz {
	width: 70px;
}

div.adminbereich .column.plz {
	width: 50px;
}

.column.ort {
	width: 127px;
	margin-left: 3px;
}

div.adminbereich .column.ort {
	width: 160px;
	margin-left: 5px;
}

.column input.text {
	width: 165px;
}

.column select {
	width: 173px;
}

.column.plz input.text {
	width: 35px;
}

.column.ort input.text {
	width: 116px;
	position: relative;
	top: 3px;
}

div.radiogroup div.element label {
	display: inline;
	margin: 0;
	padding: 0;
}

label, div.radiogroup div.element .row label {
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 2px;
	padding: 5px 0 0;
}

label.left, .label.left {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}

label.right {
	display: inline;
	margin-right: 15px;
	font-weight: normal;
}

div.adminbereich label.left, div.adminbereich .label.left {
	margin-right: 10px;
	margin-top: 2px;
	width: 80px;
}


/********* Radiobuttons als Radiogroup ************/

div.radiogroup {
	margin-top: 8px;
}

/* Label für die ganze Radiogroup */
div.radiogroup div.label {
	margin: 20px 0 5px 5px;
	font-weight: bold;
}

div.radiogroup div.label-oben {
	margin: 10px 0 5px 2px;
}

div.radiogroup div.label-unten {
	margin: 3px 0 10px 2px;
}

div.radiogroup div.element {
	clear: both;
	margin-bottom: 7px;
	overflow: auto;
}

div.radiogroup div.element.letztes {
	margin: 0;
}

div.radiogroup div.element div.radio {
	float: left;
	width: 30px;
}

/* Label für ein einzelnes Element */
div.radiogroup div.element div.label {
	font-weight: normal;
	padding-top: 2px;
	margin: 0;
	width: 370px;
	float: left;
}

div.radiogroup div.element div.label div.zusatztext {
	margin-top: 3px;
}

/********* Radiobuttons als Überschrift *************/

div.radio-auswahl {
	clear: both;
	margin-top: 20px;
}

div.zahlungsweise-hinweis {
	margin: 10px 0 0 30px;
}

div.radio-auswahl div.radio {
	float: left;
	margin-right: 10px;
}

div.radio-auswahl div.label {
	font-weight: bold;
	padding-top: 2px;
}

div.radio-auswahl div.label img {
	margin-left: 20px;
	position: relative;
	vertical-align: middle;
}

div.radio-auswahl div.label span.zusatz {
	font-weight: normal;
}

div.radio-auswahl table {
	margin-left: 5px;
}

div.radio-auswahl table div.label {
	font-weight: normal;
}


/*********** Fotos hochladen bei Anzeigenerfassung ALT ************/


/* div.inhalt.formular table.formtemplate {
	margin-top: 8px;
}

div.inhalt.formular table.formtemplate td {
	padding: 0;
}

div.inhalt.formular table.fotos {
	margin-bottom: 15px;
	width: auto;
}

div.inhalt.formular table.fotos td {
	vertical-align: middle;
	text-align: left;
}

div.inhalt.formular table.fotos td.radio {
	width: 15px;
}

div.inhalt.formular table.fotos td.radio input.checkbox {
	margin-right: 10px;
}

div.inhalt.formular table.fotos td.thumbnail {
	width: 55px;
	padding-right: 10px;
}

div.inhalt.formular table.fotos td label {
	padding: 0px;
} */

#fotos {
	margin-top: 10px;	
}

#fotos .radio {
	float: left;
	width: 30px;

}

#fotos .radio input {
	top: 2px;
	margin: 0;
}

#fotos .thumbnail {
	width: 55px;
	margin-right: 20px;
	float: left;
}

#fotos .thumbnail img {
	max-width: 55px;
}

#fotos a, .control a {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );	
	border-radius: 4px;
	border: 1px solid #A6AB94;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	padding: 0 8px;
}

#fotos a {
	margin: 6px 10px 0 0;
}


#fotos .row {
	margin-bottom: 10px;
	overflow: hidden;
}

#fotos .row.controls {
	margin-bottom: 2px;
}

#fotos .row.buttons {
	margin-top: 10px;
}

#fotos label {
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	display: block;
	float: none;
	margin-left: 30px;
}


/************ Anzeigenschritte bei Anzeigenerfassung ***********/

div.anzeigenschritte {
	background-color: #EDEDEA;
	height: 60px;
	padding: 13px 0 0 13px;
	border-right: 2px solid #C8C8C3;
}

div.anzeigenschritte div.schritt {
	font-size: 10px;
	float: left;
	margin-right: 7px;
	width: 85px;
}

div.anzeigenschritte div.schritt.aktiv {
	color: #333333;
}

div.anzeigenschritte div.schritt.inaktiv {
	color: #999999;
}

div.anzeigenschritte div.schritt div.nummerierung {
	margin-bottom: 3px;
}

div.anzeigenschritte div.schritt div.nummerierung.aktiv {
	border-bottom: 1px solid #333333;
}

div.anzeigenschritte div.schritt div.nummerierung.inaktiv {
	border-bottom: 1px solid #999999;
}

/****** Pager für den Adminbereich **************/

div.pager {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	width: 618px;
	text-align: left;
	border: 1px solid #001B84;
	background-color: #EEEEEE;
	color: #000000;
	white-space: nowrap;
}

div.pager.breit {
	width: 928px;
}

div.pager.top {
	margin-bottom: 2px;
}

div.pager.bottom {
	margin: 0px 0px 10px 0px;
}

div.pager a {
	color: #000000;
	text-decoration: none;
}

div.pager span.prev {
	margin-right: 10px;
}

div.pager span.next {
	margin-left: 10px;
}

div.pager span.results {
	margin-right: 20px;
}

div.pager span.page {
	font-weight: bold;
	margin-right: 5px;
}

div.pager span.active {
	font-weight: bold;
}

/****** Ausnahmen für Adminbereich ******/
div.adminbereich input, div.adminbereich select, div.adminbereich textarea {
	width: auto;
}

/******* Anzeigenexport ****************/

div.export div.anzeige {
	clear: both;	
}

div.export div.nummerierung {
	float: left; 
	width: 30px;
}

div.export div.result {
	display: inline;
	margin-left: 20px;
}


/****** Ausnahmen für Adminfunktionen bei Anzeigenvorschau **********/

div#admin-funktionen input, div#admin-funktionen select, div#admin-funktionen textarea,
div#admin-funktionen-seite1 input, div#admin-funktionen-seite1 select, div#admin-funktionen-seite1 textarea {
	width: auto;
}

div#admin-funktionen-seite1 {
	position: absolute;
	left: 955px;
	top: 195px;
}

div#admin-funktionen-seite1 table.table-a {
	width: 305px;
}


/******* Diverse Formatierungen für Adminbereich   *********/

div.button-links {
	float: left;
	padding: 20px 0 10px 0;
	cursor: pointer;
}

div.button-rechts {
	text-align: right;
	padding: 20px 10px 10px 0;
	cursor: pointer;
}

table.table-a td.button a img.links-vom-text {
	margin: 0 5px 0 0;
	vertical-align: baseline;
}

div.adminbereich table.table-a {
	width: 700px;
}

div#kundengruppen {
	position: absolute;
	left: 790px;
	top: 150px;
	width: 179px;
	border: 1px solid #001B84;
	font-size: 10px;
	color: #4A525B;
}

div#kundengruppen h3 {
	background-color: #001B84;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0;
	padding: 1px 0 1px 3px;
	height: 15px;
}

div#kundengruppen div.content {
	margin: 0;
	padding: 3px 5px 3px 5px;
}

div#kundengruppen div.content input.checkbox {
	margin: 0;
	padding: 0;
}

div.suchformular, div.ergebnisliste {
	margin-top: 30px;
}

div.input-box {
	padding-top: 3px;
	margin-right: 10px;
	float: left;
	display: inline;
}

div.input-box.medium {
	width: 100px;
}

div.input-box.large {
	width: 150px;
}

.input-box.large input.checkbox {
  float: left;
  margin-right: 7px;
  margin-top: 3px;
}

.input-box.large label {
	display: block;
	overflow: hidden; 
	line-height: 1.4em;
	font-weight: normal;
	padding: 3px 0 0;
	margin: 0 0 1px;
}

div.input-box div.label {
	margin-bottom: 2px;
}


/*******  Mailingfunktion **************/

div#mailing_text {
	width: 630px;
	margin: 15px 0 20px 0;
}

#mailing_text .mce-tinymce {
	border: 1px solid #001b84;	
}

textarea#mailing_content {
	width: 600px;
	height: 400px;
}

div#mailing_funktionen {
	position: absolute;
	left: 680px;
	top: 175px;
}

div#mailing_funktionen div.radiogroup {
	margin-bottom: 10px;
}

div#mailing_funktionen div.radiogroup div.element {
	margin-bottom: 2px;
}

div#mailing_funktionen div.radiogroup div.radio {
	width: 25px;
	padding-top: 2px;
}

div#mailing_funktionen div.radiogroup div.label {
	width: auto;
}

div#mailing_funktionen div.radiogroup div.label img {
	margin-left: 5px;
	vertical-align: middle;
}

div#template_vorschau, div#view_mailing_text {
	position: absolute;
	left: 500px;
	top: 300px;
	background-color: #FFFFFF;
	border: 1px solid #001B84;
	z-index: 20;
}

div#view_mailing_text {
	top: 100px;
}

div#template_vorschau_titel, div#view_mailing_text_titel {
	background-color: #EEEEEE;
	border-bottom: 1px solid #001B84;
	font-weight: bold;
	padding: 10px;
	height: 18px;
	position: relative;
}

img#template_vorschau_close, img#view_mailing_text_close {
	position: absolute;
	right: 15px;
	top: 7px;
	cursor: pointer;
}

div#template_vorschau_content, div#view_mailing_text_content {
	padding: 10px 5px 5px 5px;
}

div.admin-aktionsbox {
	padding: 5px;
	margin: 10px 0 5px 0;
	border: 1px solid #001B84;
	background-color: #EEEEEE;
	width: 618px;
}

div.admin-aktionsbox.rechts {
	width: 260px;
}

div.admin-aktionsbox.head {
	font-weight: bold;
	margin-bottom: 10px;
}

div.admin-aktionsbox h3 {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	margin-bottom: 10px;
}

div.admin-aktionsbox div.group {
	margin-top: 5px;
}

div.admin-aktionsbox div.group div.label-oben {
	margin-bottom: 5px;
}

div.admin-aktionsbox div.group div.zeile {
	height: 20px;
}

div.admin-aktionsbox div.group div.zeile div.text {
	vertical-align: middle;
	display: inline;
}

/******* Adminfunktionen bei der Anzeigenvorschau *********/

div#admin-funktionen {
	position: absolute;
	left: 955px;
	top: 85px;
	width: 400px;
}

div#admin-funktionen table.table-a {
	width: 420px;
	margin: 0;
}

div#admin-funktionen table.table-a td {
	padding: 5px;
}

#admin-funktionen .block {
	width: 404px;
	border: 1px solid #001b84;
	background-color: #ffffff;
	font-size: 11px;
	margin: 2px 2px 2px 0;
	padding: 7px;
}

#admin-funktionen div.row {
    margin: 0 0 10px;
}

#admin-funktionen .column {
	float: left;
	width: 100%;
	margin: 0 0 0 2px;
	height: auto;
	/* min-height: 70px; */
	line-height: 20px;
}

#admin-funktionen .column.small {
	width: 110px;
}

#admin-funktionen .column.wide {
	width: 250px;
}

#admin-funktionen .column:first-child {
	margin-left: 0;
}

#admin-funktionen .label.oben {
	font-weight: bold;
	margin-bottom: 5px;
}

#admin-funktionen input.text {
    display: inline;
    height: 20px;
    margin: 0;
    max-width: 170px;
    min-width: 40px;
    width: auto;
}

/************** Anzeigenvorschau *******************/

div.vorschaubild {
	margin: 3px 0 0 5px;
}

div.vorschaubild img {
	margin-top: 10px;
}

div.content-rechts div.box div.inhalt div.buttons.vorschau {
	margin: 10px 10px 10px 0;
}

div.content-rechts div.box div.inhalt div.buttons.vorschau.bottom {
	margin: 20px 10px 0 0;
}

div.preise {
	font-size: 11px;
	text-align: left;
	padding: 13px 0 10px 0;
	margin-bottom: 15px;
	width: 270px;
	overflow: auto;
}

div.preise.belegexemplare {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.preise div.hinweis {
	float: left;
	margin-bottom: 3px;
	width: 155px;
}

div.preise div.ueberschrift-links {
	float: left;
	font-weight: bold;
}

div.preise div.ueberschrift-rechts {
	font-weight: bold;
	float: right;
}

div.preise div.position {
	height: 15px;
	clear: both;
	overflow: auto;
}

div.preise div.position div.label, div.preise div.gesamtbetrag div.label {
	float: left;
	width: 190px;
}

div.preise div.position div.betrag, div.preise div.gesamtbetrag div.betrag {
	float: left;
	text-align: right;
	width: 50px;
}

div.preise div.position div.betrag-rechts, div.preise div.gesamtbetrag div.betrag-rechts {
	float: right;
	text-align: right;
}

div.preise div.gesamtbetrag {
	height: 20px;
	font-weight: bold;
	clear: both;
	overflow: auto;
}

div.preise div.gesamtbetrag div.betrag, div.preise div.gesamtbetrag div.betrag-rechts {
	text-decoration: underline;
}

div.preise div.zusatz-mwst {
	font-size: 10px;
	clear: both;
}

div.preise div.zusatz-mwst-rechts {
	font-size: 10px;
	width: 270px;
	text-align: right;
}

div.zahlungsinfo {
	margin-top: 15px;
}

div.zahlungsinfo h4 {
	font-size: 11px;
}

div.zahlungsinfo div.zeile {
	clear: both;
}
	
div.zahlungsinfo div.label {
	float: left;	
	padding: 0;
	width: 120px;
	font-size: 11px;
	font-weight: normal;
}

div.zahlungsinfo div.info {
	float: left;
}

/*********** Fußnote bei Meine Daten ***************/

div.fussnote {
	margin: 20px 0 20px 0;
	line-height: 15px;
	overflow: auto;
}

div.fussnote div.zeile {
	clear: both;
	margin: 8px 0 0 0;
	overflow: auto;
}

div.fussnote div.zeile div.zeichen {
	width: 30px;
	float: left;
}

div.fussnote div.zeile div.text {
	float: left;
	width: 400px;
}

div.linke-spalte div.detailansicht div.fullsize-bild {
	text-align: center;
	margin-bottom: 30px;
}

div.linke-spalte div.detailansicht div.hinweis {
	padding: 0;
}

div.linke-spalte div.detailansicht div.thumbnails {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.linke-spalte div.detailansicht div.thumbnails img {
	vertical-align: top;
	margin-right: 10px;
}

td.thumbnail {
	vertical-align: middle;
}


/****** Aktuelle Angebote auf Startseite/Suchergebnisliste *******/

div#infotext {
	margin-left: 13px;
}

div.suchergebnis, div.online-vorschau {
	width: 478px;
	background-color: #FFFFFF;
	overflow: auto;
}

div.online-vorschau {
	width: 450px;
}


div.box div.inhalt.formular div.online-vorschau h2 {
	font-size: 13px;
	color: #001B84;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}

div.suchergebnis div.anzeige, div.online-vorschau div.anzeige {
	margin: 2px 0 0 0;
	padding: 0;
	text-align: left;
	border-right: 2px solid #C8C8C3;
	border-bottom: 2px solid #C8C8C3;
	float: left;
	position: relative;
}

div.suchergebnis div.anzeige.top {
	margin: 0;
}

div.online-vorschau div.anzeige {
	margin: 0;
	border-top: 1px solid #C8C8C3;
}

div.suchergebnis div.thumbnail, div.online-vorschau div.thumbnail {
	width: 150px;
	position: relative;
	float: left;
	z-index: 1;
}


div.suchergebnis div.kurzbeschreibung {
	border-right: 1px solid #C8C8C3;
	width: 392px;
	min-height: 80px;
	padding: 10px 0 10px 0;
	float: left;
}

div.online-vorschau div.kurzbeschreibung {
	border-right: 1px solid #C8C8C3;
	width: 360px;
	float: left;
}

div.suchergebnis div.anzeigentext {
	width: 215px;
	padding: 0 11px 0 11px;
	float: left;
}

div.online-vorschau div.anzeigentext {
	width: 188px;
	padding: 0 11px 0 11px;
	float: left;
	z-index: 1;
}

div.anzeigentext h2 {
	hyphens: auto;
}

div.suchergebnis div.anzeigentext img.sold, div.online-vorschau div.anzeigentext img.sold {
	position: absolute;
	top: 40px;
	left: 200px;
	z-index: 2;
}
div.anzeigendetails {
	width: 83px;
	padding: 10px 0 5px 0;
	text-align: center;
	float: left;
}

div.anzeigendetails div.haendlericon {
	text-align: left;
	padding: 0 0 7px 8px;
	border-bottom: 1px solid #C8C8C3;
}

div.anzeigendetails div.haendlericon img {
	margin-right: 7px;
	vertical-align: top;
}

div.anzeigendetails div.link {
	text-align: left;
	padding: 10px 0 0 8px;
}

div.link img {
	margin-right: 7px;
	vertical-align: baseline;
}

div.link a {
	font-weight: bold;
	display: block;
	margin: 0px;
}

div.anzeigendetails div.link a {
	margin-bottom: 5px;
}

div.gemerkt {
	color: #001B84;
	font-weight: bold;
}

div.gemerkt img {
	margin-right: 5px;
}

/************** Anzeigen-Detailansicht *****************/

div.box div.detailansicht {
	position: relative;
	border-right: 2px solid #C8C8C3;
	border-bottom: 2px solid #C8C8C3;
	background-color: #FFFFFF;
	z-index: 1;
	padding-bottom: 20px;
}

div.box div.detailansicht img.sold-gross {
	position: absolute;
	top: 200px;
	left: 30px;
	z-index: 2;
}

div.detailansicht div.fehler {
	margin-top: 15px;
}

div.detailansicht div.link, div.archiv div.link {
	height: 12px;
	background-color: #EDEDEA;
	padding: 8px 10px 8px 10px;
}

div.detailansicht div.link.unten {
	background-color: #FFFFFF;
}

div.detailansicht div.link div.left {
	float: left;
}

div.detailansicht div.link div.right {
	float: right;
}

div.detailansicht div.link div.left img, div.detailansicht div.link div.right img {
	margin-right: 7px;
	vertical-align: baseline;
}

div.detailansicht div.link div.left a, div.detailansicht div.link div.right a {
	font-weight: bold;
}

div.detailansicht div.anzeigeninfos {
	margin-left: 13px;
}

div.detailansicht div.schlagzeile {
	margin: 23px 0 20px 0;
	font-size: 17px;
	font-weight: bold;
	color: #001B84;
}

div.detailansicht th {
	text-align: left;
	padding: 30px 0 10px 0;
	border-top: 1px solid #EDEDEA;
}

div.detailansicht th.haendler-icon {
	text-align: right;
	font-weight: normal;
	padding-right: 5px;
}

div.detailansicht th.haendler-icon img {
	position: relative;
	top: 2px;
	margin-right: 7px;
}

div.detailansicht td {
	text-align: left;
	padding: 3px;
	font-size: 11px;
	line-height: 15px;
	vertical-align: center;
}

div.detailansicht table {
	width: 446px;
	margin-left: 13px;
}

div.detailansicht td.even {
	background-color: #FFFFFF;
}

div.detailansicht td.odd {
	background-color: #EDEDEA;
}

/****** Überschrift Select-Feld bei Anzeigenerfassung *****/

div.label-select {
	margin: 5px 0 3px 0;
	font-weight: bold;
}

/****** Notiz zur Anzeige im Adminbereich *********/

.ui-tooltip {
	font-size: 12px;
}

/****** Infobox zur Anzeige im Adminbereich ********/

div.infobox {
	padding: 0;
	min-height: 45px;
	overflow: auto;
	position: relative;
}

div.infobox.klein {
	min-height: 15px;
}

div.infobox.gross {
	min-height: 80px;
}

div.infobox table {
	margin-top: 10px;
}

div.infobox-links {
	float: left;
	text-align: left;
	width: 240px;
}

table.table-a td div.infobox-links div.zeile, table.table-a td div.infobox div.zeile {
	clear: both;
	margin-bottom: 5px;
}

div.infobox div.label {
	float: left;
	margin: 4px 0 0 0;
	width: 70px;
}

div.infobox div.label.auto {
	width: auto;
	margin-right: 5px;	
}

div.infobox-links div.label {
	width: 70px;
	float: left;
}

div.infobox-links div.label.breit, table.table-a td div.infobox div.label.breit {
	width: 220px;
}

div.infobox-links input, div.infobox-links select,
div.infobox input, div.infobox select {
	display: inline;
}

div.infobox-links select, div.infobox select {
	font-size: 10px;
	height: 18px;
	vertical-align: top;
}

div.infobox div.ausgabe-info {
	width: 70px;
	float: left;
}

div.infobox div.status-info {
	width: 100px;
	float: left;
	font-weight: bold;
}

div.infobox div.anzeige-info {
	margin-top: 15px;
	font-size: 11px;
}

#admin-funktionen div.anzeige-info div.row {
	margin-bottom: 5px;
}

div.infobox div.anzeige-info div.label {
	margin-top: 0px;
	font-weight: bold;
	width: 90px;
}

div.infobox div.anzeige-info div.info {
	float: left;
	width: 280px;	
}

div.infobox div.button {
	position: absolute;
	bottom: 3px;
	right: 3px;
}

div.infobox.klein div.zeile .button-b {
	position: relative;
	top: 2px;
}

div.infobox-unten {
	clear: both;
	width: 289px;
}

td.admin div.button-unten {
	margin-top: 10px;
}

div.searchbar {
	position: absolute;
	background-color:#FFFFFF;
	border:1px solid #004434;
	color:#000000;
	font-size:10px;
	display: none;
	padding: 5px;
	margin: 5px;
}


/***** Footer ******/

div.fusszeile {
	clear: both;
	display: block;
}

div.footLinks {
	border: 1px solid #BFBFBF;
	margin: 60px 0 36px 0;
	padding: 8px 16px 10px;
}

div.footLinks a {
	text-decoration: none;
}

div.footer {
	margin-bottom: 110px;
	text-align: center;
}

div.footer a {
	color: #000000;
	text-decoration: none;
}

/***** Suchergebnis Pager Formatierung *****/

div.Pager {
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 10px;
	width: 100%;
	position: absolute;
	top: 2px;
	left: 0px;
}

div.Pager div.navLeft {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 10px;
}

div.Pager div.navCenter {
	height: 10px;
}

div.Pager div.navCenter span {
	text-decoration: underline;
	border-left: 1px solid #b8b8b0;
	padding: 0 0 0 4px;
}

div.Pager div.navCenter span.first {
	border-left: none;
}

div.Pager div.navCenter a {
	border-left: 1px solid #b8b8b0;
	padding: 0 0 0 4px;
	text-decoration: none;
	color: #b8b8b0;
}

div.Pager div.navCenter a:hover {
	text-decoration: underline;
}

div.Pager div.navCenter a.first {
	border-left: none;
}

div.Pager div.navRight {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 10px;
}

div.Pager div.navRight a.navButtonPrev {
	margin: 0 9px 0 0;
}

div.Pager div.navRight a.navButtonNext {
	margin: 0 0 0 8px;
}

div.PagerFooter {
	background-image: url(../grafik/bg_footer_box_gross.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 13px;
 	padding: 2px 10px 3px 13px;
 	position: relative;
}

/***** Archiv Template CSS *****/

div.archiv-item {
	position: relative;
	border: 1px solid #C8C8C3;
	margin: 0 0 5px 0;
	padding: 0px;
}

div.archiv-item div.archivheader {
	font-weight: bold;
	clear: both;
	margin: 4px 5px;
	padding: 3px;
	border-bottom: 1px solid #EDEDEA;
	overflow: auto;
}

div.archiv-item div.archivheader div.rubrik {
	text-align: left;
	float: left;
	width: 370px;
}

div.archiv-item div.archivheader div.sold {
	float: right;
	margin: 0 10px 0 0;
}

div.archiv-item div.archivheader div.vorschau {
	width: 150px;
	float: left;
}

div.archiv-item div.archivheader div.ausgabe {
	width: 150px;
	float: left;
}

div.archiv-item div.archivinfo div.vorschau {
	clear: both;
	float: left;
	padding: 2px 5px 5px 5px;
	width: 150px;
	vertical-align: middle;
}

div.archiv-item div.archivinfo div.vorschau div.bild {
	width: 65px;
	min-height: 50px;
	float: left;
}

div.archiv-item div.archivinfo div.vorschau div.link {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	width: 70px;
	float: left;
}

div.archiv-item div.archivinfo div.vorschau a {
	margin: 0 0 2px 0;
	display: block;
	text-decoration: none;
	vertical-align: middle;
}

div.archiv-item div.archivinfo div.vorschau a img {
	vertical-align: middle;
}

div.archiv-item div.archivinfo div.vorschau a img.with-border {
	border: 1px solid #000;
	margin: 2px 0 3px 0;
	vertical-align: bottom;
}

div.archiv-item div.archivinfo div.ausgaben {
	float: left;
}

div.archiv-item div.itemfooter {
	clear: both;
	margin: 4px 5px;
	padding: 3px 0 0 0;
	border-top: 1px solid #EDEDEA;
}

div.archiv-item div.itemfooter div.exposenr {
	font-size: 12px;
	height: 18px;
}

div.archiv-item div.itemfooter div.BottomRightButtons {
	text-align: right;
	float: right;
}

div.archiv-item div.itemfooter div.BottomRightButtons button {
	background-color:#EDEDEA;
	border:1px solid #999999;
	color:#333333;
	font-size:9px;
	padding: 2px;
	font-weight:normal;
}

/******** PopUp allgemein  **********/

body.popup {
	font-size: 12px;
	padding: 15px;
	margin: 0;
	background-color: #FFFFFF;
}

body.popup h2 {
	color: #333333;
	margin-bottom: 20px;
}

body.popup p {
	margin-bottom: 15px;
}

.popup .content-block {
	margin-bottom: 0px;
}

.popup div.control {
	text-align: center;
}

.popup div.control.top {
	margin: 20px 0 30px 0;
}

.popup div.control.bottom {
	margin: 30px 0 20px 0;
}

.popup.bilder ul {
	list-style-type: disc;
	padding: 0;
	margin: 10px 0 15px 15px;
}

body.popup div.button {
	margin-top: 20px;
	text-align: center;
}

div.datenschutz {
	padding: 10px;
}

table.archiv {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    width: 540px;
}

table.archiv td {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}

table.archiv td.control {
	white-space: nowrap;
}

table.archiv td.dateiname {
	text-align: left;
}

table.archiv th {
	text-align: center;
	font-size: 12px;
	color: #000000;
	padding: 2px 5px 2px 6px;
	border: 1px solid #E7E7E7;
	background-color: #F8F8F8;
}

/******** PopUp Bildupload **********/

#overlay {
   position: fixed;
   z-index:199;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
   -ms-filter: "Alpha(Opacity=75)";
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

* html #overlay { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#progress {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -100px;
   margin-top: -100px;
   z-index: 200;
   width: 200px;
   height: 200px;
   background-color: #FFFFFF;
	border-radius: 5px;
   text-align: center;
}

#spinner {
	width: 50px;
	height: 50px;
	margin: 40px auto;
}

#status {
	margin: 0 20px 0 20px;
	text-align: center;
}

/******** PopUp Fotoarchiv **********/

div.archiv-box {
	margin: 10px 0 0 0;
	padding: 8px 5px 8px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #BDBEC4;
	font-size: 11px;
	color: #4A525B;
}

/******** PopUp Anzeigenvorschau ***********/

div#preview {
	text-align: center;
}

div#preview div.anzeige {
	margin: 10px 0 10px 0;
}

/******* Fehlermeldung neben Eingabefeldern ********/

#msg {display:none; position:absolute; z-index:200; background:url(../grafik/msg_arrow.gif) left center no-repeat; padding-left:7px}

#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/************ Tabellen **************/

.table-a {
	width: 870px;
	margin: 0;
	border: 1px solid #001B84;
	background-color: #FFFFFF;
}

div.adminbereich table.table-a {
	width: 700px;
}

.table-a.objekttermine {
	margin-bottom: 10px;
}

.table-a.objekttermine th {
	text-align: left;
	padding-left: 10px;
}

.table-a.objekttermine td {
	padding: 2px 0 2px 10px;
	white-space: no-wrap;
}

div.adminbereich .table-a.adminbereich {
	width: 940px;
	margin-bottom: 10px;
}

div.adminbereich .table-a.adminbereich.schmal {
	width: 630px;
}

.table-a.adminbereich.aktionsbox {
	margin-top: 50px;
}

.table-a.adminbereich img.preview {
	max-width: 50px;
}

.table-a.archiv {
	width: auto;
}

.table-a input, .table-a input.text, .table-a select {
	width: auto;
}

.table-a th {
	text-align: center;
	font-size: 10px;
	color: #4A525B;
	padding: 2px 5px 2px 6px;
	border : none;
	background-color: #FFF;
}

.table-a.adminbereich th {
	color: #FFFFFF;
	background-color: #001B84;
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	padding-top: 5px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

.table-a.adminbereich th.last {
	border-right: none;
}

.table-a.adminbereich th.formular {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	border-right: 1px solid #001B84;
	border-bottom: 1px solid #001B84;
}

.table-a th.linksbuendig {
	text-align: left;
}

.table-a th.linksbuendig div.header {
	float: left;
}

.table-a th.preisangabe {
	text-align: right;
}

.table-a th div.zusatzinfos {
	float: right;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

.table-a th.klein  {
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #001B84;
	border-left: 1px solid #001B84;
	font-size: 11px;
	background-color: #001B84;
	color: #FFFFFF;
}

.tabletext_klein, table.table-a td {
	padding: 2px 5px 2px 6px;
	margin: 0px;
	vertical-align: top;
	border: 1px solid #001B84;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #4A525B;
}

table.table-a td.aktion {
	text-align: center;
	vertical-align: middle;
}

table.table-a td.flag {
	text-align: center;
	vertical-align: middle;
}

table.table-a td.admin {
	padding: 5px;
}

table.table-a td.admin div.input-block {
	margin: 10px 0 0 0;
}

table.table-a td.admin div.input-block div.label.oben {
	margin-bottom: 3px;
}

table.table-a td.nobreak {
	white-space: nowrap;
}

table.table-a td.checkboxgroup {
	white-space: nowrap;
	vertical-align: top;
}

div.scrollable {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 3px;
	padding: 3px;
	overflow: scroll;
	height: 10em;
}

table.table-a td.mehrzeilig {
	vertical-align: top;
}

table.table-a td.merged {
	white-space: nowrap;
	border-top: none;
}

table.table-a td.merged.left {
	border-bottom: none;
	border-right: none;
	padding-bottom: 0;
}

table.table-a td.merged.right {
	border-bottom: none;
	border-left: none;
	padding-bottom: 0;
}

table.table-a td.merged.bottom {
	border-top: none;
	text-align: left;
	padding: 0 0 0 7px;
}

table.table-a td.linksbuendig {
	text-align: left;
}

table.table-a td.input {
	background-color: #FFFFFF;
	color:  #333333;
	font-size: 11px;
	padding: 4px 5px 4px 6px;
}

table.table-a td.input select {
	font-size: 11px;
	width: auto;
}

table.table-a td.radio {
	padding: 2px 5px 2px 2px;
	width: 10px;
	vertical-align: top;
	text-align: center;
}

table.table-a td.hinweis {
	background-color: #FFFFFF;
	color: #333333;
	padding: 5px 0 5px 5px;
}

table.table-a td div.link {
	margin: 5px 4px 3px 0;
}

table.table-a td div.linker-block {
	float: left;
	margin-right: 10px;
}

table.table-a td div.input-box {
	padding-top: 3px;
	margin-right: 10px;
	float: left;
	display: inline;
}

table.table-a td div.input-box div.label {
	margin-bottom: 2px;
}

table.table-a td.blaettern-zeile {
	margin: 0px;
	padding: 2px 10px 2px 10px;
	text-align: center;
	background-color:#EEEEEE;
	color: #4A525B;
	white-space: nowrap;
}

table.table-a td.blaettern-zeile td {
	background-color:#EEEEEE;
	border: none;
}


/********************** Uraltes aus der main.php ******************************/

#div-content {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: none;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

div.fragezeichen {
	cursor: help;
	margin: 0 0 0 8px;
	position: relative;
	top: 2px;
	display: inline;
}

.button-a, .button.klein {
	background-color: #001B84;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

.button-b {
	padding: 1px 2px 1px 2px;
	background-color: #F6F9F8;
	color: #001B84;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #BDBEC4;
	border-radius: 4px;
}

.button-b.inaktiv {
	color: #999999;
	border: 1px solid #999999;
}

.button-b.top {
	margin-bottom: 10px;
}

.button-b.inline {
	margin-left: 10px;
}

.button-c, .button-d, .button-e {
	padding: 0px 2px 0px 2px;
	background-color: #F6F9F8;
	color: #001B84;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #BDBEC4;
}

.fehler {
	color: #DE140A;
	font-weight: bold;
}

div.fehler {
	margin: 10px 0 10px 0;
	display: block;
}

div.inner-box div.fehler {
	margin-top: 0px;
	padding-top: 20px;
}

.ok {
	color: #008000;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.ok ul, .fehler ul {
	padding: 0 0 0 20px;
}

.debugBox {
	padding:1px;
	margin:0;
	border: 1px solid #01e;
	background-color: #def;
	font-size:9px;
	font-weight: normal;
	color:#014;
	clear: both;
}

.debug_table {
	margin: 5px;
	border: 1px solid #001B84;
	background-color: #fff;
}
.debug_table th {
	background-color: #444;
	font-size: 9px;
	color: #ddd;
}

.debug_table td {
	background-color: #ddd;
	font-size: 9px;
	color: #333;
}

.ivwpixel {
	position: absolute;
	border: none;
}

/* ############ a-Links ############ */

.table-a.adminbereich th a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.table-a.adminbereich td a:link,
.table-a.adminbereich td a:visited {
	color: #000000;
	text-decoration: none;
	vertical-align: top;
	font-weight: normal;
}

.table-a.adminbereich td a:hover,
.table-a.adminbereich td a:active {
	color: #000000;
	text-decoration: underline;
	vertical-align: top;
	font-weight: normal;
}

.table-a.adminbereich td a.button.small {
	color: #FFFFFF;
}

a.nav1-head:link {
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: top;
	font-weight: normal;
}
a.nav1-head:visited {
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: top;
	font-weight: normal;
}
a.nav1-head:hover {
	color: #001B84;
	text-decoration: none;
	vertical-align: top;
	font-weight: normal;
}
a.nav1-head:active {
	color: #001B84;
	text-decoration: none;
	vertical-align: top;
	font-weight: normal;
}


/**** Ajax Dynamische Liste ****/
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
