/* css "tiger.css", by Michael Reiner, http://www.pixelimage.de */
/* Added: 2009 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques.*/



/* .......... tiger css .......... */

* {
     margin: 0;
     padding: 0;
     }
body {
      background-color: #000000;
      }
#main {
      background-image: url(images/head.jpg);
      height: 205px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#navcontainer ul {
      display: block;
      margin-left: auto;
      margin-right: auto;
      list-style-type: none;
      font-size: 1.0em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      }
#top_list {
      background-image: url(images/words.jpg);
      height: 80px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#linkbar {
      display: block;
      background-image: url(images/navigation.jpg);
      height: 70px;
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#main_list {
      background-image: url(images/float.jpg);
      width: 850px;
      margin-left: auto;
      margin-right: auto;
      }
#main_list_p {
      width: 490px;
      padding-top: 50px;
      padding-left: 280px;
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      font-weight: 500;
      font-size: 0.8em;
      text-align: left;
      color: #cccccc;
      }
#footer {
      background-image: url(images/footer.jpg);
      width: 850px;
      height: 200px;
      padding-top: 0px;
      padding-left: 0px;
      margin-left: auto;
      margin-right: auto;
      }
#footer_p {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      height: 10px;
      padding-top: 170px;
      padding-left: 470px;
      font-size: 0.7em;
      color: #fff;
      text-align: center;
      }

/* .......... bilderle .......... */

#p1 {
  width: 120px;
  height: 143px;
  display: block;
  background-image: url(images/p1.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin: 340px 0px 0px 765px;
      }
#p2 {
  width: 120px;
  height: 143px;
  display: block;
  background-image: url(images/p2.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin: 340px 0px 0px 765px;
      }
#p3 {
  width: 120px;
  height: 143px;
  display: block;
  background-image: url(images/p3.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin: 340px 0px 0px 765px;
      }
#p4 {
  width: 120px;
  height: 143px;
  display: block;
  background-image: url(images/p4.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin: 340px 0px 0px 765px;
      }
#p5 {
  width: 120px;
  height: 143px;
  display: block;
  background-image: url(images/p5.gif);
  background-repeat: no-repeat;
  position: absolute;
  margin: 340px 0px 0px 765px;
      }

/* .......... Menue-Permanent-Navigation .......... */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu0 {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      text-align: center;
      margin-top: 0px;
      background-image: url(images/nav.gif);
      background-repeat: repeat-y;
      }
#menu0 {
      margin-left: 100px;
      }
#menu1 {
      margin-left: 200px;
      }
#menu2 {
      margin-left: 300px;
      }
#menu3 {
      margin-left: 400px;
      }
#menu4 {
      margin-left: 500px;
      }
#menu5 {
      margin-left: 600px;
      }
#menu1 ul, #menu2 ul, #menu3ul, #menu4 ul, #menu5ul, #menu0ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      font-size: 1em;
      }
#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu0 li {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      background-image: url(images/nav.gif);
      float: left;
      }
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu0 a {
      display: block;
      height: 70px;
      line-height: 70px;
      width: 0px;
      padding-left: 100px;
      overflow: hidden;
      }
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu1 a:focus, #menu2 a:focus, #menu3 a:focus, #menu4 a:focus, #menu5 a:focus, #menu0 a:focus {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      text-align: center;
      text-decoration: none;
      font-weight: normal;
      outline: none;
      }
#menu1 a:hover, #menu1 a:focus {
      background-image: url(images/nav_hover1.gif);
      }
#menu2 a:hover, #menu2 a:focus {
      background-image: url(images/nav_hover2.gif);
      }
#menu3 a:hover, #menu3 a:focus {
      background-image: url(images/nav_hover3.gif);
      }
#menu4 a:hover, #menu4 a:focus {
      background-image: url(images/nav_hover4.gif);
      }
#menu5 a:hover, #menu5 a:focus {
      background-image: url(images/nav_hover5.gif);
      }
#menu0 a:hover, #menu0 a:focus {
      background-image: url(images/nav_hover0.gif);
      }

/* .......... linklist .......... */
#linkList {
      position: absolute;
      top: 170px;
      height: 86px;
      padding-left: 50px;
	}
#linkList2 {
      font: 11px "Century Gothic",arial,helvetica,sans-serif;
      background: #533320;
      padding: 5px;
      margin-top: 220px;
      width: 140px;
      color: #000000;
      border: 1px groove #b79a89;
      border-radius: 1em;
	}
#linkList3 {
      font: 11px "Century Gothic",arial,helvetica,sans-serif;
      background: #533320;
      padding: 5px;
      margin-top: 15px;
      width: 140px;
      color: #f8c744;
      border: 1px groove #b79a89;
      border-radius: 1em;
	}
#linkList4 {
      font: 11px "Century Gothic",arial,helvetica,sans-serif;
      background: #533320;
      padding: 5px;
      margin-top: 15px;
      width: 140px;
      color: #f8c744;
      border: 1px groove #b79a89;
      border-radius: 1em;
	}
#linkList h3.select { 
	background: url(images/select.gif) no-repeat top left; 
	margin: 2px 0px 0px 2px; 
	width: 135px; 
	height: 34px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.archives { 
	background: url(images/archives.gif) no-repeat top left; 
	margin: 2px 0px 0px 2px; 
	width: 135px; 
	height: 34px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: url(images/resources.gif) no-repeat top left; 
	margin: 2px 0px 0px 2px; 
	width:135px; 
	height: 34px; 
	}
#linkList h3.resources span {
	display:none
	}
#linkList ul {
	margin:0;
	padding:0 20px 15px 0px;
	}
#linkList li {
	line-height: 1.2em; 
	display: block; 
	padding-top: 4px; 
	margin-bottom: 4px;
	list-style-type: none;
	}
#linkList li a:link {
	color: #996600;
      outline: none;
	}
#linkList li a:visited {
	color: #000000;
	}
#lselect li, #larchives li, #lresources li{	
	padding: 0 0 5px 18px;
	margin:0;
	list-style-type:none;
	background: url(images/bullet.gif) no-repeat 0px 4px;
      }

/* ......................... */
p {
      padding-bottom: 4px;
      padding-top: 4px;
      }
li {
      display: inline;
      border-style:none;
      }
li a:link {
      color: #000000;
      text-decoration: none;
      }
li a:active {
      color: #ffffff;
      }
li a:hover {
      font-weight: normal;
      color: #ffffff;
      outline: none;
      }
a img  { 
      border: 0px none;
      outline: none;
      }
a:hover, a:focus {
      outline: none;
      }

/* .......... h .......... */
h1, h2 {
      font-family: "Century Gothic",arial,helvetica,sans-serif;
      color: #000000;
      display: none;
      }
h1 {
      font-size: 18px;
      font-style: normal;
      padding-top: 70px;
      padding-left: 470px;
      }
h2 {
      font-size: 12px;
      font-style: normal;
      padding-top: 0px;
      padding-left: 500px;
      }
h3 {
      text-transform: uppercase;
      font: bold 1.0em "Century Gothic",arial,helvetica,sans-serif;
      letter-spacing: 1px;
      text-align: left;
      padding-left: 30px;
      padding-top: 7px;
      margin: 10px;
      color: #fff;
	background: url(images/star.gif) no-repeat top left; 
	width: 500px; 
	height: 31px; 
      }
h4 {
      font: bold 1.0em "Century Gothic",arial,helvetica,sans-serif;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #000;
      }
h5 {
      margin-top: -10px;
      margin-right: 2px;
      font-family: Stylograph,"Bradley Hand ITC","Tempus Sans ITC","Lucida Handwriting","Century Gothic",arial,helvetica,sans-serif;
      font-size: 30px;
      font-weight: bold;
      float: left;
      color: #cc9900;
      }

/* .......... wise-words .......... */
blockquote {
      padding: 95px 0px 0px 0px;
      margin-left: 280px;
      margin-right: 100px;
      color: #fff;
      font: bold 1.0em "Century Gothic",arial,helvetica,sans-serif;
      text-align: left;
      }

/* .......... acronym .......... */
acronym {
	border-bottom: 1px dotted #cc9900;
      cursor: help;
	}

/* .......... Tooltip-Impressum .......... */
a.tip_impressum {
      position: relative;
      z-index: 100;
      text-decoration: none;
      font-style: normal;
      color: #cc9900;
      outline: none;
      }
a.tip_impressum:hover {
      background-color: transparent;
      color: #cc9900;
      }
a.tip_impressum span {
      display: none;
      text-decoration: none;
      }
a.tip_impressum:hover span {
      background-color: #cc9900;
      display: block;
      position: absolute;
      padding: 15px;
      bottom: 0px;
      left: 200px;
      z-index: 100;
      color: #000000;
      font: 10px "Century Gothic",arial,helvetica,sans-serif;
      text-align: center;
      width: 400px;
      opacity: 0.9;
      border: 2px ridge;
      }

/* .......... Tooltip .......... */
a.tip_anzeigen {
      position: relative;
      z-index: 90;
      text-decoration: none;
      font-style: normal;
      color: #cc9900;
      outline: none;
      }
a.tip_anzeigen:hover {
      background-color: transparent;
      color: #cc9900;
      }
a.tip_anzeigen span {
      display: none;
      text-decoration: none;
      }
a.tip_anzeigen:hover span {
      background-color: #cc9900;
      display: block;
      position: absolute;
      top: -40px;
      left: 20px;
      z-index: 100;
      color: #000000;
      font: 10px "Century Gothic",arial,helvetica,sans-serif;
      padding: 2px; 
      text-align: center;
      width: 110px;
      opacity: 0.9;
      border: 2px ridge;
      }



/* .......... SLIMBOX .......... */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
      opacity: 0.9;
      }

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #000;
      }

.lbLoading {
	background-color: #000;
      background-image: url(images/loading.gif);
      background-repeat: no-repeat;
      background-position: center;
      }

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #000;
	background-repeat: no-repeat;
      }

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
      }

#lbPrevLink {
	left: 0;
      }

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
      }

#lbNextLink {
	right: 0;
      }

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
      }

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 1px solid #000;
	border-top-style: none;
      }

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background-color: transparent;
      background-image: url(images/closelabel.gif);
      background-repeat: no-repeat; 
      background-position: center;
	margin: 5px 0;
	outline: none;
      }

#lbCaption, #lbNumber {
	margin-right: 71px;
      }

#lbCaption {
	font-weight: bold;
      }