body {
	background: #f1f1f1 url(../img/bg_body.png) repeat-x 0 top;
	/*font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue", Arial, Helvetica,sans-serif;*/
}
#page {
	background: white url(../img/bg_page.png) repeat-x left 70px;
}
#header {
	background: url(../img/bg_topend.png) no-repeat -2px 39px;
	/*background: url(../img/bg_topend.png) no-repeat left top;*/
	border-bottom: solid 1px #fff;
	margin-bottom: 10px;
	height:103px;
}

/*
SEARCH

*/
#cse-search-box {
	text-align: right;
	color: #949494;
	font-size: 12px;
	margin: 0px!important;
	line-height: 10px; margin-top: 1px; margin-bottom: 2px;
	padding: 0px!important;
	
}
#cse-search-box input {
	border:0px solid #CFCFCF;
	color:#84A8B4;
	padding: 3px;
}
#cse-search-box label {
	margin-right: 5px;
}
#q {
	height: 13px; margin: 0; font-size: 12px;
	color: #84a8b4; width: 165px;
	border: solid 1px #CFCFCF!important; padding: 2px; 
}
#sa {
	margin-top: 0px; padding: 0px; height: 13px; border: 0px none; top: 6px; position: relative;
}
.grid_16 #cse-search-box {
	text-align: left;
}
.grid_16 #cse-search-box input {
	font-size: 14px; padding: 5px; margin-bottom: 15px; border: solid 1px silver;
}

/*

/ SEARCH

*/


#topmen_holder {
	height: 24px;
}
#topmenu {
	
	text-align: center;
	/*height:200px; */
	width: 220px;
	position: absolute; top: 0px; z-index: 90;
}
#topslider {
	height: 29px; z-index: 90; background: url(../img/bg_loginbutton24.png) no-repeat center bottom;
}
#toplogout {
	height: 29px; z-index: 90; background: url(../img/bg_logoutbutton24.png) no-repeat center bottom;
}
#topcontent { z-index: 100; 
/*height: 120px;*/
	background: #c0c1c3 url(../img/bg_loginslider.jpg) repeat-x 0 bottom;
	-moz-box-shadow: 0px -5px 10px gray;
-webkit-box-shadow: 0px -5px 10px gray;
display: none;
}
#topmenu a{
	color: white;
	font-size: 14px; font-weight: normal;
	text-decoration: none; z-index: 100;
}
#loginslide {
	color: white; padding: 10px; text-align: right;
}
#loginslide input {
	color: #db9548; width: 125px; margin-left: 5px;
}
#loginslide #slideLogin {
	width: 135px; color: white; background: #757776 url(../img/bg_darkbutton.jpg) repeat 0 center; padding: 3px; font-size: 12px; font-weight: bold; border-color: #676767;
}
#loginslide #slideLogin:hover {
	color: #db9548;
}
#loginslide p {
	margin-bottom: 5px;
}
#loginslide p.loginsmall {
	text-align: center;
}
#loginslide p.loginsmall, #loginslide p.loginsmall a {
	font-size: 10px;
}
#loginslide p.loginsmall a:hover {
	color: #db9548;
}
.errorindikator {
	padding: 3px; margin: 2px;
}
.selectlist-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.selectlist-item {
	/* Icon from http://pinvoke.com/ */
	background: #fff url(../img/cross-circle.png) no-repeat right 7px;
	border-left: solid 1px #eee;
	border-top: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	cursor: pointer;
	padding: 0;
	margin: 1px 0;
	font-size: 13px;
	height: 30px;
	width: 610px;
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
	border-radius:5px!important;
}
.selectlist-item .firstdiv {
	float:left; width:450px; padding: 5px;
}
.selectlist-item .seconddiv {
	float:left; width:70px; height: 15px; padding: 2px; margin: 6px;
	background-color: #b30e16; font-weight: bold; font-size: 11px; color: white;
	text-align: center;
	/*position: relative; left: 250px;*/

}
.selectlist-item .thirddiv {
	float: right; width: 50px; height: 30px; cursor: pointer; 
}
#kks {
	background-color: #f6f0e8;
	color: black;
	font-size: 13px;
}
/* P U L L D O W N  M E N Ü*/

#kursepulldown_holder {
	height: 0px;
	z-index: 1002; 
}
#reisenpulldown_holder {
	height: 0px;
	z-index: 1001; 
}
#kursepulldown { 
	z-index: 1004;
	background-color: rgb(214,142,75);
	background-color: rgba(214,142,75,0.9);
}
#reisenpulldown { 
	z-index: 1003;
	background-color: rgb(56,73,124);
	background-color: rgba(56,73,124,0.89);
}
#kursepulldown, #reisenpulldown { 
	/*position: relative;
	top: 76px;
	*/
	position: absolute;
	top: 100px;
	
	height: auto;
	width: 680px;
	/*background: #c0c1c3 url(../img/bg_loginslider.jpg) repeat-x 0 bottom;*/
	-moz-box-shadow: 0px 2px 5px gray;
	-webkit-box-shadow: 0px 2px 5px gray;
	/*width: 220px;*/
	display: none;
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
	padding: 10px; color: white;
}
#kursepulldown table, #reisenpulldown table, #kursepulldown tr, #reisenpulldown tr, #kursepulldown td, #reisenpulldown td {
	background: none; 
	border: none;
	color: white;
}
#kursepulldown a, #reisenpulldown a {
	text-decoration: none; color: white; line-height: 100%;
}
#kursepulldown a:hover, #reisenpulldown a:hover {
	text-decoration: none; color: white;
}

.explodedtripteaser a {
	text-decoration: none!important;
}

/*  */

div.errorframe {
	padding: 5px; margin: 0px;
	background-color: #b30e16; font-weight: bold; color: white; text-align: center;
}
div.successframe {
	padding: 5px; margin: 0px;
	background-color: #6db482; font-weight: bold; color: white; text-align: center;
}
div.infoframe {
	padding: 5px; margin: 0px;
	background-color: #dbbfa1; font-weight: bold; color: white; text-align: center;
}
.fehler input, input.fehler {
	border-color: #b30e16;
	background-color: #fef8e7;
}

/*  SuckMaske*/ 


.minilinkreise, .minilinkreise a, .minilinkkurse, .minilinkkurse a {
	font-size: 10px;
	text-decoration: none;
	color: #3c4b75;
	text-align: right;
}
.minilinkkurse, .minilinkkurse a {
	color: #db9548;
}
#suchmaskekurse h2, #suchmaskekurse div.trenner {
	margin-top: 10px; padding: 2px 10px 2px 10px;
}
#suchmaskekurse input {
	width: 96%; margin-bottom: 10px;
}
#suchmaskekurse select {
	width: 99%; margin-bottom: 10px;
}
#suchmaskekurse label {
	width: 96%; margin-top: 10px;
}
#suchmaskekurse label:hover {
	width: 65px; margin-top: 2px; 
}
#suchmaskekurse #startdatum, #suchmaskekurse #enddatum {
	width: 65px; margin-top: 2px; 
}
#killdaterange {
	margin-top: 4px;
	vertical-align: bottom;
	margin-bottom: 13px;
}
/*.ellipsis {
	overflow: hidden; 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding:url('ellipsis.xml');
}*/
#suchmaskekurse label.secondlabel { 
/*width:230px!important; */
/*overflow: hidden; */
/*text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
-moz-binding:url('ellipsis.xml');*/
}
#suchmaskekurse div.elltitle {
	float: left;
}
/*
label.secondlabel {
	width:180px; 
	height: 20px;
	overflow: hidden; 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding:url('ellipsis.xml');
}
*/
#suchmaskekurse input.kursbuttonbig  {
	width: 100%;
	background: url(../img/bg_mainmenu_kurse.png) repeat-x center top;
	color: white; font-size: 14px; font-weight: bold;
}
#suchmaskekurse input.kursbuttonbig:hover  {
	background: url(../img/bg_mainmenu_kurse_aktiv.png) repeat-x center top;
}
#suchmaskekurse input.reisebuttonbig  {
	width: 100%;
	background: url(../img/bg_mainmenu_reisen.png) repeat-x center top;
	color: white; font-size: 14px; font-weight: bold;
}
#suchmaskekurse input.reisebuttonbig:hover  {
	background: url(../img/bg_mainmenu_reisen_aktiv.png) repeat-x center top;
}

/* nested checkbox tree control */

ul.unorderedlisttree,
ul.unorderedlisttree2 {
	list-style-type: none;
	padding: 0;
	margin: 0 0 3px 0;
}
ul.unorderedlisttree ul, ul.unorderedlisttree ul ul, ul.unorderedlisttree ul ul ul,
ul.unorderedlisttree2 ul, ul.unorderedlisttree2 ul ul, ul.unorderedlisttree2 ul ul ul {
	list-style-type: none;
}
ul.unorderedlisttree li,
ul.unorderedlisttree2 li {
	background: none;
	color: #646463;
	font-size: 11px;
	margin: 0 0 3px 0;
	padding: 0;
}
ul.unorderedlisttree li ul,
ul.unorderedlisttree2 li ul {
	margin: 7px 0 3px 15px;
	padding: 0;
}
ul.unorderedlisttree2 li ul ul,
ul.unorderedlisttree li ul ul {
	margin: 7px 0 3px 15px;
	padding: 0;
}
ul.unorderedlisttree label,
ul.unorderedlisttree2 label {
	background: url(../img/checkboxtree/bg-checkbox.gif) no-repeat 0 1px;
	cursor: default;
	font-weight: bold;
	padding: 4px 0 2px 17px;
}
ul.unorderedlisttree label.checked,
ul.unorderedlisttree2 label.checked {
	background: url(../img/checkboxtree/bg-checkbox-checked.gif) no-repeat 0 1px;
}
ul.unorderedlisttree label.checkedchildren,
ul.unorderedlisttree2 label.checkedchildren {
	background: url(../img/checkboxtree/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}
li > label:hover,
li > label.over {
	background: url(../img/checkboxtree/bg-checkbox-over.gif) no-repeat 0 1px;
	/*color: #2f66a3;*/
	/*cursor:default;*/
}
li > label.checked:hover,
li > label.checked.over, {
 background: url(../img/checkboxtree/bg-checkbox-checked.gif) no-repeat 0 1px;
}
li > label.checkedchildren:hover,
li > label.checkedchildren.over {
	background: url(../img/checkboxtree/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}
.checkboxtreeactive input{
	display: none;
}

.katlisttreetext {
	/*float: left;*/
	cursor:default;
}
ul.unorderedlisttree li ul li {
	width:185px; 
	overflow: hidden; 
	height: 20px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding:url('ellipsis.xml');
}
label.secondlabel {
	/*width:180px; 
	height: 20px;
	overflow: hidden; 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	-moz-binding:url('ellipsis.xml');*/
}

/* slider */
#suchmaskekurseform .ui-slider .ui-slider-handle {
	cursor:default;
	height:0.8em;
	position:absolute;
	width:0.8em;
	z-index:2;
}
#suchmaskekurseform .ui-slider-horizontal {
	height:0.5em;
}
#km_form {
	margin-top: 5px;
}
#km_slider {
	margin: 10px 5px 15px 5px;
}
#maxkm {
	background: none; background-color: none; width: 50px;
}
/* NO LIST RESULT */
div.noresult {
padding: 20px; text-align: center; font-weight: bold; font-size: 15px;
}


/* LIST  */
div.searchlist {
	margin-bottom: 0px; color: #737373;
}
div.searchlist a {
	color: #737373;
}
div.searchlist a:hover { color: black; }
div.searchlist a:hover .kurs_listitem { background-image: none;}

.kursebew, .kursebew0, .kursebew1, .kursebew2, .kursebew3, .kursebew4, .kursebew5 {
	background: url(../img/symbols/bew.png) no-repeat left center;
	width: 81px; height: 14px; float: left; 
	margin-right: 3px;
	margin-top: 3px;
	margin-left: 3px;
}
.kursebew { background: url(../img/symbols/bew0.png) no-repeat left center; }
.kursebew0 { background: url(../img/symbols/bew0.png) no-repeat left center; }
.kursebew1 { background: url(../img/symbols/bew1.png) no-repeat left center; }
.kursebew2 { background: url(../img/symbols/bew2.png) no-repeat left center; }
.kursebew3 { background: url(../img/symbols/bew3.png) no-repeat left center; }
.kursebew4 { background: url(../img/symbols/bew4.png) no-repeat left center; }
.kursebew5 { background: url(../img/symbols/bew5.png) no-repeat left center; }
.listitem_top {
	height: 20px; overflow: hidden;
}

/* LIST KURS */

.kurs_listitem {
	width:460px;  
	/*float: left; 
	height:65px;
	overflow: hidden; */
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
	border-radius:5px!important;
	background: #fff url(../img/bg/bg_box_kurs.png) repeat-x 0 bottom;
	margin-top:5px;
	padding:0px;
	border: 1px solid #e4e4e4; font-size: 12px;
}
.reise_teaseritem {
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
	border-radius:5px!important;
	background: #fff url(../img/bg/bg_box_kurs.png) repeat-x 0 bottom;
	margin-bottom:0px;
	padding:0px;
	border: 1px solid #e4e4e4; font-size: 12px;
}
.listitem_top_rpromo {
	-webkit-border-top-radius:5px!important;
	-moz-border-top-radius:5px!important;
	border-top-radius:5px!important;
	/*background-color: #dae5e9;*/
	clear: both;
	float: left;
	width: 100%;
}
div.searchlist a { text-decoration: none!important; }
	
.ktli_topleft {
	font-size: 11px; 
	font-weight: bold; 
	float: left; 
	padding: 2px 2px 2px 0px; 
	/*width: 215px; */
	width:90%;
	height: 18px;
	overflow:hidden;
	white-space:nowrap;
	margin-left: 5px;
	text-overflow:ellipsis!important;
	-o-text-overflow:ellipsis;
	-moz-binding:url('ellipsis.xml');
}
.grid_4 .ktli_topleft {
	width: 210px!important;
}
.grid_6 .ktli_topleft {
	width: 320px;
}

.ktre_topright {
	font-size: 11px; float: right; padding: 2px 5px 2px 2px; clear: right;
}
.listitem_main{
	border-top: 1px solid #e4e4e4; font-size: 12px;;
}

.teaseritem_main {
	border-top: 1px solid #e4e4e4; font-size: 12px; padding: 5px;
}
.rteaser_titel{
	color: rgb(56,73,124); font-size: 14px; font-weight: bold; margin: 0px 5px 0px 5px;
}

a.noeffectlink, a.noeffectlink:hover, a.noeffectlink:active, a.noeffectlink:visited{
	background: none;
	background-color: transparent;
	cursor: pointer;
}
.km1, .km2, .km3, .km4 { float: left; }
.km1 {	width: 220px; margin-left: 5px;  }
.km2 {	width: 95px; text-align: right; margin-right: 15px; line-height: 20px; }
.km3 {	width: 95px; line-height: 20px; }
.km4 {	width: 25px; height: 40px; float: right; clear: right;
	background: url(../img/arrows/kurs_list.png) no-repeat right center; margin-right: 5px;
}
.km_titel { color: rgb(214,142,75); font-size: 14px; font-weight: bold; width: 220px; height: 21px; }
.km_subtitel { 
	font-weight: bold; width: 220px; height: 20px;
	text-overflow:ellipsis!important; 
}
.km_ort, .km_plz {
	width: 100px;
}
.km_ort, .km_plz, .km_titel, .km_subtitel {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis!important;
	-o-text-overflow:ellipsis;
	-moz-binding:url('ellipsis.xml');
}

/*  LIST REISE */
.rm_titel { 
	color: rgb(56,73,124); font-size: 16px; font-weight: bold; 
	margin-top: 2px; 
	margin-left: 5px; 
	height: 25px;
}
.rm_subtitel { 
	font-weight: bold; color: rgb(56,73,124); font-size: 13px; 
	/*height: 25px;*/
}
.rm_leistung { font-weight: normal; font-size: 11px; margin: 5px 0 5px 0; }
.rm1, .rm2, .rm3, .rm4 { float: left; }
.rm1 img {	
/*width: 180px; height: 100px; */
margin: 5px 2px 2px 0px; padding: 2px; border: 1px solid #e4e4e4;  

}
.rm1 {	width: 155px;  margin-left: 5px; text-align: center; font-weight: bold; font-size: 14px; float: left; clear: left;}
.rm2 {	width: 245px; text-align: left;margin-left: 10px; margin-right: 0px; float: left; margin-top: 2px; }
.rm4 {	width: 25px; height: 40px; float: right; clear: right;
	background: url(../img/arrows/reise_list.png) no-repeat right center; margin-right: 5px;
}
.rtre_topright {
	font-size: 11px; float: right; padding: 2px 5px 2px 2px; clear: right;
}
.rm_titel {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis!important;
	-o-text-overflow:ellipsis;
	-moz-binding:url('ellipsis.xml');
}



/* TEASER REISE */
.reise_teaseritem {
	margin-top: 5px;
}
.reise_teaseritem .rm_ort {
	 /*float: left; clear: both;*/
}
.reise_teaseritem .rm_info {
	/*text-align: right;*/
	font-weight: bold; color: rgb(56,73,124); font-size: 13px;
	/*float: left; clear: both; width: 100%;*/ 
	padding-bottom: 5px; text-decoration: underline;
}
.reise_teaseritem .rm_bewertung {
	float: left; 
	/*clear: both; text-align: center;*/
}
.reise_teaseritem .rm_bewertung .bewtext {
	float: left; clear: both; 
	width: 60px; 
	/*margin-left: 35px; */
	margin-right: 5px;
}
div.grid_4 .reise_teaseritem .teaseritem_main .pic,
div.grid_5 .reise_teaseritem .teaseritem_main .pic{
	float: left; width: 70px;
}
div.grid_6 .reise_teaseritem .teaseritem_main .pic, div.grid_7 .reise_teaseritem .teaseritem_main .pic, 
div.grid_8 .reise_teaseritem .teaseritem_main .pic, div.grid_9 .reise_teaseritem .teaseritem_main .pic,
div.grid_10 .reise_teaseritem .teaseritem_main .pic,
div.grid_11 .reise_teaseritem .teaseritem_main .pic,
div.grid_12 .reise_teaseritem .teaseritem_main .pic  {
	float: left; width: 75px; padding-bottom: 25px; 
}
div.pic img {
	padding: 2px; border: solid 1px silver;margin-top: 3px;
	margin-right: 3px;
	clear: left;
}
div.grid_6 .reise_teaseritem .ktli_topleft, 
div.grid_7 .reise_teaseritem .ktli_topleft,
div.grid_8 .reise_teaseritem .ktli_topleft, 
div.grid_9 .reise_teaseritem .ktli_topleft,
div.grid_10 .reise_teaseritem .ktli_topleft,
div.grid_11 .reise_teaseritem .ktli_topleft,
div.grid_12 .reise_teaseritem .ktli_topleft  {
	float: left; clear: both;	
}
div.grid_6 .reise_teaseritem .rteaser_titel, 
div.grid_7 .reise_teaseritem .rteaser_titel,
div.grid_8 .reise_teaseritem .rteaser_titel, 
div.grid_9 .reise_teaseritem .rteaser_titel,
div.grid_9 .reise_teaseritem .rteaser_titel,
div.grid_9 .reise_teaseritem .rteaser_titel,
div.grid_9 .reise_teaseritem .rteaser_titel {
	float: left; clear: both; width: 90%; 
	
}
.pagination, .sorter {
	 margin: 10px 0 10px 0;
	 text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px; margin-right: 3px;
	background-color: #f6f6f6;
	color: gray;
	text-decoration: none;
	border: 1px solid silver;
}
.pagination a.aktiv { background-color: #db9548; border-color: #db9548; color: white; font-weight: bold; }
.pagination a:hover { color: #db9548; border-color: #db9548; }
.pagination a.aktiv:hover { color: white; border-color: #db9548; }

table.dates th {
	font-size: 0.8em;
}
table.dates tr td {
	/*font-size: 0.8em;*/
	font-size:11px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(assets/img/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(assets/img/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(assets/img/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* AUTOCOMPLETE */
div.bew_search {
	padding: 0px 0px 0px 0px; text-align: center; 
	/*height: 125px;*/
}
div.bew_search #livesearch {
	 font-size: 14px; padding: 5px; width: 330px;
	 margin-bottom: 15px;
}
div.bew_search #moreinfos {
	 font-size: 14px; padding: 5px;  margin-top: 0px;
	 text-align: right; 
	 width: 410px;
	 padding-bottom: 15px;
	 /*
	 margin-right: 35px;
	 
	 */
}
div.bew_search #moreinfos p {
	text-align: left;
}
div.bew_search #moreinfos input {
	 margin-right: 27px;
}
div.bew_search #moreinfos label {
	width: 200px; text-align: right;
}

.ui-widget-overlay {
	background: #aaaaaa url(gb-orange-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) repeat scroll 50% 50%!important;
	opacity:0.8;
}
.ac_results {
	padding: 0px;
	border: 1px solid #E4E4E4;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	font-size: 14px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 5px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #db9548;
	color: white;
}

/* DETAILS */
img.rightlogo150, img.rightlogo200 {
	float: right; padding: 2px; border: 1px solid #e4e4e4; 
	background: white;
}
div.gbindex{
	font-size: 30px; float: right; clear: right;
	height: 68px; width: 85px;
	background: url(../img/symbols/gbindex.png) no-repeat center center;
	padding-top: 20px; text-align: center; font-weight: bold;
	padding-left: 3px; margin-right: 13px;
}


/* S C R O L L A B L E */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 410px;
	height:140px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../img/gallerya/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:100px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/gallerya/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 


/* left */
a.left{ margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down { 
	background:url(../img/gallerya/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	




/*  G A L L E R Y  A */
div.galleryaimages {
	margin-top: 7px; text-align: center;
}
.galleryaimages img {
	padding: 2px; border: 1px solid #e4e4e4; 
	background: white;
}
/* remove margins from the image */ 
.items img { 
    margin:0; 
} 
 
/* make A tags our floating scrollable items */ 
.items a { 
    display:block; 
    float:left; 
    margin:20px 15px; 
}  
/* scrollable should not disable gallery navigation */ 
#gallery .disabled { 
    visibility:visible !important; 
} 
 
#gallery .inactive { 
    visibility:hidden !important; 
}
/* active item */ 
.scrollable .active { 
    border:1px solid #fff; 
    outline:2px solid #000; 
 
    /* these two settings makes it visible over the mask */ 
    z-index:9999; 
    position:relative; 
}
 
 
/* tooltip styling */ 
#tooltip { 
    display:none; 
    background:url(../img/gallerya/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
}
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/gallerya/close2.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

.listtable {
	margin-bottom: 10px!important;
}
.jadot, .neindot {
	font-size: 10px; 
	background-color: grey;
	color: white;
	padding: 2px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.jadot {
	background-color: #6db482;
}
.neindot {
	background-color: #b30e16;
}
.pclear {
	 clear: both;
}