/**
 * General classes for plugins
 */

div.extTableCell {
    float:left;
    display:inline;
}
div.extTableEndRow {
    clear:both;
}

.clear {
   clear: both;
}

/**
 * Classes for plugin "clubs"
 */

label.clubsLabel {
   float: left;
   width: 12em;
}

p.clubsValue {
   height: 1%; /*Workaround for IE6 because the Three Pixel Gap*/
   margin: 0 0 .0em 12em !important;
}

div.clubsLabelDiv {
   display: inline;
   float: left;
   width: 12em;
}


div.clubsInputDiv {
   float: left;
   width: 18em;
}

/**
 * Classes for plugin "cityguide"
 */

div.cityguideLabelDiv {
   display: inline;
   float: left;
   width: 14em;
}

div.cityguideInputDiv {
   float: left;
   width: 18em;
}

label.cityguideLabel {
   float: left;
   width: 14em;
}

p.cityguideValue {
   height: 1%;
   margin: 0 0 .2em 14em !important;
}

table.centermiddle {
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	height: 14pt;
	border: none
}

table.centermiddle thead tr th, table.centermiddle tbody tr td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid black;
	padding: .2em;
}

div.tableCellLeft {
	display: inline;
	width: 50%;
	float: left;
}

div.tableCellLeft {
	display: inline;
	width: 50%;
	float: left;
}

/**
 * classes for plugin familybook
 */

div.familybookTableCell15em {
    float:left;
    display:inline;
    width:15em;
    }

div.familybookTableCellLeft {
    float:left;
    display:inline;
    width:25%;
    padding-right:5px;
    text-align:right;
    }

div.familybookTableCellRight {
    float:left;
    display:inline;
    width:70%;
    }

input.familybookButton100 {
    width:100%;
    margin:0;
    background-color:#F3F571;
    padding:0;
    }

input.familybookInputSearch {
    width:100%;
    margin-bottom:5px;
    }

/**
 * classes for plugin garbage_calendar
 */

div.garbageCalendarTableCellLeft {
    float:left;
    display:inline;
    width:10%;
    }

div.garbageCalendarTableCellMiddle {
    float:left;
    display:inline;
    width:50%;
    }
div.garbageCalendarTableCellRight {
    float:left;
    display:inline;
    width:25%;
    }
select.garbageCalendarSpace {
    margin-bottom:5px;
    }
input.garbageCalendarSpace {
    margin-top:5px;
    }

div.garbageCalendarTableCellB {
    float:left;
    display:inline;
    width:18%;
    background-color:#00CC00
    }

div.garbageCalendarTableCellR {
    float:left;
    display:inline;
    width:18%;
    background-color:#C0C0C0
    }
div.garbageCalendarTableCellG {
    float:left;
    display:inline;
    width:18%;
    background-color:#FFFF00
    }
div.garbageCalendarTableCellOB {
    float:left;
    display:inline;
    width:18%;
    background-color:#CC9900
    }
div.garbageCalendarTableCellTag {
    float:left;
    display:inline;
    width:23%;
    }
div.garbageCalendarTableCellDatum {
    float:left;
    display:inline;
    width:19%;
    text-align:right;
    padding-right:3px;
    }
div.garbageCalendarTableCellMonat {
    float:left;
    display:inline;
    width:30%;
    text-align:right;
    padding-right:3px;
    }

#mainContent p.ics {
    margin-top: 10px;
}

/**
 * Classes for plugin "employees"
 */

label.employeesLabel {
   float: left;
   width: 10em;
}

p.employeesValue {
   height: 1%; /*Workaround for IE6 because the Three Pixel Gap*/
   margin: 0 0 .3em 10em !important;
}

div.employeesLabelDiv {
   display: inline;
   float: left;
   width: 10em;

}

div.employeesInputDiv {
   float: left;
   width: 26em;

}

#personal_vcard {
	background: url(../images/vcard.png) no-repeat center left;
	padding-left: 30px;	
	line-height: 2em;
	float: right;
}

/**
 * Classes for plugin "keyword_registry"
 */

div.keywordLabelLeft {
   float: left;
   display:inline;
   width: 40%;
   margin-top:1px;
}
div.keywordLinks {
   float: left;
   display:inline;
   margin-top:1px;
   padding:0px;
   width: 55%;
}
div.keywordLinks a {
   display:block;
   margin:0px;
   padding:0px;
}

/**
 * Classes for plugin "dictionary"
 */

div.dictionaryItem {
   float: left;
   display:inline;
   width: 30%;
   margin-top:4px;
   font-weight: bold;
}
div.dictionaryRight {
   float: left;
   display:inline;
   margin-top:4px;
   padding:0px;
   width: 65%;
}
span.dictionaryItemType {
   margin:0px;
   padding:0px;
   font-style:italic;
}
div.dictionaryDescription {
   float: left;
	 display:block;
   padding:5px 0px;
   width: 100%;
}
div.dictionaryLabel {
   float: left;
   display:inline;
   width: 30%;
   margin-top:4px;
}

a.dictionaryLinkBack {
	padding:5px 0px;
	display:block;
	margin:0px;
}

/**
 * Classes for plugin "organigram"
 */
 div.organigram_bgm {
    text-align:center;
    border:1px solid #be0000;
    width:100%;
    padding-bottom:5px;
    }
 div.organigram_kontr {
    text-align:center;
    border:1px solid #be0000;
    margin-top:5px;
    margin-left:65%;
    margin-bottom:5px;
    padding-top:3px;
    padding-bottom:5px;
     }
 div.organigram_stadir {
    text-align:center;
    border:1px solid #be0000;
    width:100%;
    padding-bottom:5px;
   }
 div.organigram_group {
   float: left;
   display:inline;
   width:14em;
   margin-right:2px;
   margin-top:5px;
   }
 div.organigram_group_header_g1 {
   text-align:center;
   height:3.8em;
   border:1px solid #76d1bd;
   background-color:#CCCCCC;
   }
 div.organigram_group_header_r1 {
   text-align:center;
   height:3.8em;
   border:1px solid #be0000;
   background-color:#CCCCCC;
   }
 div.organigram_group_header_t1 {
   text-align:center;
   height:3.8em;
   border:1px solid #007168;
   background-color:#CCCCCC;
   }
 div.organigram_group_header_b1 {
   text-align:center;
   height:3.8em;
   border:1px solid #0067c6;
   background-color:#CCCCCC;
   }
 div.organigram_r1 {
   padding-left:1.5em;
   text-indent:-1.5em;
   border:1px solid #be0000;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_g1 {
   padding-left:1.4em;
   text-indent:-1.4em;
   border:1px solid #76d1bd;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_t1 {
   padding-left:1.4em;
   text-indent:-1.4em;
   border:1px solid #007168;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_b1 {
   padding-left:1.4em;
   text-indent:-1.4em;
   border:1px solid #0067c6;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_o1 {
   padding-left:1.4em;
   text-indent:-1.4em;
   border:1px solid #ed8000;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_r2 {
   padding-left:2.8em;
   text-indent:-1.4em;
   border:1px solid #be0000;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_g2 {
   padding-left:2.8em;
   text-indent:-1.4em;
   border:1px solid #76d1bd;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_t2 {
   padding-left:2.8em;
   text-indent:-1.4em;
   border:1px solid #007168;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_b2 {
   padding-left:2.8em;
   text-indent:-1.4em;
   border:1px solid #0067c6;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }
 div.organigram_o2 {
   padding-left:2.8em;
   text-indent:-1.4em;
   border:1px solid #ed8000;
   border-top:0px;
   padding-top:3px;
   padding-bottom:5px;
   }

/**
 * Classes for plugin "weather"
 */

table.tablecenter{
   width: 100%;
   text-align: center;

}

table.tablecenter th {
   text-align: center;
}

.weather {
	background-color:#eae6e2 !important;
	margin-left:-4px;
	padding:0;
	width:184px !important;
}

.weather span {
	text-align: center;
	font-size: 1em;
	display: block;
	float:left;
	width: 61px;
	background-color:#eae6e2;
	padding:0;
	margin:0;
    /* cursor:hand; */
}


.weather strong {
    color:#be0000;
    }


/**
 * Classes for plugin "webcam"
 */

#panoramaPicture{
	position: relative;
}

#controlerInfo {
	color: #0000CC;
	border: 0px solid #0000CC;
	font-family: Arial;
	font-size: 8pt;
	height: 14pt;
}
#userInfo {
	color: #0000CC;
	border: 0px solid #0000CC;
	font-family: Arial;
	font-size: 14pt;
	height: 22pt;
}
img.clocks {
	float: left;
	width: 19px;
	height: 19px;
	border: 0;
	margin-top: 5px;
}
table.searcherFocus {
	 border: 1px;
	 width: 100%;
	 height: 100%;
}
table.searcherFocus td {
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 20pt;
}
#searcher {
	border: solid 2px;
	text-align: center;
	cursor: crosshair;
	position: absolute;
	color: red;
	width: 60px;
	height: 45px;
}
#webcam_picture {
	float: left;
	border: solid green 0px;
}
#controlElements{
	float: left;
	border: solid red 0px;
	margin-left: 10px;
	height: 288px;
}
#aplyControl {
	margin-left: 10px;
	font-family: Arial;
	font-size: 8pt;
}
#content2 {
	height: 300px;
}
#duration {
	color: #0000CC;
	border: 0px solid #0000CC;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	float: none;
	margin-left: 50px;
	margin-top: 5px;
}
#adminController {
	float: left;
	border: solid green 1px;
}
#msg {
	display: none; /* yes | none */
}
#btnRequest {
	display: none; /* yes | none */
	font-size: 7px;
}


/* classes for webcam-box in page Aktuelles */
#webcamDiv {
	display: block;
	background: url(http://www.dornbirn.at/fileadmin/dornbirn/images/webcam_marktplatz/bild.jpg);
	background-position: top left;
	color: white;
	text-decoration: underline !important;
	height: 144px ! important;
	width: 179px;
	padding: 4px 4px 0px 4px;
	margin-left: -4px;
	margin-bottom:0px;
}

#webcamDiv:hover {
	text-decoration: none !important;
}

#webcamDiv span {
    display: block;
	height: auto !important;
	line-height: 19px;
	margin: -4px -4px 4px -4px;
	padding: 0 4px;
	background-color: #be0000;
	color: #fff;
	font-weight: normal; /* ergänzt von jklocker 22.3.2007*/
}

/**
 * Webcam Boedele
 */

#webcam_boedele_picture {
/*	width: 640px;
	height: 480px;
	margin-left: -34px;
*/
}


 /**
 * Classes for plugin "PLUGIN NAME"
 */

#accesskeysNavigation a:focus {
	position: absolute;
	width: auto;
	height: auto;
	color: green;
}

/**
 * Classes for plugin "hotels/rooms"
 */
.quickbook > * {
    margin:0px;
    padding:0px;
}
.quickbook #labelCategory,
.quickbook #labeldd,
.quickbook #labelnights {
    width : 15px;
    border: none;
    /*margin-left: -2px;*/
    background-color:transparent;
}
.quickbook #textnights {
    width : 88px;
    border: none;
    background-color:transparent;
}
.quickbook #lstCategory {
    width : 151px;
}
.quickbook #nights,
.quickbook #dd {
    width : 40px;
}
.quickbook #mm {
    width : 48px;
}
.quickbook #yyyy {
    /*width : 57px;*/
    width: 55px;
}
.quickbook #Amount {
    width : 40px;
    margin-left : 17px;
}
.quickbook #Cat {
    width : 110px;
}

.tx-gooffotoboek-pi1 {
    overflow: hidden;
}

.tx-gooffotoboek-pi1 .directory {
    clear: both;
    height: auto !important;
    margin: 0 !important;
    width: auto;
}

.tx-gooffotoboek-pi1 .directory a {
    display: block;
}

.tx-gooffotoboek-pi1 .thumb {

}

 /**
 * Classes for MailForm
 */

#mailform .csc-mailform-field {
    height: 4em;
}

/**
 * Classes for plugin "file_list"
 */

.tx-filelist-pi1-table {
	width: 100%;
}

table.tx-filelist-pi1-table td {
	padding-bottom: 3px;	
}

/**
 * Classes for plugin "login"
 */
.csc-mailform-field label,
.tx-dornbirn-quiz .csc-mailform-field label { width: 100px; display: block; float: left; }
.csc-mailform-field input, { border: 1px solid #000; padding: 3px;}
.csc-mailform-field #mailformsubmit { margin-left: 100px; }
#col3 .csc-mailform-field #mailformsubmit{ margin: 3px 0 0 0 }
.csc-loginform .csc-mailform-field { height: auto !important; margin-bottom: 5px}

.filelinks { margin-bottom: 12px }

#mainContent .error { background: #ffdddd; padding: 5px}
#mainContent .error p, #mainContent .info p { margin: 0;}
#mainContent .info { background: #ffffdd; padding: 5px }

/*
 * Style for YAG
 */
 
.fancybox-title-over { background: rgba(0,0,0,0.6)}
.tx-yag-pager ul  li { background: none; line-height: 2em}
.tx-yag-image img { padding: 0; border: 0}
.tx-yag-item-thumb-outerframe { height: 160px }
.tx-yag-album-thumb-outerframe { height: 250px;}
.tx-yag-gallery-albumcaption { font-size: 1.2727em; color: #be0000}
.tx_yag-single-description { text-align: left }