﻿/*styles zum positionieren der elemente*/
body 
{
	/*für ie6 zentrieren*/
	background-color:#F7F8F9;
	
	font-size: 12px;
	cursor: default;
	background-image: url(media/siteBg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#floatcontainer 
{
    /*für firefox zentrieren*/

    text-align:left;
    background-color:#E7E9EB;
    background-repeat:repeat-y;
    border: 1px solid #546578;
}

#masterpage_updateprogress
{
    text-align:center;
    position:fixed;
    top:300px;
    left:50%;
    width:200px;
    margin-left:-100px;
    background-color:#fff;
    border:1px dotted #33f;
    height:100px;
    padding-top:35px;
    z-index:100;
}

.masterPageLinks
{
    
}

.modalPanel
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
}

.modalPanel div
{
    position:absolute;
    width:200px;
    margin-left:-100px;
    left:50%;
    margin-top:300px;
    border:1px dotted #33f;
    background-color:#fff;
    padding-top:35px;
    height:100px;
    text-align:center;
}

.messeInfoDiv
{
    margin-left:180px;
}

.logo 
{

}

.popupLoader
{
    position:absolute;
    visibility:hidden;
}

.Table1{
	margin-top: 20px;
}

.Table1 td{
	padding: 10px;
	border-bottom:1px solid;
	border-bottom-color: #546578;
}

form
{
    margin:0;
    padding:0;
}

.menu
{
    width:171px;
    float:left;
}

#content 
{
	margin-left:180px;
}

.border{
	border:1px solid #fff;
	padding: 0px;
    padding-bottom:10px;
}

.dot{
	background-image: url(media/dot.gif);
	background-repeat: repeat-x;
	height: 1px;
	margin: 5px 0 10px 0;
}

.messeselectbutton 
{
    margin-left:3px;
    margin-bottom:2px;
    border:0;
}

#version
{
    text-align:right;
}

.logoutlink
{
    color:#fff;
}

.loginAuthenticationRequired
{
    margin-top:10px;
}


/* Navigation Udo */
.Nav ul 
{
    margin:0;
    padding:0;
    padding-top:1px;
    padding-bottom:2px;
    list-style:none;
    font-weight:bold;
    letter-spacing:-1px;
}

.Nav ul li
{
    margin:0px;
}

.Nav ul li.header
{
    min-height:21px;
	line-height:20px;
	padding-left:5px;
}
html* .Nav ul li.header
{
    margin-bottom:-15px;
}
.Nav ul li ul
{
    font-size:11px;
}


.Nav ul li ul li
{
    background-image:none;
    height:auto;
    margin-left:5px;
}

.Nav ul li ul li ul
{
    margin-left:10px;
    font-weight:normal;
}

/* Navigation Udo ENDE */
/*überall gebrauchte standard klassen, am besten nicht ändern*/
#divSportTitle
{
    height:80px;   
    margin-left:150px;
    font-size:52px;
    padding-top:22px;
    padding-left:25px;
    font-weight:bold;
}

.infocardButton
/*wird gebraucht damit die buttons in der Druck version ausgeblendet werden können*/
{
    float:right;
}

.infocardBorder 
{
    width:auto;
    background-color:#fff;
    border:1px solid black;
    padding:2px;
    margin:2px;
}

.infocardBorderBooked
{
    width:auto;
    background-color:#cbf9ac;
    border:1px solid black;
    padding:2px;
    margin:2px;
}

.infocardBorder .employee, .infocardBorderBooked .employee
{
    font-style:italic;
}

.eventcardBorder 
{
    width:160px;
    border:1px solid blue;
    margin:2px;
    background-color:#fc0;
    padding:2px;
    font-weight:bolder;
}

.cellcontrolEventInfo
{
    visibility:hidden;
    position:fixed;
    background-color:#fff;
    padding:10px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    background-image:url(media/cornerL.gif);
    background-repeat:no-repeat;
    background-position: bottom right;
    width:300px;
    top:300px;
    left:50%;
    margin-left:-150px;
}

.noLink
{
    display:block;
    border:1px solid black;
    text-decoration:none;
    color:#000;
    height:18px;
    text-align:center;
    background-color: #FFF;
	background: url(media/buttonBg.gif) 0 1px;
	background-repeat: repeat-x;
    margin:2px;
}

html* .noLink
{
    background: url(media/buttonBg.gif) 0 -1px;
}

.noLink:hover 
{
    background:  url(media/buttonBg.gif) 0 -20px;
    background-repeat: repeat-x;
}

html* .noLink:hover 
{
    background:  url(media/buttonBg.gif) 0 -21px;
}

.noLink:hover
{
    background:  url(media/buttonBg.gif) 0 -20px;
    background-repeat: repeat-x;
}

.floatright 
{
    float:right;
}

.closeButton
{
    float:right;
}

.PanelProfil
{
    
}

.scheduleInfoCard 
{
    
    margin-left:-175px;
    width:300px;
    visibility:hidden;
	font-size: 12px;
	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #000;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #000;
	background-image: url(media/corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	background-color:#fff;  
}

.scheduleInfoCard div.dotted
{
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	height: auto;
	margin-bottom: 3px;
	padding-left:4px;
}

.backgroundBook 
{
    background-color:#f0f0f0;
    border:1px solid black;
    position:fixed;
    top:50%;
    left:50%;
    margin:150px auto;
    width:700px;
    margin-left:-350px;
    margin-top:-250px;
    height:500px;
    padding:10px;
    text-align:left;
    overflow-y:scroll;   
}

.hoverpanel
{
    background-color:#f0f0f0;
    border:1px solid black;
    position:fixed;
    top:50%;
    left:50%;
    margin:150px auto;
    width:900px;
    margin-left:-450px;
    height:500px;
    margin-top:-250px;
    padding:10px;
    text-align:left;
    overflow:scroll;   
}

.ProviderShowEditInvitationText
{
    background-color:#fff;
    margin:7px;
}

.searchPanel 
{
    width:600px;
    left:300px;   
    top:150px;
    height:400px;
}

.underlined 
{
    text-decoration:underline;
}


.employeeNameInOverview
{
    font-style:italic;
}

.providerNameInOverview 
{
    font-weight:bolder;
}

.messageBox
{
    background-color:White;
    border:solid 1px red;
    padding: 2px;
    padding-top: 4px;
    font-size: 11px;
    margin-bottom:10px;
    margin-right:35px;
}

.borderless 
{
    border:0;
}

.zipLength 
{
    width:35px;
}

.cursorKlick 
{
    cursor:pointer;
}

.TextCenter{
    text-align:center;
    margin:10px 0 10px 0;
}

.clearer
{
    clear:both;
}

.bottom5
{
    margin-bottom:5px;
}

.title 
{
    margin-bottom:15px;
}
 
h1 
{
	font-size:40px;
	margin: 0;
	letter-spacing: -1px;
}

h2 
{
	font-size:18px;
	font-weight: bold;
	color: #546471;
	letter-spacing: -1px;
	margin-top:0px;
}

.TextBox
{
    border: 1px solid #65698d;
    background-color: #fff;
    width: 118px;
}

.TextBox
{
    width:auto;
}


.width200 
{
    display:inline;
    width:200px;
}



/* Fomulare */
select
{
    font-size: 11px;
}
input
{
	border:1px solid black;
	font-size: 11px;
	background-color: #FFF;
	background-image: url(media/buttonBg.gif);
	background-repeat: repeat-x;
}

.area
{
    border:1px dotted #c0c0c0;
    padding:7px;
    margin-bottom:5px;
}

textarea,select
{
    border:1px solid black;
	font-size: 11px;
	background-color: #FFF;
}

html* input 
{
	background: url(media/buttonBg.gif) 0 1px;
}

.RadioButtonList input
{
    background-image: none;
    background-color:inherit;
    border:none; 
}

input.send-btn 
{
	height: 20px;
	background: url(media/buttonBg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	padding: 0 5px 0 5px;
}

html* input.send-btn 
{
    background: url(media/buttonBg.gif) 0 -1px;
}

input.send-btn:hover 
{
    background:  url(media/buttonBg.gif) 0 -20px;
    background-repeat: repeat-x;
}

html* input.send-btn:hover 
{
    background:  url(media/buttonBg.gif) 0 -21px;
}


.inputNames 
{
	width:190px;
	float:left;
	font-size: 11px;
	background-image: url(media/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 16px;
	margin-right: 5px;
	margin-bottom:5px;
}
/*wird im OrgaDataQuery Control verwendet
.area .area verhindert das in showedit.aspx das selbe passiert
*/
.area .area td.inputNames 
{
    width:400px;
}

.inputNamesTable
{
    background-image: url(media/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
	height: 16px;
	margin-right: 5px;
	margin-bottom:5px;
	width:120px;
}

html* .inputNames 
{
    height: 18px;
}


.inputAttr
{
	margin-bottom:7px;
	margin-left:200px;
}

/*bereichs bezogene styles*/

/*Admin Bereich*/

.analyseLink
{
    display:block;
    text-decoration:none;
}

.adminAnalyse_SelectLink 
{
    color:#000;
}

.adminProviderShowEdit_Buttons 
{
	float:left;
	width: 35px;
	margin-left: 0px;
	padding-left: 0px;
	margin: 10px;
	margin-top: 80px;
	text-align: center;
}

.adminProviderShowEdit_Listbox1 
{
	float:left;
}

.adminProviderShowEdit_Listbox2
{
	float:left;
}

#messetagdatumselector 
{
    float:left;
}

#messetageselect
{
	font-size: 11px;
}

#messetagstartzeit
{
	margin-left:10px;
	float:left;
}

#messetagendzeit
{
    margin-left:10px;
    float:left;
}

.width75 
{
    width:75px;
}

.lstShowDays 
{
    margin-top:20px;
    width:560px;
    height:100px;
}

.adminEventEdit_Inputs 
{
    margin-top:30px;
}

/*Provider Bereich*/
.wizardStepLink
{
    text-decoration:none;
    color:#000;    
}

.infocardemployeeheaders
{
    font-weight:bold;
}

.provider_bookdealerscheduleSearch 
{
    border: 1px dotted black;
    padding: 5px;
    padding-top:10px;
    z-index:1;
}

#legend 
{
    border: 1px solid blue;
    margin-top:5px;
    padding:5px;
    background-color:#fff;
}

h3 
{
    position:relative;
    display:inline;
    font-size:12px;
    background-color:#E7E9EB;
    z-index:2;
}

h4
{
    font-size:10px;
}

.employeeshow_border 
{
    border: 1px dotted black;
    padding: 5px;
    padding-top:10px;
    z-index:1;
    margin-bottom:20px;
    height:200px;
}

.provider_ScheduleOverviewTableDiv
{
    margin-top:20px;
}

.provider_ScheduleOverviewTable
{
    margin-top:10px;
}

/*Dealer Bereich*/
.errorNoEmail
{
    color:Red;
    
    font-weight:bold;
    border:1px solid red;
    background-color:#e0e0e0;
}

.dealerSeminaries_header
{
    font-weight:bolder;
    font-size:larger;
    background-color:#f0f0f0;
}

.dealerSeminaries_border 
{
    border:1px solid #000;
    margin-top:10px;
    margin-bottom:15px;
    padding:2px;
    background-color:#e0e0e0;
}

.dealerSeminaries_details
{
    top:50px;
    background-color:#fff;
    padding:5px;
}
.dealerInfosList, .dealerInfosList li ul
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.dealerInfosList li
{
    border-top:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    border-bottom:2px solid #8f8f8f;
    border-right:2px solid #8f8f8f;
    padding:5px;
    background-color:#fff;
    margin-bottom:30px;
    margin-left:50px;
    margin-right:50px;
}

.dealerInfosList li.adminInformation
{
    background-color:#ecf2f9;
    
}

.dealerInfosList li.header
{
    border:none;
    padding:1px;
    background-color:#E7E9EB;
    margin-bottom:5px;
    font-weight:bold;

}

.dealerInfosList li div.editBox
{
    margin-top:15px;
    text-align:right;
    
}

.dealerInfosList li div.editBox span
{
    padding:5px;
    background-color:#fff;
    font-size:9px;
    
    
    border-right:2px solid #8f8f8f;
    border-left:2px solid #8f8f8f;
    border-top:2px solid #8f8f8f;
}
.dealerInfosList li div.editBox span a
{
    text-decoration:none;
    color:#a0a0a0;
    text-transform:uppercase;
}


.dealerInfosList li span.header
{
    font-weight:bolder;
    font-size:large;
}

.dealerInfosList li span.teaser
{
    font-weight:bold;
    font-size:larger;
}

.dealerInfosList li div.messageWithBorder
{
    border-top:1px solid #c0c0c0;
    padding-top:5px;
}

li div.headerWithBorder
{
    border-bottom:1px dotted black;
    margin-bottom:5px;
}
	/* Ampel START */
.btnNoSchedule 
{
	background-color: #f4f4f4;
}

.btnNothingFree 
{
	background-color: #E8B5B5;
}

.btnBooked 
{
	background-color: #EADE99;
}

.btnFree 
{
	background-color: #B1E29A;
}
/* Ampel ENDE */

.dealerScheduleButton 
{
    width:100px;
    background-image:none;
    background-color:#B1E29A;
}


.cell1
{
	background-image: url(media/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right:1px solid #999;
	vertical-align:bottom;
	background-color:#ffffd5;
	font-family:Arial, sans-serif;
	font-size:11px;
	width:150px;
}

.cell1 td
{
    border-right:1px solid #999;
}


.cell2
{
	background-image: url(media/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right:1px solid #999;
	vertical-align:bottom;
	background-color:#ffffb5;
	margin-right:1px;
	font-family:Arial, sans-serif;
	font-size:11px;
	width:150px;
}

.cell2 td
{
    border-right:1px solid #999;
}

.dealerTable
{
    border-bottom-style: solid;
}

/*messe styles*/
.employeeshow_showdayinputs 
{
    width:80px;
    float:left;
}

.floatleft
{
    float:left;
}

.marginleft130 
{
	margin-left:200px;
}


#savebutton 
{
    margin-top:30px;
}

.uhrzeitZelle 
{
    font-size:12px;
}

/*provider bereich*/
#employeeshow_employees 
{
    margin-top:20px;    
}

#employeeshow_selectshowday
{
    margin-top:20px;    
}

#employeeshow_editshowday
{
    margin-top:20px;    
}

/*Login*/
#loginName
{
	margin:0;
	padding: 0;
	margin-left:10px;
}

#loginPw
{
	margin:0px;
	padding: 0px;
	margin-left:10px;
}

#loginLanguage
{
    margin:0px;
    padding:0px;
    margin-left:10px;
}

html>body #loginPw 
{
    margin-top:3px;
}

#loginDiv 
{
	margin:0 auto;
	text-align:left;
	width:300px;
	background-color:#E7E9EB;
	margin-top:150px;
	border: 1px solid;
	border-color: #546578;
}

#loginButton 
{
	margin-top:5px;
	padding:4px;
	text-align:center;
}

#loginTitle 
{
	text-align:center;
	background-color:#546578;
	padding:3px;
	margin-bottom: 10px;
	color: #FFF;
	font-size:24px;
	font-weight:bold;
}

.LoginError
{
	width: 300px;
	background-color: #CC3300;
	line-height: 20px;
	color: #FFF;
	border: 1px solid;
	border-color: #546578;
	margin-top: 10px;
	font-weight: bold;
	margin: 5px auto;
}

.HelpPopUp
{
    border:1px solid Black;
    visibility: hidden;
    background-color: White;
    padding:3px;
    width:400px;
}

.errorPanel
{
    color:Red;
    font-size:large;
    font-weight:bold;
    border:1px solid red;
    background-color:#e0e0e0;
}

.statusPanel
{
    color:Blue;
    border:1px solid red;
    background-color:#e0e0e0;
}

/* Profil Visitenkarte */
.profil 
{
    visibility:hidden;
    width:350px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #000;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #000;
	background-image: url(media/corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	background-color:#fff;
	position:absolute;
}

.profil div.passfoto
{
	width:70px;
	padding: 0 8px 8px 0;
	background-color: #FFF;
}

.profil div.passfoto img
{
	border: 1px solid #000;
}

.profil div.profilInfo
{
	margin-bottom: 10px;
	
	border-bottom:1px dotted black;
}

.profil div.dotted
{
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	height: auto;
	margin-bottom: 3px;
	margin-left:73px;
	padding-left:4px;
}

.tabButton
{
    border-bottom:2px solid #ffbc00;
    border-right:2px solid #ffbc00;
}
.selTabButton
{
    border-bottom:3px solid #ffbc00;
    border-right:3px solid #ffbc00;
    font-weight:bold;
}


/*Controls*/
.deleteButtonCellcontrol
{
    float:left;
    margin-right:3px;
}
