/* allgemeine formatierungen                                                            */
/*//////////////////////////////////////////////////////////////////////////////////////*/
html {
  scrollbar-face-color:           #B22222;
  scrollbar-highlight-color:      #CD5C5C;
  scrollbar-3dlight-color:        #800000;
  scrollbar-darkshadow-color:     #8B2323;
  scrollbar-shadow-color:         #8B0000;
  scrollbar-arrow-color:          #CD3333;
  scrollbar-track-color:          #8B2323;
  }


html, body, #footernav ul, #footernav li, #sidelinks ul, #contactcube ul, #archives ul, #overall-footer, #content ul {
  margin:                         0 0 0 0;
  padding:                        0 0 0 0;
  }


body {
  background:                     url('grafics/body.jpg') repeat;


  font-family:                    georgia, verdana, arial, helvetica, sans-serif;
  font-size:                      1.2em
  }


#sidelinks ul, #contactcube ul, #archives ul, #content ul {
	list-style-type:                none;
}
/* balken formattings                                                                */
/*//////////////////////////////////////////////////////////////////////////////////////*/

/* container formattings                                                                */
/*//////////////////////////////////////////////////////////////////////////////////////*/
#overall {
  width:                          920px;
  height:                         auto;
  backcolor:                      url('grafics/body.jpg') repeat-x;
  margin-left:                    60px;
  border-left:                    solid 6px url('grafics/header2.gif');
	margin: 	0 auto;
  }


#head {
  width:                          auto;
  height:                         124px;
  background:                     url('grafics/header1.jpg') no-repeat left top;
  
  }

/* anylinks navigation //////////////////////////////////////////////////////////////// */
#anyline {
  width:                          auto;
  height:                         29px;
  z-index:                        0;
  border-top:                     1px solid #993300;
  border-bottom:                  1px solid #663300;
  						 
  }


#anybgr {
  width:                          auto;
  height:                         32px;
  background:                     url('grafics/anybgrgross.png') repeat-x;
  z-index:                        1;
  }


#anylink {
  position:                       relative;
  top:                           -20px;
  width:                          auto;
  height:                         20px;
  z-index:                        2;
  }

#anylink a {
  display:                        block;
  float:                          right;
  color:                          #8B3A3A;
  font-size:                      0.6em;
  line-height:                    20px;
  font-weight:                    bold;
  padding:                        0 7px 0 7px;
  text-decoration:                none;
  }

#anylink a:hover {
  color:                          #CD3333;
  z-index:                        3;
  background:                     url('grafics/anybgrdrkgross.png') repeat-x;
  }

#menu {
  position:                       relative;
  top:                           -51px;
  width:                          auto;
  height:                         29px;
  z-index:                        3;
}

#menu li {
display:block; 
float:left; 
position:relative; 
z-index:100; 
margin-right:1px;
}
#menu li span {
display:block; 
z-index:100; 
background:#663300; 
padding: 5px 10px;
font-size:0.7em;
}
#menu li a, #menu li a:visited {
display:block; 
padding:0;
}

#menu dl {
position:absolute; 
top:0; 
left:0; 
margin: 0; 
padding: 0; 
background: url(transparency.gif);
}
#menu dt {
background:                     url('grafics/anybgrgross.png') repeat-x;
margin:0; 
font-size: 0.7em; 
border-bottom:0px solid #fff; 
float:left; 
border-right:0px solid #fff;
}
#menu dd {
display:none; 
background: transparent; 
border-bottom:0px solid #cce; 
clear:left; 
margin:0; 
padding:0; 
color: #443300; 
font-size: 0.6em; 
text-align:left;
}

#menu dt a, #menu dt a:visited {
display:block; 
color:#443300; 
padding: 5px 10px; 
text-decoration:none;
}
#menu dd a, #menu dd a:visited {
background:#4F201E; 
color:#808000; 
text-decoration:none; 
display:block; 
padding: 5px 10px;
}

#menu li a:hover {
border:0;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}
#menu li:hover dl, #menu li a:hover dl {
border-bottom:3px solid #330000;

}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
  background:                     url('grafics/anybgrdrkgross.png') repeat-x;
height:                         19px;
color:#ff8;
}
/* title grafic bottom //////////////////////////////////////////////////////////////// */
#tgbtm {
  width:                          auto;
  height:                         107px;
  background:                     url('grafics/singaporeb.gif') no-repeat top right;
  z-index:                        5
  }


/* homepage title ///////////////////////////////////////////////////////////////////// */
#title-shadow {
  position:                       absolute;
 top:                            30px;
  margin-left:					  154px;
 left:                           auto;
 width:                          auto;
  height:                         auto;
  color:                          #663300;
  font-family:                    georgia,'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      45px;
  font-weight:                    bold;
  z-index:                        6;
  }


#title {
  position:                       absolute;
  top:                            27px;
  margin-left:					  151px;
  left:                           auto;
  width:                          auto;
  height:                         auto;
  color:                          olive;
  font-family:                   georgia,'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      45px;
  font-weight:                    bold;
  z-index:                        7;
  }


/* sidebar & text container /////////////////////////////////////////////////////////// */
#sidebar {
  float:                          left;
  width:                          150px;
  height:                         auto;
}

/* left navigation //////////////////////////////////////////////////////////////////// */
#sidelinks {
  position:                       relative;
  left:                          -6px;
	width:                          150px;
  background:                     url('grafics/news.gif') no-repeat 129px 22px;
	border-right:                 0
  border-left:                    6px solid #CD3333;; padding-left:10px; padding-right:0; padding-top:16px; padding-bottom:0
}

#sidelinks h1 {
  display:                        inline;
  height:                         40px;
  color:                          olive;
  font-family:                    Monotype Corsiva, georgia, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      1.9em;
  font-weight:                    bold;
  text-transform:                 lowercase;
}

#sidelinks li {
	padding:                        2px 0 2px 19px;
	background:                     url(grafics/rarrow.gif) no-repeat 8px 8px;
	border-top:                     1px dotted #dcdcdc;
    color:                          #CD3333;
}

#sidelinks a {
  color:                          olive;
  font-family:                    Monotype Corsiva, georgia, verdana, arial, helvetica, sans-serif;
  font-size:                      0.9em;
  text-decoration:                none;
}

#sidelinks a:hover {
	border-bottom:                  1px dotted #666666;
    color:                          #CD3333;
}

/* contact cube /////////////////////////////////////////////////////////////////////// */
#contactcube {
	clear:                          both;
  position:                       relative;
  left:                          -6px;
  width:                          150px;
  border-right:                   0
  border-left:                    6px solid olive;; padding-left:10px; padding-right:0; padding-top:30px; padding-bottom:0
}

#c {border-collapse:collapse;background-repeat: no;position:relative; left:-6px;  width:155px; max-width:155px; height:64px;border:#dddddd solid 0px;overflow:hidden;
}



#contactcube h1 {
  display:                        inline;
  height:                         20px;
  color:                          olive;
  font-family:                    Monotype Corsiva, georgia, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      1.9em;
  font-weight:                    bold;
  text-transform:                 lowercase;
}

#contactcube li {
	height:                         80px;
	border-top:                     1px dotted #dcdcdc;
    color:                          #CD3333;

}

/* calendar cube ////////////////////////////////////////////////////////////////////// */
/* for calendar formattings see ./calendar/calendar.css /////////////////////////////// */
#calendarcube {
	clear:                          both;
  position:                       relative;
  left:                          -6px;
  width:                          150px;
  background:                     url('grafics/h3.gif') no-repeat 179px 40px;
  border-right:                   0
  border-left:                    6px solid olive;; padding-left:10px; padding-right:0; padding-top:34px; padding-bottom:0
}

#calendarcube h1 {
  display:                        inline;
  height:                         40px;
  color:                          olive;
  font-family:                    Monotype Corsiva, georgia, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      1.9em;
  font-weight:                    bold;
  text-transform:                 lowercase;
}

/* archives links ///////////////////////////////////////////////////////////////////// */
#archives {
	clear:                          both;
  position:                       relative;
  left:                          -6px;
  width:                          150px;
  background:                     url('grafics/h4.gif') no-repeat 129px 46px;
  border-right:                   0
  border-left:                    6px solid olive;; padding-left:10px; padding-right:0; padding-top:40px; padding-bottom:0
  }

#archives h1 {
  display:                        inline;
  height:                         40px;
  color:                          olive;
  font-family:                   Monotype Corsiva, georgia, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      1.9em;
  font-weight:                    bold;
  text-transform:                 lowercase;
}

#archives li {
	padding:                        2px 0 2px 19px;
	background:                     url(grafics/garrow.gif) no-repeat 8px 8px;
	border-top:                     1px dotted #dcdcdc;
    color:                          #CD3333;
}

#archives a {
  color:                          olive;
  font-family:                    Monotype Corsiva, georgia, verdana, arial, helvetica, sans-serif;
  font-size:                      0.9em;
  text-decoration:                none;
}

#archives a:hover {
	border-bottom:                  1px dotted #666666;
	color:                          #CD3333;

}

/*  this hack solves display problems in other than IE browsers to show the left 6px border */
#archives-hack {
	clear:                          both;
  position:                       relative;
  left:                          -6px;
  height:                         34px;
  }


/* content container ////////////////////////////////////////////////////////////////// */
#content {
  width:                          auto;
  height:                         auto;
  background:                     url(grafics/body2.jpg) repeat 0px 9px;

  color:                          olive;
  font-family:                    georgia, verdana, arial, helvetica, sans-serif;
  font-size:                      0.9em;
  text-align:                     left;
  padding:                        22px 30px 38px 20px;
  margin-left:                  175px;
}
#content h1 {
  display:						  block;
  font-size:                      30px;
  font-family:                    georgia, 'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-weight:                    bold;
  padding-left:                   22px;
  text-shadow:					  #c0c0c0 3px 3px 5px;
}

#content h2 {
  display:                        inline-block;
  color:                          olive;
  font-family:                    georgia,'trebuchet ms', verdana, arial, helvetica, sans-serif;
  font-size:                      20px;
  font-weight:                    bold;
  padding-left:                   22px;

}

#content li {
  list-style-type:                none;
  background:                     url(grafics/list.gif) no-repeat 15px 5px;
  text-indent:                    26px;
  padding-left:                   22px;

}

#content a {
	color:                          #00a55d;
  font-family:                    georgia, verdana, arial, helvetica, sans-serif;
  text-decoration:                none;
}

#content a:hover {
	color:                          #dcdcdc;
}

/* table ////////////////////////////////////////////////////////////////// */

table {
	font-size:0.8em;
	font-family:Georgia,"Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;
	line-height:1.4em;
	color: #5B0006;
	background-color:#FFEDEF;
	width:100%;
	border-style:none;
	border-collapse:collapse;

}
caption{
	color:#F8EFF0;
	background-color:inherit;
	font-size:25px;
	background-image:url(poetryforbrowser/caption.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	padding:28px 10px 7px 5px;
	text-align:right;
}
tfoot th,
tfoot td {
	color:#F8EFF0;
	background-color:inherit;
	font-size:25px;
	background-image:url(poetryforbrowser/tfoot.jpg);
	background-repeat:repeat-x;
	background-position:0 -2px;
}
tfoot{text-align:right;}
tfoot td{padding:7px 10px 28px 5px;}
tfoot th{padding:7px 2px 28px 2px;}

thead th,
tbody th {
	background-color:#FAE5E7;
	color: #5B0006;
	padding:7px;
	text-align:left;
}
tbody tr:hover,
tbody tr th:hover{
    background-color:#FDF9F9;
    color:#000;
}
td{padding:7px;}

thead th{border-bottom:1px dotted  #908F8B;}
thead th:first-child{border:none;}
tbody th{border-right:1px dotted #908F8B;}

table a {
	width:100%;
	display:block;
	color: #5B0006;
	background-color:inherit;
	line-height:1.5em;
	
}
table a:visited {
	color: #908F8B;
	background-color:inherit;
}
tbody td+td+td+td a:before{
	 content:"\21D3";
	 text-align:right;
}
table a:hover {
	color: #C9020F;
	background-color:inherit;
}


/* footer lines ///////////////////////////////////////////////////////////////////// */
#overall-footer {
	margin-left: 185px;
	margin: 0 0 0 auto;
	clear: both;
	width: 757px;
	height: 35px;
	background: url('grafics/body.jpg') left top;
}

#footer {
  width:                          755px;
  height:                         54px;
  color:                          olive;
  font-family:                    verdana, arial, helvetica, sans-serif;
  font-size:                      0.6em;
  text-align:                     center;
  padding:                        12px 0 0 0;
  margin-right:                   0px;
}

#footer a {
  color:                          olive;
  font-family:                    verdana, arial, helvetica, sans-serif;
  text-decoration:                none;
  borderline:							1px
}

#footer a:hover {
	color:                          #00a55d;
}

/* footer navigation ///////////////////////////////////////////////////////////////////// */

#footernav a {
  display:                        block;
  float:                          left;
  color:                          olive;
  font-size:                      0.8em;
  line-height:                    14px;
  font-weight:                    bold;
  padding:                        8px 7px 6px 7px;
  text-decoration:                none;
  border-bottom:                  1px solid #993300;
  }

#footernav a:hover {
  color:                          #CD3333;
  background:                     url('grafics/circle.gif') no-repeat bottom center;
  }