@charset "utf-8";

/*********************************
    FORMULARE
*********************************/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    width: 100%;
    font: small/1.5em "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    background: #ebf1e6 url("images/bodybg2.gif") repeat-y 50% 0;
    color: #444;
}

body.print{width: 90%;margin:50px;background-color:White;background-image:none;}

#wrapper {
	position:relative;
    margin: 0 auto;
    /*width: 740px;*/
	width: 960px;
    text-align: left;
}

#header {
    /*height: 230px;*/
	height: 290px;
    background: url("images/header2.jpg") no-repeat 0 0;
}

div#TS_navicolumn{position:relative;float: left;width:250px;}

#navi {
    position:relative;
    background: url("images/navibg2.gif") no-repeat 0 100%;
    padding-bottom: 60px;
}

#content {
    float: left;
    /*width: 500px;*/
	width: 670px;
    margin: 1em 0;
    text-align: justify;
}

#oldbrowsermessage {
    display: none;
}

/*********************************
    NAVIGATION
*********************************/

#navi p {
    text-indent: -2000px !important;
}

#navi p a {
    display: none;
}

#navi ul.menulevel1 {
    margin: 0.5em 0 0.5em 28px;
    list-style: none;
    border-top: 1px solid #cdb;
	width: 190px;
}
#navi ul.menulevel2 {
    margin: 0.0em 0 0.0em 10px;
    list-style: none;
    border-top: none;
}
#navi ul.menulevel3 {
    margin: 0.0em 0 0.0em 10px;
    list-style: none;
}

div#navi div#navitopline {width:212px;border-top:1px solid #cdb;height:1px;margin-left:16px;}

#navi ul.menulevel1 li a {
	list-style-type:none;
    display: block;
	width: 175px;
    padding: 0.2em 5px 0.3em 10px;
    border-bottom: 1px solid #cdb;
    text-decoration: none;
    color: #370;
}

#navi ul.menulevel2 li a,#navi  li ul.menulevel2 li ul.menulevel3 li a {
    display: block;
	width: 165px;
    padding: 0.2em 5px 0.3em 10px;
    border-bottom: 1px solid #cdb;
    text-decoration: none;
    color: #370;
	background-color: White;
}
#navi  li ul.menulevel2 li ul.menulevel3 li a {
	width: 155px;
	}

#navi ul.menulevel1 li a:hover, #navi ul li a.active  {
    background-color: #ebf1e6 !important;
    color: #370 !important;
}

#navi ul.menulevel1 li.sdoc a, #navi ul.menulevel1 li.sdocs a, #navi li ul.menulevel2 li.sdoc a, #navi li ul.menulevel2 li.sdocs a, #navi ul.menulevel2 ul.menulevel3 li.sdoc a, #navi li ul.menulevel2 ul.menulevel3 li.sdocs a {
	background-color: #eee;
    color: #370;
}
#navi ul.menulevel1 li.doc a, #navi ul.menulevel1 li.docs a{
    background-color: White;
    color: #370;
}

#navi #subnav {margin-left: 40px;}

div#content ul.submenu {list-style:none;}

/*********************************
    Gerd's Gecko
*********************************/

div#gerds_gecko{position:relative;height:89px;width:101px;padding:0;margin:-5px 0 0 21px;}

/*********************************
    TYPO
*********************************/

a, a:link, a:active, a:visited {
    color: #370;
    text-decoration: none;    
}

a:hover {
    color: #000;
    text-decoration: underline;    
}

#header #TS_sitename {
    padding: 40px 0 0 36px;
    font-size: 210%;
    color: #370;
    line-height: 110%;
	width:550px;
	float:left;
	display: none
}

#header #TS_sitename a {
    color: #370;
    text-decoration: none;
}

/*********************************
   Print Icon
*********************************/

div#TS_icons{position:absolute;width:30px;top:300px;right:50px;}

/*********************************
   breadcrumb
*********************************/

#TS_locator {clear:both;padding:255px 0 0 40px;font-size:85%;}
#TS_locator a{text-decoration:none;}

h1,h2,h3,h4 {
    color: #370;
    font-size: 150%;
    line-height: 120%;
    margin-bottom: 1em;
    font-weight: normal;
}

#content p {
    margin-bottom: 1em;
}

/*********************************
    MISC
*********************************/

.clear {
    clear: both;
}


/*********************************
    Footer
*********************************/

#TS_footer{margin:0 auto;width:920px; height:30px; border-top:1px solid #C2D5B5;}
#TS_footer #footer_left{float:left;font-size:80%;width:580px;margin-top:3px;margin-left:20px;}
#TS_footer #footer_left a{text-decoration:none;color: #444;}
#TS_footer #footer_right{float:right;width:20px;text-align:right;margin-top:11px;margin-right:20px;}


 /*********************************
    footerStickAlt
*********************************/

html{height: 100%;}
body{height: 100%;}
#wrapper{position: relative;min-height: 100%;}
* html #wrapper{height: 100%;}
#TS_footer{position: relative;margin-top: 2.0em;}

/*********************************
    Formulare
*********************************/

div#content form textarea, div#content form input, div#content form select{border:1px solid #C2D5B5;}
div#content form input.text, div#content form input.submit{margin-top:10px;}

/*********************************
    Login
*********************************/
div#content table.edit{font-size:0.9em;border-left:1px solid #C2D5B5;border-top:1px solid #C2D5B5;border-bottom:1px solid #C2D5B5;}
 div#content table.edit td{font-size:0.9em;border-right:1px solid #C2D5B5;}
 div#content table.edit td a{text-decoration:none;text-align:center;}
 
 /*********************************
    skippers
*********************************/

    .skipper        { position: absolute; left: -9999px }
    #topOfThePage   { position: fixed; bottom: 0; right: 0; display: block; width: 47px; height: 26px; border: 0; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(images/top1.gif) no-repeat 100% 100%; }

 /*********************************
    Searchbox
*********************************/

div#searchposition{position:relative;width:245px;margin-top:0px;margin-bottom:20px;}
div#search{margin:0 0 0 80px;padding:0;padding-bottom:3px;width:30px;}
div#search:hover{cursor:pointer;}
div#search div#suchen{display:none;padding:0; margin:0;}
div#search:hover div#suchen{position:absolute;width:191px;height:20px;background:#eee;display:block;left:17px;top:-8px;padding:30px 20px 0 0;border-bottom:1px solid #cdb;border-top:1px solid #cdb;cursor:default;z-index:20;}
div#searchbox{position:absolute;margin-left:15px;top:13px;width:200px;}
div#searchbox input.text{font-size:9pt;color:#337700;width:110px;}
div#searchbox input.submit{background-color:transparent;font-weight:bold;cursor:pointer;font-size:9pt;color:#337700;}

 /*********************************
    Language Menu
*********************************/

div#sprache{position:absolute;width:80px;float:right;right:30px;top:0px;z-index:10;}
div#sprache img.flag{margin-right:10px;}

 /*********************************
    Lists in Content
*********************************/

div#content ul{margin:0;padding:0;}
div#content ul li{margin-left:20px;margin-top:5px;list-style-type:circle;}
div#content ul.submenu li{margin-left:20px;margin-top:0;list-style-type:none;}
div#content ul.submenu li a{text-decoration:none;}

 /*********************************
    Sitemap
*********************************/
div#content ul.sitemaplevel1 li,div#content .sitemaplevel2 ul li,div#content .sitemaplevel3 ul li{list-style-type:none;margin:0;padding:0;}
div#content .sitemaplevel1,div#content .sitemaplevel2,div#content .sitemaplevel3{line-height:1.6em;}
div#content .sitemaplevel1 a,div#content .sitemaplevel2 a,div#content .sitemaplevel3 a{text-decoration:none;}
div#content .sitemaplevel1 a:hover,div#content .sitemaplevel2 a:hover,div#content .sitemaplevel3 a:hover{list-style-type:none !important;text-decoration:underline;}
.sitemaplevel1{font-size:9pt;background: url(images/dot.gif) repeat-y 40px 0;}
.sitemaplevel2{font-size:9pt;background: url(images/dot.gif) repeat-y 63px 0;}
.sitemaplevel3{font-size:9pt;background: url(images/dot.gif) repeat-y 86px 0;}
.sitemaplevel1 a{font-weight:normal;color:Black;background: url(images/dot2.gif) no-repeat 40px 7px;padding-left:70px;}
.sitemaplevel2 a{font-weight:normal;color:Black;background: url(images/dot2.gif) no-repeat 63px 7px;padding-left:93px;}
.sitemaplevel3 a{font-weight:normal;color:Black;background: url(images/dot2.gif) no-repeat 86px 7px;padding-left:116px;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:Black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:Black;}
.sitemaplevel1 li.doc{background: url(images/bullet1.gif) no-repeat 60px 6px;}
.sitemaplevel1 li.docs{background: url(images/bullet2.gif) no-repeat 60px 6px;}
.sitemaplevel2 li.doc{background: url(images/bullet1.gif) no-repeat 83px 6px;}
.sitemaplevel2 li.docs{background: url(images/bullet2.gif) no-repeat 83px 6px;}
.sitemaplevel3 li.doc{background: url(images/bullet1.gif) no-repeat 106px 6px;}
.sitemaplevel3 li.docs{background: url(images/bullet2.gif) no-repeat 106px 6px;}

 /*********************************
    Japanese restaurants
*********************************/
div#content table.resto{
  text-align: left;
  width: 100%;
  border-spacing: 5px 5px;}
  
div#content table td.resto_left{
  width: 20%;
  text-align: right;
  vertical-align: top;
  font-weight: bold;}
  
div#content table td.resto_right{
  width: 80%;
  text-align: left;
  vertical-align: top;}
  
div#content table td.resto_remark{
  width: 80%;
  text-align: justify;
  vertical-align: top;}
  
div#content p.rest_date{
  font-size:85%;
  text-align: right;}
  
div#content hr{
  margin-bottom: 1em;
  border:0px; border-top:1px dotted #000000; height:0px;
}  


 /*********************************
    de la Croix
*********************************/

#dlcmainimage {
margin:0 auto;
width : 302px;
height: 449px;
background: url(http://xsite.xhonneux.org/images/delacroix.jpg) no-repeat;
}


#dlc11 {
position:absolute;
float: left;
width : 40px;
height: 66px;
margin-left: 8px;
margin-top: 6px;
border: 1px dotted white;
}

#dlc12 {
position:absolute;
float: left;
width : 40px;
height: 66px;
margin-left: 49px;
margin-top: 6px;
border: 1px dotted white;
}

#dlc13 {
position:absolute;
float: left;
width : 34px;
height: 66px;
margin-left: 90px;
margin-top: 6px;
border: 1px dotted white;
}

#dlc14 {
position:absolute;
float: left;
width : 37px;
height: 66px;
margin-left: 125px;
margin-top: 6px;
border: 1px dotted white;
}

#dlc21 {
position:absolute;
float: left;
width : 47px;
height: 55px;
margin-left: 8px;
margin-top: 76px;
border: 1px dotted white;
}

#dlc22 {
position:absolute;
float: left;
width : 57px;
height: 55px;
margin-left: 56px;
margin-top: 76px;
border: 1px dotted white;
}

#dlc23 {
position:absolute;
float: left;
width : 29px;
height: 55px;
margin-left: 114px;
margin-top: 76px;
border: 1px dotted white;
}

#dlc24 {
position:absolute;
float: left;
width : 18px;
height: 55px;
margin-left: 144px;
margin-top: 76px;
border: 1px dotted white;
}

#dlc31 {
position:absolute;
float: left;
width : 44px;
height: 57px;
margin-left: 8px;
margin-top: 135px;
border: 1px dotted white;
}

#dlc32 {
position:absolute;
float: left;
width : 52px;
height: 57px;
margin-left: 53px;
margin-top: 135px;
border: 1px dotted white;
}

#dlc33 {
position:absolute;
float: left;
width : 56px;
height: 57px;
margin-left: 106px;
margin-top: 135px;
border: 1px dotted white;
}

#dlc41 {
position:absolute;
float: left;
width : 44px;
height: 53px;
margin-left: 8px;
margin-top: 196px;
border: 1px dotted white;
}

#dlc42 {
position:absolute;
float: left;
width : 40px;
height: 53px;
margin-left: 59px;
margin-top: 196px;
border: 1px dotted white;
}

#dlc43 {
position:absolute;
float: left;
width : 25px;
height: 53px;
margin-left: 103px;
margin-top: 196px;
border: 1px dotted white;
}

#dlc44 {
position:absolute;
float: left;
width : 33px;
height: 53px;
margin-left: 129px;
margin-top: 196px;
border: 1px dotted white;
}

#dlc51 {
position:absolute;
float: left;
width : 47px;
height: 60px;
margin-left: 8px;
margin-top: 253px;
border: 1px dotted white;
}

#dlc52 {
position:absolute;
float: left;
width : 57px;
height: 60px;
margin-left: 56px;
margin-top: 253px;
border: 1px dotted white;
}

#dlc53 {
position:absolute;
float: left;
width : 48px;
height: 47px;
margin-left: 114px;
margin-top: 266px;
border: 1px dotted white;
}

#dlc6 {
position:absolute;
float: left;
width : 121px;
height: 112px;
margin-left: 27px;
margin-top: 317px;
border: 1px dotted white;
}

#dlctext {
position:absolute;
float: left;
width : 120px;
height: 203px;
margin-left: 167px;
margin-top: 107px;
border: 1px dotted white;
}



 /*********************************
   Highlight document.referer 
*********************************/
#content span.searchword {background-color: yellow;}

 /*********************************
     Acronyme 
*********************************/
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted ;
	cursor: help;}

 /*********************************
    Mark (external) links 
*********************************/    
#content a[href^="http:"],  #content a[href^="https:"] {
	background: transparent url("http://xsite.xhonneux.org/templates/xsite/images/link.gif") 100% 50% no-repeat;
	padding-right: 10px;
}
#content a[href^="http://xsite.xhonneux.com"], #content a[href^="http://xsite.xhonneux.org"] {
	background: none;
	padding-right: 0px;
}

.pdfLink { padding-right: 19px !important; background: url(http://xsite.xhonneux.org/templates/xsite/images/pdf.gif) no-repeat 100% .5em !important; }
.docLink { padding-right: 19px !important; background: url(http://xsite.xhonneux.org/templates/xsite/images/doc.gif) no-repeat 100% .5em !important; }
.zipLink { padding-right: 17px !important; background: url(http://xsite.xhonneux.org/templates/xsite/images/zip.gif) no-repeat 100% .5em !important; }

 /*********************************
    Admin Login 
*********************************/    

#adminlogin {
	font-family: Verdana;
	font-size: 1.8em;
	font-weight:bold;
	color: #370;
	}
div[id=adminlogin] {
	color: #ACB0AD !important;
	}
#adminlogin:after {
	content: 'Administration Login';
	color: #370;
	display: block;
	text-indent: -0.12ex;
	margin-top: -0.9em;
	}