@import url(default.css);

/* ##### START SITE BORDER ##### */
hr
{background: #6C0;}
/*
* html #logo img
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/logo_xmas.png', sizingMethod='scale');}

html > body #logo img
{background: url(/images/green/logo_xmas.png);}
*/
* html #logo img
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/logo.png', sizingMethod='scale');}

html > body #logo img
{background: url(/images/green/logo.png);}

#slogan
{color: #063;}

div.menu a, div.menu a:link, div.menu a:visited, div.menu a:focus, div.menu a:hover, div.menu a:active
{color: #063;}

#menuEintragen, #menuKlommunity, #menuSuchen:hover, #menuEintragen:hover, #menuKlommunity:hover
{border-left: 1px solid #6C0;}

#menuKlommunity:hover
{border-right: 1px solid #6C0;}

#myToiletguide, #myPM, #fanShop, #fanShop, #kloporter, #invite, #whoIsOn
{background-image: url(/images/green/klommunity_little.gif); background-repeat: repeat-y; background-color: #FFF;}

#myToiletguide
{background-position: 4px 4px;}

#myPM
{background-position: 4px 134px;}

#fanShop
{background-position: 4px 108px;}

#kloporter
{background-position: 4px 30px;}

#invite
{background-position: 4px 56px;}

#whoIsOn
{background-position: 4px 82px;}

form.popMenu
{border-left: 1px solid #6C0; border-right: 1px solid #6C0;}

ul.popMenu li
{border: 1px solid #6C0; border-top-style: none;}

#head
{background: url(/images/green/head_middle.png) repeat-x;}

* html #headRight
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/head_right.png', sizingMethod='scale');}

html > body #headRight
{background: url(/images/green/head_right.png);}

a, a:link, a:visited
{color: #6C0;}

a:focus, a:hover, a:active
{color: #063;}

.button
{background: url(/images/green/button.gif);}

.menuButton
{background: url(/images/green/menu_button.gif);}

.inputField, #popmenuEintragen input, #popmenuEintragen select, #popmenuSuchen input
{border: 1px solid #6C0;}

.listArrow
{background: url(/images/green/list_arrow.gif) 0px 0px;}

.listArrow:hover
{background-position: 0px 20px;}

img.loader
{background: url(/images/green/loader.gif) center no-repeat;}

ul
{color: #6C0;}

* html #search_left
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/search_left.png', sizingMethod='scale');}

html > body #search_left
{background: url(/images/green/search_left.png);}

html > body #search_button
{background: url(/images/green/search_button.png);}

* html #search_button
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/recommendations.png', sizingMethod='scale');}

#recommendations
{background: url(/images/green/recommendations.png);}

#overDiv table
{background: #DBEFC2;}

.popMenuLeft
{background: transparent url(/images/green/menu_left.gif) no-repeat top left !important;}
/*{background-image: url(/images/green/menu_left.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent !important;}*/

.popMenuMiddle
{background: transparent url(/images/green/menu_middle.gif) repeat-x top left !important;}

.popMenuRight
{background: transparent url(/images/green/menu_right.gif) no-repeat top left !important;}
/* ##### END SITE BORDER ##### */

/* ##### START CONTENT CLASSES ##### */
* html #frontpageImagePointer
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/frontpage_image_pointer.png', sizingMethod='scale');}

html > body #frontpageImagePointer
{background: url(/images/green/frontpage_image_pointer.png);}

#frontpageImageInfo a:focus, #frontpageImageInfo a:hover, #frontpageImageInfo a:visited
{color: #6C0;}

#frontpageModulLeft
{border: 1px solid #6C0;}

.first, .back, .pause, .stop, .play, .next, .last
{background-image: url(/images/green/player.gif);}

.helpIcon
{background-image: url(/images/help.png);}

.modulUp, .modulDown
{background-image: url(/images/green/modul_arrows.gif);}

#newToilets, #topToilets, #badToilets
{border-bottom: 1px solid #6C0; color: #063;}

#newToilets:focus, #topToilets:focus, #badToilets:focus, #newToilets:hover, #topToilets:hover, #badToilets:hover, #newToilets:active, #topToilets:active, #badToilets:active
{background: #DBEFC2;}

#newToilets img, #topToilets img, #badToilets img
{background-image: url(/images/green/modul_icons.gif);}

#topToilets
{border-right: 1px solid #6C0; border-left: 1px solid #6C0;}

.panelRow1
{background: #DBEFC2;}

#main, #main_full
{border: 1px solid #6C0;}

#main hr, #main_full hr, .naviContent hr
{background: #6C0;}

html* #main hr, html* #main_full, html* .naviContent hr
{border: 1px solid #6C0;}

#main h1, #main_full h1, .setMapBox h1
{border-bottom: 1px solid #6C0; color: #063; background: url(/images/green/16point.png) top left no-repeat;}

h2
{border-bottom: 1px solid #6C0; color: #063;}

.iconKlofuehrer, .iconWhoIsOnline, .iconPM, .iconKloporter, .iconInvite, .iconFanShop
{background-image: url(/images/green/klommunity.gif);}
/* ##### END CONTENT CLASSES ##### */

/* ##### START NAVI CLASSES ##### */
.naviTop
{background: url(/images/green/navi_top.gif) top left no-repeat;}

.naviContent
{border-color: #6C0;}
/* ##### END NAVI CLASSES ##### */

/* ##### START REVIEW CLASSES ##### */
.ratingStar0, .ratingStar25, .ratingStar50, .ratingStar75, .ratingStar100
{background-image: url(/images/green/rating_star.gif);}
/* ##### END REVIEW CLASSES ##### */

/* ##### START TOILET CLASSES ##### */

/* ##### END TOILET CLASSES ##### */

/* ##### START PM CLASSES ##### */
.pmNew
{background: #DBEFC2;}

#pmNotifier
{background: url(/images/green/new_pm.png) top left no-repeat;}
/* ##### END PM CLASSES ##### */

/* ##### START SEARCH CLASSES ##### */
.filterFormTable, .filterFormTableBottom
{background: #DBEFC2;}
/* ##### END SEARCH CLASSES ##### */

/* ##### START IMAGE CLASSES ##### */
.toiletImageBox
{border-color: #6C0;}

* html .toiletImageBoxHead
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/toilet_image_top.png', sizingMethod='scale');}

html > body .toiletImageBoxHead
{background: url(/images/green/toilet_image_top.gif) top left no-repeat;}

.toiletImageBoxHead h1
{color: #063;}

.toiletImageBox hr
{background: #6C0;}
/* ##### END IMAGE CLASSES ##### */

/* ##### START TAB CLASSES ##### */
.tab
{background: url(/images/green/tab.gif) 0px 0px;}

.active_tab
{background: url(/images/green/tab.gif) 0px 70px;}

.tab_left
{background: url(/images/green/tab_corner.gif) 0px 0px;}

.tab_right
{background: url(/images/green/tab_corner.gif) 0px 175px;}

.active_tab_left
{background: url(/images/green/tab_corner.gif) 0px 140px;}

.active_tab_right
{background: url(/images/green/tab_corner.gif) 0px 105px;}

.tab-tab
{background: url(/images/green/tab_hover.gif) 0px 0px;}

.tab-active_tab
{background: url(/images/green/tab_hover.gif) 0px 175px;}

.active_tab-tab
{background: url(/images/green/tab_hover.gif) 0px 140px;}
/* ##### END TAB CLASSES ##### */

/* ##### START MAP CLASSES ##### */
* html #aroundMapBox
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/green/map_bg.png', sizingMethod='crop');}

html > body #aroundMapBox
{background: url(/images/green/map_bg.png);}

#aroundMap
{background: url(/images/green/loader.gif) no-repeat center;}

#aroundMapLeft
{background: url(/images/green/around_map_left.gif);}

#aroundMapSearch
{border-top: 1px solid #6C0; border-bottom: 1px solid #6C0;}

#aroundMapButton
{background: url(/images/green/around_map_button.gif);}

#aroundMapToolbar
{color: #6C0;}

#setMapButton img
{background-image: url(/images/green/position_save_button.gif);}
/* ##### END MAP CLASSES ##### */