/* Messe-Dresden blau: #383285 */

/* Wichtig, das folgende nicht löschen! Der folgende Text muss zu der Schrift DIN hier eingesetzt werden. */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.clear {
	clear: both;
}

body {   
    color: #484848;
	font-family: 'DIN W01 Light', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

h1, h2 {
	color: #6c6c6d;
	margin-bottom: 10px;
	margin-top: 18px;
}

h1 {
    font-size: 18px;
    font-weight: 900;
    line-height: 26px;
}

h2 {
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}

hr{
	padding-top: 20px;
}

b, strong, b > *,
th,
tr.trSummeRow td,
h1, h2, h3, h4, h5, h6,
section#content table.legende th,
section#content table.legende th:first-child,
section#content table.legende th:last-child,
body#bodyIdSHOWKAU span#spanEinsendeschluss,
body#bodyIdSHOWKAU span#spanEinsendeschluss *,
body#bodyIdSTART section#content h2 span.h2SpanVgTitel {
	font-weight: initial; /* wichtig, damit die default.css überschrieben wird. Sonst ist das bold doppelt und macht die Schrift 'kaputt' */
	font-family: 'DIN W01 Bold', Arial, sans-serif;
}

a {
	color: #383285; /* parametrisierbar */
	font-weight: normal;
}

a:hover {
	text-decoratíon: underline;
}

p {
	margin: auto;
}

input[type="text"], input[type="password"], textarea, select {
    font-family: 'DIN W01 Light', Arial, sans-serif;
    font-size: 14px;
    color: #6c6c6d;
    background-color: #fff;
    border: 1px solid #8b8b8b;
    padding: 5px;
}

select {
	width: 215px;
}

/* Gerüst */

header#topHeader {
	top: 0;
	position: fixed;
	width: 100%;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiNmNGY0ZjQiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
	border-bottom: 1px solid #8b8b8b;
}

header#topHeader a.orgLogo {
	float: left;
}

header#topHeader a.vgLogo {
	float: left;
}

header#topHeader div.vgDatum {
	margin-top: 32px;
	margin-left: 10px;
	float: left;
	width: auto;
	font-size: 18px;
	font-family: 'DIN W01 Bold', Arial, sans-serif;
}

nav#menueOben {
    float: right;
	margin-top: 11px;
	vertical-align: top; 
	margin-bottom: 11px;
}

div#outerContent {
	position: fixed;
	width: 100%;
	padding: 0;
	top: 62px;
	bottom: 60px;
	overflow: auto;
}

nav#menueLeft {
    padding-top: 30px;
    width: 190px;
    display: table-cell;
    float: left;
}

section#content {
    width: 1000px;
    display: table-cell;
    margin-left: 210px;
}

section#content div#div4margins {
    background-color: rgba(255,255,255,0.9);
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 40px;
    float: left;
    width: 900px;
}

body#bodyIdLEIKAT_ADVERTISEMENT section#content div#div4margins {
	background-color: transparent;
}

/* Standardtabelle allgemein */

table.data th {
	border-top: 1px solid #8b8b8b;
	border-bottom: 1px solid #8b8b8b;
}

table.data th,
table.data td {
	padding: 8px;
}

table.data th:first-child,
table.data td:first-child {
	padding: 8px 0;
}

/* Kasten allgemein */

div#divDaten {
	padding: 20px;
	background-color: rgba(255,255,255,0.9);
}

/********************************* Loginseite  ******************************************/

section#content form#loginForm ul.inputs li {
	line-height: 40px;
}

/*************************************** Navigation oben *******************************************/

nav#menueOben ul#listeMenuOBEN,
nav#menueOben ul.listeMenu {
    display: inline;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

nav#menueOben ul#listeMenuOBEN li,
nav#menueOben ul.listeMenu li {
    display: inline;
    position: relative;
}

nav#menueOben li a {
    color: #8b8b8b;
    text-transform: uppercase;
    display: block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    outline: medium none;
    padding: 0 20px;
    text-align: middle;
    text-decoration: none;
}

nav#menueOben ul#listeMenuOBEN li a:hover,
nav#menueOben ul#listeMenuOBEN li.active a {
    background-color: #383285; /* parametrisierbar */
    color: #fff;
}

nav#menueOben li a#LOGOUT_CHECK {
	color: #383285; /* parametrisierbar */
}

/********************************* Suche ****************************************/

form#searchTop {
	float: right;
}

form#searchTop input#needle,
form#searchTop button#sucheBtn {
	padding: 0 12px;
}

form#searchTop input#needle {
    height: 38px;
    width: 150px;
    border-right: 0;
    font-family: sans-serif;
   	line-height: 38px;
   	border: 1px solid #8b8b8b;
}

form#searchTop button#sucheBtn {
   	cursor: pointer;
    border-radius: 0;
    background-color: #383285; /* parametrisierbar */
   	color: #fff;
   	margin-right: 20px;
   	font-size: 14px;
    height: 40px;
    margin: 0;
}

/******************************* Navigation links  ********************************/

nav#menueLeft ul li {
	height: 150px;
	width: 150px;
	border-radius: 150px;
	margin-left: 20px;
}

nav#menueLeft ul,
nav#menueLeft li{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 20px;
}

/*Link und Text*/
nav#menueLeft li a {
	color: #8b8b8b;
	text-transform: uppercase;
	height: 60px;
	padding: 65px 20px 0 20px;
	font-family: 'DIN W01 Bold', Arial, sans-serif;
	font-size: 18px;
	font-weight: 900;
	display: block;
	border: none;
}

nav#menueLeft li a,
nav#menueLeft li.liEbene0 a,
nav#menueLeft li.liEbene1 a,
nav#menueLeft li.active a.active,
nav#menueLeft li.liEbene1.active a.active,
section#content nav#pfad a,
section#content p.pLeikatGruppe a {
	text-decoration: none;
}

section#content article.articleLegkrat a:hover {
	text-decoration: none;
}

nav#menueLeft li a:hover,
nav#menueLeft li a.active {
	border-radius: 200px;
	text-decoration: none;
	color: #383285; /* parametrisierbar */
}

nav#menueLeft li {
	background: url("../../img/sb/messeball.png") no-repeat rgba(255,255,255,0.9);
}

nav#menueLeft li span.textzeile{
	margin-top: 8px;
	background-color: #cccccc;
	padding-left: 10px;
	font-family: 'DIN W01 Bold', Arial, sans-serif;
}

nav#menueLeft li.leerzeile{
	padding-bottom: 10px;
}

/* Footer Impressum, Datenschutz, soziale Netzwerke */
nav#navFooter {
	color: #fff;
	bottom: 0;
	position: fixed;
	width: 100%;
	background-color: #464646;
	border-top: 1px solid #8b8b8b;
}

nav#navFooter a {
	color: #fff;
	text-transform: uppercase;
	margin: 0 30px;
}

nav#navFooter div.navFooterLinks {
	float: right;
	margin: 20px;
}

nav#navFooter div#divSozNet {
	float: right;
	margin: 10px 20px;
}

/************************** Pfad  ******************************/

section#content nav#pfad,
section#content nav#pfad a,
div.progress {
	color: #6c6c6d;
    font-size: 18px;
    font-weight: normal;
    margin-top: 18px;
    margin-bottom: 30px;
    line-height: 26px; 
}

/********************** Home / Übersichtsseite **************************************************/

section#content article.articleLegkrat {
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #383285; /* parametrisierbar */
}

article.articleLegkrat a:hover {
	text-decoration: underline;
}

section#content article.articleLegkrat,
section#content article.articleLegkrat header {
    width: 291px;
}

section#content article.articleLegkrat header {
    font-size: 22px;
    font-weight: normal;
    height: 157px;
	padding: 0;
	vertical-align: bottom;
	background-position: top center;
	background-repeat: no-repeat;
}

section#content article.articleLegkrat header a {
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: 1px solid #383285; /* parametrisierbar */
	display: block;
	color: #383285; /* parametrisierbar */
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	opacity:0.8;
}

section#content article.articleLegkrat p.line,
section#content article.articleLegkrat footer {
    display: none;
}

/********************************** Leistungsgruppe *****************************************/

section#content p.pLeikatGruppe a {
	color: #383285;
    font-size: 24px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #383285;
    width: 291px;
}

section#content table#tableSerkatLeistung.data {
	margin-bottom: 20px;
}

section#content button#btnBack {
	margin-bottom: 20px;
}

section#content button.itbButton.browse {
	padding: 6px 12px;
}

section#content section#blaetterlogik {
	margin-bottom: 20px;
}

section#content div.toClear{
 clear:both;
}

/******************************* Leistungsdetails  **************************/

/* DD möchte, dass das deaktivierte Eingabefeld nicht als solches erkennbar ist */
tr#tdLeidetails input.mengeInput:disabled {
	border: none;
	background: transparent;
	padding: 0;
}

/* Tabstundemenge */
table.zeilenFormular input {
	margin-left: 5px;
}

table.zeilenFormular input.textfield {
	width: 20px;
}

table.zeilenFormular input.itb-dateOnlyInput.itb-datepicker.itb-datetimepicker.textfield.vondatinput.hasDatepicker {
	width: 80px;
}

table.zeilenFormular input.itb-timeOnlyInput.textfield.itb-invisible-datepicker.itb-datetimepicker {
	width: 40px;
}

table.zeilenFormular td.tdBottomLine, 
table.zeilenFormular td.tdTopLine,
table.zeilenFormular th {
	border: 0;
}

table.zeilenFormular td.rechtsbuendig {
	text-align: right;
}

section#content form#leiForm td#weitereAngaben {
	color: #6c6c6d;
}

table#tableSerkatLeistung td.tdWeitereAngaben {
	background-color: #f5f5f5;
	color: #6c6c6d;
}

table#tableSerkatLeistung td.tdWeitereAngaben {
	padding: 25px 30px;
}

table#tableSerkatLeistung input.inputMenge {
	width: 45px;
	text-align: center;
}



/***************************** Warenkorb  ****************************/



section#content div#divStanddaten,
section#content div#divAuftragsdaten {
	display: table-cell;
	width: 430px;
	color: #6c6c6d;
	
}

section#content div#dataAGB {
	border: 0;
	background-color: rgba(255,255,255,0.9);
	color: #6c6c6d;
	padding: 20px;
	float: left;
	box-sizing: border-box;
	width: 100%;
}

section#content form#data div#dataAGB ul.lfAgb {
	list-style: none;
	margin-left: 0;
}

div#changeWKButtonDiv{
	width: 100%;
	float: left;
}

div#changeWKButtonDiv button{
	float: left;
}

section#content button#ChangeWKButton.itb-Button.ui-button {
	margin-top: 0;
}

table#wkTable input.mengeInput{
	width: 35px;
	text-align: center;
}

button#backSuche {
	margin-bottom: 20px;
}

section#content div#divTextBottomWk {
	width: 100%;
	margin-top: 20px;
	float: left;
}

/***************************** Passwort vergessen  ****************************/

section#content table#pw td {
	line-height: 40px;
	padding: 3px 0;
}

/***************************** Bestellbestand  ****************************/

body#bodyIdSHOWAUFTRAG button#btnNewPassword {
	margin-bottom: 20px;
}

div#divDaten {
	display: table;
	clear: both;
}

div#divAuftragsdaten img.imgHallenPlan {
	margin-right: 5px;
}

section#content button#btnUnterLogin {
	margin-left: 15px;
}


/***************************** Legende  ****************************/

table.legende td {
	padding: 2px 5px;
}

table.legende col.legendPic {
	width: 30px;
}

/**************************** Vorveranstaltungen ********************/

table#tableBestellbestandVorVg td#weitereAngaben div[id^='details'] {
	padding: 25px 30px;
	background-color: #f5f5f5;
	color: #6c6c6d;
}

section#content table.data_innertable > tbody > tr,
section#content table.data_innertable > tbody > tr:nth-child(2n) {
	background-color: transparent;
	border: 0;
}

/********************************* Ihre Daten: Ansprechpartner  ************/

section#content table#tableStart {
	margin-top: 20px;
	width: 70%;
}


section#content table#tableStart tr.colCheckbox {
	height: 50px;
	border-bottom: 1px dotted #000000;
}

section#content table#tableStart tr.colCheckbox label {
	font-family: 'DIN W01 Bold', Arial, sans-serif;
	padding-bottom: 5px;
}

section#content table#tableStart td {
	vertical-align: middle;
	padding-top: 5px;
}

/********************************* Dateiupload / Fileupload  ************/

table.legende td:first-child {
	width: 30px;
}

/********************************* Abweichende Rechnungsadresse  ************/

table.tableAdrType col.form_col_label {
    width: 100px;
}

table.tableAdrType select {
	width: 212px;
}

section#content table#tableRADR,
section#content table#tableUADR {
	width: 600px;
}

fieldset {
    border: 1px solid #6c6c6d;
    padding-top: 10px;
}

tr.wkRowSetTrZuAbwRadr {
	border-bottom-style: none;
}

section#content tr.trIstZuschlagsleistung,
section#content tr.trHatZuschlaege {
   border: 0;
}

/********************************* Unterberechtigungen ************/

table.tableAdrType#tableUADR col.form_col_label {
	width: 100px;
}