* {  
    font-family:Verdana,Arial,Helvetica,Geneva,Sans-Serif; 
    font-size:10pt !important;
}

html { 
	margin:0;
    padding:0; 
    font-family:Verdana,Arial,Helvetica,Geneva,Sans-Serif; 
    font-size:10pt;
    background-color:#e5f4f2;
}

body {
    margin:0;
    padding:0;
    background-color:#e5f4f2;
}

div { margin:0; padding:0; }

h1 { font-size:200%; font-weight:bold; }
h2 { font-size:150%; font-weight:bold; }
h3 { font-size:120%; font-weight:bold; }
h4 { font-size:100%; font-weight:bold; font-style:italic; }
h5 { font-size:100%; font-weight:bold; }
h6 { font-size:100%; font-weight:bold; }
h7 { font-size:100%; font-weight:bold; }

.bold { font-weight:bold; }
.normal { font-weight:normal !important; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.hidden { visibility:hidden; }
.italic { font-style:italic; }

.clear { clear:left; margin:0; padding:0; height:0; line-height:0; font-size:0; }

.bordernone { border:0 none !important; }

.width10 { width:10px; }
.width20 { width:20px; }
.width30 { width:30px; }
.width40 { width:40px; }
.width50 { width:50px; }
.width60 { width:60px; }
.width70 { width:70px; }
.width80 { width:80px; }
.width90 { width:90px; }
.width100 { width:100px; }
.width120 { width:120px; }
.width140 { width:140px; }
.width160 { width:160px; }
.width180 { width:180px; }
.width200 { width:200px; }
.width220 { width:220px; }
.width240 { width:240px; }
.width280 { width:280px; }
.width300 { width:300px; }
.width320 { width:320px; }
.width350 { width:350px; }
.width370 { width:370px; }
.width380 { width:380px; }
.width400 { width:400px; }
.width500 { width:500px; }
.width580 { width:580px; }
.width600 { width:600px; }

.height10 { height:10px; }
.height20 { height:20px; }
.height30 { height:30px; }
.height40 { height:40px; }
.height50 { height:50px; }
.height60 { height:60px; }
.height70 { height:70px; }
.height80 { height:80px; }
.height90 { height:90px; }
.height100 { height:100px; }


input, select { color: #000; padding:2px; margin:0;}
.textfield { border:1px solid #666; }
.textfieldNoBorder { border-width:0; }
.numberfield { border:1px solid #666; text-align:right;}
.numberfieldNoBorder { border-width:0; border-style:none; text-align:right;}
.selectbox { border:1px solid #666; }
.box { border:1px solid #666; margin:1px; }
.input { margin:5px 5px 1px 5px; border:1px solid #ddd; margin:1px; }
.input2 { margin:5px 5px 1px 0px; border:1px solid #ddd; margin:1px; }
.button { margin:1px; border:1px solid #333; background-color:#ddd; color:#333; font-weight:bold; }
.button[disabled] { margin:1px; border:1px solid #ccc; background-color:#eee; color:#ccc; font-weight:bold; }

.inputWarning { background-color:#fc5 !important; }
.inputError { background-color:#fcb !important; }

.box { border:1px solid #666666; }

.marked { color:#33CC66; }
.unmarked { color:#FFFFFF; }

.marker_0 { border:none; border-left:10px solid #ff00ff; padding-left:3px; }
.marker_1 { border:none; border-left:10px solid #0000ff; padding-left:3px; }
.marker_2 { border:none; border-left:10px solid #ff0000; padding-left:3px; }
.marker_3 { border:none; border-left:10px solid #00ffff; padding-left:3px; }
.marker_4 { border:none; border-left:10px solid #00ff00; padding-left:3px; }
.marker_5 { border:none; border-left:10px solid #ff99ff; padding-left:3px; }
.marker_6 { border:none; border-left:10px solid #aaaaff; padding-left:3px; }
.marker_7 { border:none; border-left:10px solid #ff9999; padding-left:3px; }
.marker_8 { border:none; border-left:10px solid #aaffff; padding-left:3px; }
.marker_9 { border:none; border-left:10px solid #aaffaa; padding-left:3px; }

.evenodd0 { background-color:#f9f9f9; }
.evenodd1 { background-color:#fff; }

a, a:link { color:#000000; }
a:visited, a:hover, a:active, a:focus { color:#666; }
.link { background-color:#F6F5F5; color:#666666; font-weight:bold; border:1px solid #666666; padding:2px; display:inline; }
.link a { color:#666; font-weight:bold; text-decoration:none; }
.link a:link { color:#666; font-weight:bold; text-decoration:none; }
.link a:visited { color:#666; font-weight:bold; text-decoration:none; }
.link a:hover { color:#666; font-weight:bold; text-decoration:none; }
.link a:active { color:#666; font-weight:bold; text-decoration:none; }
.link a:focus { color:#666; font-weight:bold; text-decoration:none; }

.error { color:#e00; padding: 12px; border: 1px solid #e00; background-color: #fdd; }
.success { color:#0b0; padding: 12px; border: 1px solid #0b0; background-color: #dfd; }
.warning { color:#c90; padding: 12px; border: 1px solid #c90; background-color: #ffd; }

.hint { padding-left:5px; font-size:85%; color:#bbb; }
.small { font-size:85%; }

.hintNormal { color:#666 !important; }
.hintSmall { font-size:0.8em; color:#666 !important; }

.hintNormalTable { color:#888 !important; }
.hintSmallTable { font-size:0.8em; color:#888 !important; }

.maintable { 
    border:0px; 
    margin-top:5px;
}
.maintable tr td { 
    margin:0px auto;   
    padding:5px;
    color:#000;  
    border-right:1px solid #666;
    border-bottom:1px solid #666;    
}
.maintable tr td.headline { 
    background-color:#d4d4d4;
    font-weight:bold;
    border-top:1px solid #666;   
}
.maintable tr td.headlineend { 
    background-color:#d4d4d4;
    font-weight:bold;   
    border-top:1px solid #666;
    border-right:0px;
}
.maintable tr td.headlinebody { 
    background-color:#d4d4d4;
    font-weight:bold;
}
.maintable tr td.headlineendbody { 
    background-color:#d4d4d4;
    font-weight:bold;   
    border-right:0px;
}
.maintable tr td.content {
    background-color:#f6f5f5;
}
.maintable tr td.contentend { 
    background-color:#f6f5f5;   
    border-right:0px;
}
.maintable tr td.green, .maintable tr td span.green{
    background-color:#3c6;
}
.maintable tr td.lightgreen, .maintable tr td span.lightgreen {
    background-color:#bfc;
}
.maintable tr td.yellow, .maintable tr td span.yellow {
    background-color:#fc0;
}
.maintable tr td.lightyellow, .maintable tr td span.lightyellow {
    background-color:#feb;
}
.maintable tr td.red, .maintable tr td span.red {
    background-color:#f00;
}
.maintable tr td.lightred, .maintable tr td span.lightred {
    background-color:#fcc;
}
.maintable tr td.marked { 
    background-color:#aaaaaa;
    color: white;
}

.calendartable { 
    margin-top:5px; 
    border:1px solid #666;
    border-bottom:0px;
}
.calendartable tr td { 
    margin:0px auto; 
    padding:5px;
    color:#000;  
    border-right:1px solid #666;
    border-bottom:1px solid #666;    
}
.calendartable tr td.headline { 
    background-color:#d4d4d4;
    font-weight:bold;
}
.calendartable tr td.headlineend { 
    background-color:#d4d4d4;
    font-weight:bold;   
    border-right:0px;
}
.calendartable tr td.content { 
    background-color:#f6f5f5;           
}
.calendartable tr td.contentend { 
    background-color:#f6f5f5;   
    border-right:0px;
}
.calendartable tr td.empty { 
    border-right:0px;
    border-bottom:0px;
}
.calendartable tr td.green { 
    background-color:#82e857;           
}
.calendartable tr td.greenend { 
    background-color:#82e857;   
    border-right:0px;       
}
.calendartable tr td.red { 
    background-color:#fc4b4b;           
}
.calendartable tr td.redend { 
    background-color:#fc4b4b;
    border-right:0px;           
}
.calendartable tr td.okkergelb {
    background-color: #ffd700;
}
.calendartable tr td.okkergelbend { 
    background-color:#ffd700;   
    border-right:0px;       
}

.cleartable tr td {padding: 0px; margin: 0px; border: 0px;}

#logoutfield { padding:3px 5px; text-align:center; color:#999; font-size:1em; line-height:3em; font-weight:bold; background-color:#e5f4f2; text-decoration:none; border:1px solid #e5f4f2; }
#logoutfield:hover { padding:3px 5px; text-align:center; color:#009181; font-size:1em; line-height:3em; font-weight:bold; background-color:#e5f4f2; text-decoration:none; border:1px solid #e5f4f2; }
/*
#appselectfield { padding:3px 5px; text-align:center; color:#999; font-size:1em; line-height:3em; font-weight:bold; background-color:#f5f5f5; text-decoration:none; border:1px solid #f5f5f5; }
#appselectfield:hover { padding:3px 5px; text-align:center; color:#009181; font-size:1em; line-height:3em; font-weight:bold; background-color:#c8c8ff; text-decoration:none; border:1px solid #aaa; }
#appselectfieldActive { padding:3px 5px; text-align:center; color:#009181; font-size:1em; line-height:3em; font-weight:bold; background-color:#f5f5f5; text-decoration:none; border:1px solid #aaa; }
#appselectfieldActive:hover { padding:3px 5px; text-align:center; color:#009181; font-size:1em; line-height:3em; font-weight:bold; background-color:#c8c8ff; text-decoration:none; border:1px solid #aaa; }
*/
.appselectfield { margin:0; padding:0 12px 0 0; display:block; float:left; height:20px; }
.appselectfield img {border:none; } 

#selectAdministration { width:113px; background:url(/templates/default/images/administration.png) no-repeat 0 0; }
#selectAdministration:hover { width:113px; background:url(/templates/default/images/administration_hover.png) no-repeat 0 0; }
#selectAdministrationActive {width:123px; background:url(/templates/default/images/administration_active.png) no-repeat 0 0; }
#selectAdministrationActive:hover { width:123px; background:url(/templates/default/images/administration_active.png) no-repeat 0 0; }

#selectGuideman { width:45px; background:url(/templates/default/images/guide.png) no-repeat 0 0; }
#selectGuideman:hover { width:45px; background:url(/templates/default/images/guide_hover.png) no-repeat 0 0;; }
#selectGuidemanActive { width:49px; background:url(/templates/default/images/guide_active.png) no-repeat 0 0; }
#selectGuidemanActive:hover { width:49px; background:url(/templates/default/images/guide_active.png) no-repeat 0 0; }

#selectMerchandise { width:100px; background:url(/templates/default/images/merchandise.png) no-repeat 0 0; }
#selectMerchandise:hover { width:100px; background:url(/templates/default/images/merchandise_hover.png) no-repeat 0 0; }
#selectMerchandiseActive { width:108px; background:url(/templates/default/images/merchandise_active.png) no-repeat 0 0; }
#selectMerchandiseActive:hover { width:108px; background:url(/templates/default/images/merchandise_active.png) no-repeat 0 0; }

#selectTicketing { display:block; width:69px; background:url(/templates/default/images/ticketing.png) no-repeat 0 0; }
#selectTicketing:hover { display:block; width:69px; height:20px; background:url(/templates/default/images/ticketing_hover.png) no-repeat 0 0; }
#selectTicketingActive { display:block; width:75px; height:20px; background:url(/templates/default/images/ticketing_active.png) no-repeat 0 0; }
#selectTicketingActive:hover { width:75px; height:20px; background:url(/templates/default/images/ticketing_active.png) no-repeat 0 0; }

#selectEvent { display:block; width:50px; background:url(/templates/default/images/event.png) no-repeat 0 0; }
#selectEvent:hover { display:block; width:50px; height:20px; background:url(/templates/default/images/event_hover.png) no-repeat 0 0; }
#selectEventActive { display:block; width:50px; height:20px; background:url(/templates/default/images/event_active.png) no-repeat 0 0; }
#selectEventActive:hover { width:50px; height:20px; background:url(/templates/default/images/event_active.png) no-repeat 0 0; }

#selectRequest { display:block; width:65px; background:url(/templates/default/images/request.png) no-repeat 0 0; }
#selectRequest:hover { display:block; width:65px; height:20px; background:url(/templates/default/images/request_hover.png) no-repeat 0 0; }
#selectRequestActive { display:block; width:68px; height:20px; background:url(/templates/default/images/request_active.png) no-repeat 0 0; }
#selectRequestActive:hover { width:68px; height:20px; background:url(/templates/default/images/request_active.png) no-repeat 0 0; }

#selectSupport { width:63px; background:url(/templates/default/images/support.png) no-repeat 0 0; }
#selectSupport:hover { width:63px; background:url(/templates/default/images/support_hover.png) no-repeat 0 0; }
#selectSupportActive {width:67px; background:url(/templates/default/images/support_active.png) no-repeat 0 0; }
#selectSupportActive:hover { width:67px; background:url(/templates/default/images/support_active.png) no-repeat 0 0; }

#mod_footer { color:#999; }
.footer-text {
  color:#999 !important;
  font-size:1em !important;
}

.imageView { }
.imagePanel { width:190px; height:200px; text-align:center; vertical-align:middle; float:left; border:1px solid #eee; margin:5px 5px 0 0; padding:5px; }
.imageIcon { width:180px; margin-bottom:5px; }
.imageEdit { }
.imageThumb { border:0; margin:0; padding:0; height:50px; }

.icon { border:0; margin:0; padding:0; text-decoration:none; }
.icon_biggest { border:0; margin:0; padding:0; text-decoration:none; width:48px; }
.icon_bigger { border:0; margin:0; padding:0; text-decoration:none; width:36px; }
.icon_big { border:0; margin:0; padding:0; text-decoration:none; width:24px; }
.icon_medium { border:0; margin:0; padding:0; text-decoration:none; width:18px; }
.icon_small { border:0; margin:0; padding:0; text-decoration:none; width:12px; }

#colorview { width:40px; height:20px; }

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position:relative;
  text-decoration:none;
  color:#0000ff;
  cursor:default;
  background:url(/templates/default/images/info.png) no-repeat;
  width:14px;
  height:14px;
}
a.tooltip:hover {
  color:#0000ff;
}
a.tooltip span {
  display:none;
  text-decoration:none;
}
a.tooltip:hover span {
  display:block;
  position:absolute;
  top:20px;
  left:0;
  width:200px;
  z-index:100;
  color:#000;
  border:1px solid #000;
  background:#ffc;
  font-size:8pt;
  text-align:left;
}
a.tooltip span b {
  display:block;
  margin:0;
  padding:0;
  font-size:8pt;
  font-weight:bold;
  color:#000;
  background-color:rgb(177,189,61);;
  border:none;
  border-bottom:1px solid #000;
}

.elem-invoice { border:none; margin:0; border-bottom:3px solid #000; margin-top:3px; }
.elem-invoice-s { border:none; margin:0; border-bottom:2px solid #000; margin-top:2px; }
.elem-delnotif { border:none; margin:0; border-bottom:3px solid #aaa; margin-top:3px; }
.elem-delnotif-s { border:none; margin:0; border-bottom:2px solid #aaa; margin-top:2px; }
.elem-tickets { border:none; margin:0; border-bottom:3px solid #44f; margin-top:3px; }
.elem-tickets-s { border:none; margin:0; border-bottom:2px solid #44f; margin-top:2px; }
.elem-gtconfirm { border:none; margin:0; border-bottom:3px solid #2e3; margin-top:3px; }
.elem-gtconfirm-s { border:none; margin:0; border-bottom:2px solid #2e3; margin-top:2px; }
.elem-paymrem { border:none; margin:0; border-bottom:3px solid #fdd; margin-top:3px; }
.elem-paymrem-s { border:none; margin:0; border-bottom:2px solid #fdd; margin-top:2px; }
.elem-dunnlett { border:none; margin:0; border-bottom:3px solid #f00; margin-top:3px; }
.elem-dunnlett-s { border:none; margin:0; border-bottom:2px solid #f00; margin-top:2px; }
.elem-cancel { border:none; margin:0; border-bottom:3px solid #a3c; margin-top:3px; }
.elem-cancel-s { border:none; margin:0; border-bottom:2px solid #a3c; margin-top:2px; }
.elem-reservation { border:none; margin:0; border-bottom:3px solid #000; margin-top:3px; }
.elem-reservation-s { border:none; margin:0; border-bottom:2px solid #000; margin-top:2px; }
.elem-vouchers { border:none; margin:0; border-bottom:3px solid #aaf; margin-top:3px; }
.elem-vouchers-s { border:none; margin:0; border-bottom:2px solid #aaf; margin-top:2px; }
