/* DATEI: alc_ge.css */

/* CSS für Alkohollexikon, Version 2*/


body	 {
	margin-top:0px;
	margin-bottom:0px;
	color:black;
	background-color: #87CEFA;
	text-align:justify;
	margin-left : 0px;
}


DIV#kopf {
	position: absolute;
	background-color: White;
   margin-left: 0px;
   margin-top: 0px;
   width: 100.01%;
	height: 85px;
}

DIV#ko01 {
   float: left;
	width: auto;	
   margin-left: 10px;
   margin-top: 10px;
}

DIV#ko02 {
   float: none;
	width: auto;	
   position: relative;
	margin-right: 0.3em;
	margin-bottom: 5px;
	max-width: 85%;
}

DIV#logo {
                  display: none;
	}

DIV#werbung {
                  display: block;
						position: absolute;
                  width: 98%;
                  margin-top: 5em;
						margin-left: 10px;
						margin-right: 10px;
						overflow: hidden;
	}

DIV#w1 {
                  float: left;
                  display: block;
						position: relative;
						margin-top: 20px;		
						width: auto;				
						min-width: 49%;
						text-align: right;
	}

DIV#w2 {
                  float: right;
                  display: block;
						position: relative;
						margin-top: 20px;
						width: auto;	
						min-width: 49%;
						text-align: left;
						overflow: hidden;
	}	

DIV#w3 {
                  display: block;
						position: relative;
						margin-top: 10px;
						width: auto;	
						min-width: 99%;
						text-align: center;
	}	
	
	
DIV#Inhalt {
						position: absolute;
					   margin-left: 0px;
  						margin-top: 11em;
					   width: 100.01%;
}

DIV#Topinhalt {
						position: absolute;
					   margin-left: 0px;
  						margin-top: 5.5em;
					   width: 100.01%;
}
	
DIV#text {
	position: relative;
	margin-left: 180px;
	margin-right: 180px;
	
}

DIV#text:after {
				clear: left;
				display:block;
				height:0;
				overflow:hidden;
				visibility:hidden;
}


DIV#google {
	float: left;
	width: auto;	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}

DIV#grechts {
	float: right;
	width: auto;	
	border: none;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

DIV#myrss {
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	width: 180px;
	border-color: Blue;
	border-width: medium;
	background-color: White;
	max-height: 600px;
	overflow: scroll;
}

DIV#nav, DIV#nav_2 {
	position: relative;
	width: auto;	
   margin-left: 200px;
	margin-right: 160px;
	font-family:Arial,Helvetica,sans-serif;
}

#nav1, #nav7 {
	float: left;
	width: 5%;
	margin-right: 10px;
	margin-top: 5px;
	content: url(gifdat/pfeil_links.gif);
}
#nav2, #nav8 {
	float: left;
	width: 25%;
	text-align: left;
}
#nav3, #nav9 {
	float: left;
	font-weight: bold;
	text-align: center;
	width: 35%;
}
#nav4, #nav10{
	float: left;
	width: 25%;
	text-align: right;
}
#nav5, #nav11 {
	float: left;
	width: 5%;
	margin-left: 10px;
   margin-top: 5px;
	content: url(gifdat/pfeil_rechts.gif);
	text-align: left;
}
#nav6, #nav12{
	float: left;
	width: 100.01%;
	text-align: center;
	min-height: 5px:
}

Div #topic {
	position: relative;
	width: 100.01%;	
	font-family:Arial,Helvetica,sans-serif;	
}


#top1 {
	float: left;
	width: 300px;
	text-align: left;
	font-size:130%;
	color:#FF0000; 
}
#top2 {
	float: left;
	width: 150px;
	text-align: left; 
}
#top3 {
	float: left;
	text-align: center;
	width: 80px;
}
#font_switcher {
	float: left;
	text-align: right;
	vertical-align: top;
	margin: 0px;
	width: 90px;
}
#top5 {
	float: left;
	font-size: xx-small;
	width: 100.01%;
}


DIV#anzeige {
	position: relative;
   width: auto;	
   margin-left: 200px;
	margin-right: 160px;
	text-align: left;
	border: thin Black solid;
	padding-left:10px; 
   padding-right:10px;
}

table.mytab {
	color:#000000;
	background-color:#87CEFA;
	border: 0px;
	margin : 20px ;
	padding : 0px;
	width : 500px;
	empty-cells : show;
	}


table.bord {
	color:#000000;
	background-color:#FFFFFF;
	border: Blue;
	margin : 0px ;
	padding : 5px;
}

table.zusatz {
	color:#000000;
	background-color: #FFFFCC;
}

table.smap {
	color:#000000;
	background-color: #FFFFCC;
	width: 620px;
	padding: 3px;
}

td,th {
		font-family:Arial,Helvetica,sans-serif;
	    font-size: 100.1%;
		 vertical-align: top;
}

td {
	text-align : left;
}

td.center {
   text-align: center;
	vertical-align: middle;
}

td.right{
   text-align:right;
	vertical-align: top;
}

td.zusatz {
	color:#000000;
	background-color: #FFFFCC;
}

td.weiss{
	color:#000000;
	background-color: #FFFFFF;
	border-top-color: White;
	border-top-width: 8px;
	border-top-style: solid;
}
td.gr{
	color:#000000;
	background-color: #DDDDDD;
	height: 4px;
}


td.leiste1 {
	background-color: White;
	color:#000000;
	border-bottom-color: #FFFFCC;
	border-bottom-style: inset;
	border-bottom-width: 8px;
	text-align: center;
	vertical-align: middle;
}

caption {
	color:#3333FF;
	background-color: #87CEFA;
}

tr.center {
	text-align: center;
	vertical-align: bottom;
}

p,ul,ol,li,address,blockquote,b,i,nobr
     {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 100.1%;
	text-align:justify;
}

.red {
	color:Red;
	background-color: #87CEFA;
}


h1 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:130%;
	color:#FF0000;
}

h1.center {
   text-align: center;
}
h1.weiss {
	background-color: White;
}


h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:115%;
	font-weight:bold;
	color:#000000;
}

h2.zusatz {
	color:#000000;
	background-color : #FFFFCC;
}

h3 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:110%;
	color:#FF0000;
}

h3.gelb {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
	color:#FF0000;
	background-color : #FFFFCC;
}


h4 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:100.01%;
	color:blue;
	text-align: left;
	margin-top: 5px;
	z-index: 99;
}


h4.center {
	text-align: center;
}
p.center { text-align:center;}

p.klein {
	font-size:65%;
	text-align:center;
	margin-top: 1px;
}
p.klein2 {
	font-size:80%;
	text-align: justify;
}

p.grossfett {
	font-size:110%;
	text-align:center;
	color: Red;
	font-weight: bolder;
} 

p.fettblau {
	font-size:90%;
	text-align:left;
	color: Blue;
	font-weight: bolder;
}

td.klein {font-size:65%;}

sub,sup {
	font-size: 8pt;
	line-height: 80%;
}

div.lit { font-family:Arial,Helvetica,sans-serif;
	font-size:65%;
	}

b.lit {
	font-weight : bold;
	font-size:65%;
}

div.klein {font-size:65%;
	text-align:justify;
}


a:link {
	color:#FF0000;
	text-decoration:underline;
}
a:visited {
	color:#FF7700;
	text-decoration:underline;
}
a:active {
	color:#FF7700;
	text-decoration:none;
}

a.gelb:link {
	font-size:10pt;
	text-decoration : underline;
	color : Blue;
	background-color : #FFFFCC;
}

a.gelb:visited {
	font-size:10pt;
	text-decoration : underline;
	color : Blue;
	background-color : #FFFFCC;
}

a.weiss:link {
	font-size:10pt;
	text-decoration : underline;
	color : Blue;
	background-color : White;
	text-align: left;
}

a.weiss:visited {
	font-size:10pt;
	text-decoration : underline;
	color : Blue;
	background-color : White;
	text-align: left;
}

#font_switcher ul {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 10px;
	clear: both;
}

#font_switcher ul li {
	float: left;
	width: 0.8em;
}

#font_switcher a {
	color: Blue;
	background: #87CEFA;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 2px;
	font-size: 150%;
	font-weight: bold;
}

#font_switcher a:hover,
#font_switcher a:active,
#font_switcher a:focus {
	color: #000000;
	background: #87CEFA;
	text-decoration: underline;	
}

#font_switcher #font_0_95 {
	font-size: 0.65em;	
}

#font_switcher #font_1_0 {
	font-size: 0.80em;	
}

#font_switcher #font_1_2 {
	font-size: 0.99em;	
}
	

#rolloverm1 a {
	float: left;
         display: block;
         margin-top: 5px;
         margin-left: 20px;
	height: 36px;
	width: 120px;
	background: url(gifdat/encyclopedia.jpg) 0px -36px no-repeat;
}

#rolloverm1 a:hover {
	background-position: 0px 0px;
}

#rolloverm1 a:active {
	background-position: 0px 0px;
}

#rolloverm1a a {
	float: left;
	display: block;
         margin-top: 5px;
         margin-left: 20px;
	height: 36px;
	width: 120px;
	background: url(gifdat/encyclopedia.jpg) 0px 0px no-repeat;
}

#rolloverm1a a:hover {
	background-position: 0px -36px;
}

#rolloverm1a a:active {
	background-position: 0px -36px;
}

#rolloverm2 a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 73px;
	background: url(gifdat/database.jpg) 0px -36px no-repeat;
}

#rolloverm2 a:hover {
	background-position: 0px 0px;
}

#rolloverm2 a:active {
	background-position: 0px 0px;
}

#rolloverm2a a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 73px;
	background: url(gifdat/database.jpg) 0px 0px no-repeat;
}

#rolloverm2a a:hover {
	background-position: 0px -36px;
}

#rolloverm2a a:active {
	background-position: 0px -36px;
}

#rolloverm4 a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 200px;
}

#rolloverm5 a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 67px;
	background: url(gifdat/law.jpg) 0px -36px no-repeat;
}

#rolloverm5 a:hover {
	background-position: 0px 0px;
}

#rolloverm5 a:active {
	background-position: 0px 0px;
}

#rolloverm5a a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 67px;
	background: url(gifdat/law.jpg) 0px 0px no-repeat;
}

#rolloverm5a a:hover {
	background-position: 0px -36px;
}

#rolloverm5a a:active {
	background-position: 0px -36px;
}

#rolloverm8 a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 67px;
	background: url(gifdat/imprint.jpg) 0px -36px no-repeat;
}

#rolloverm8 a:hover {
	background-position: 0px 0px;
}

#rolloverm8 a:active {
	background-position: 0px 0px;
}

#rolloverm8a a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 67px;
	background: url(gifdat/imprint.jpg) 0px 0px no-repeat;
}

#rolloverm8a a:hover {
	background-position: 0px -36px;
}

#rolloverm8a a:active {
	background-position: 0px -36px;
}

#rolloverm9 a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 45px;
	background: url(gifdat/faq.jpg) 0px -36px no-repeat;
}

#rolloverm9 a:hover {
	background-position: 0px 0px;
}

#rolloverm9 a:active {
	background-position: 0px 0px;
}

#rolloverm9a a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 45px;
	background: url(gifdat/faq.jpg) 0px 0px no-repeat;
}

#rolloverm9a a:hover {
	background-position: 0px -36px;
}

#rolloverm9a a:active {
	background-position: 0px -36px;
}

#rolloverm10 a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 45px;
	background: url(gifdat/home.jpg) 0px -36px no-repeat;
}

#rolloverm10 a:hover {
	background-position: 0px 0px;
}

#rolloverm10 a:active {
	background-position: 0px 0px;
}

#rolloverm10a a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 2px;
	height: 36px;
	width: 45px;
	background: url(gifdat/home.jpg) 0px 0px no-repeat;
}

#rolloverm10a a:hover {
	background-position: 0px -36px;
}

#rolloverm10a a:active {
	background-position: 0px -36px;
}

#rolloverm12 a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 10px;
	height: 36px;
	width: 67px;
	background: url(gifdat/smap_eng.jpg) 0px -36px no-repeat;
}

#rolloverm12 a:hover {
	background-position: 0px 0px;
}

#rolloverm12 a:active {
	background-position: 0px 0px;
}

#rolloverm12a a {
	float: left;
	display: block;
         margin-top: 3px;
         margin-left: 10px;
	height: 36px;
	width: 67px;
	background: url(gifdat/smap_eng.jpg) 0px 0px no-repeat;
}

#rolloverm12a a:hover {
	background-position: 0px -36px;
}

#rolloverm12a a:active {
	background-position: 0px -36px;
}

#rolloverm13 a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 50px;
	background: url(gifdat/fl_deutsch.jpg) 0px -36px no-repeat;
}

#rolloverm13 a:hover {
	background-position: 0px 0px;
}

#rolloverm13 a:active {
	background-position: 0px 0px;
}

#rolloverm13a a {
float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 50px;
	background: url(gifdat/fl_deutsch.jpg) 0px 0px no-repeat;
}

#rolloverm13a a:hover {
	background-position: 0px -36px;
}

#rolloverm13a a:active {
	background-position: 0px -36px;
}

#rolloverm14 a {
	float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 50px;
	background: url(gifdat/fl_frz.jpg) 0px -36px no-repeat;
}

#rolloverm14 a:hover {
	background-position: 0px 0px;
}

#rolloverm14 a:active {
	background-position: 0px 0px;
}

#rolloverm14a a {
	float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 50px;
	background: url(gifdat/fl_frz.jpg) 0px 0px no-repeat;
}

#rolloverm14a a:hover {
	background-position: 0px -36px;
}

#rolloverm14a a:active {
	background-position: 0px -36px;
}
#rolloverm15 a {
	float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 72px;
	background: url(gifdat/bookstore.jpg) 0px -36px no-repeat;
}

#rolloverm15 a:hover {
	background-position: 0px 0px;
}

#rolloverm15 a:active {
	background-position: 0px 0px;
}

#rolloverm15a a {
	float: left;
	display: block;
         margin-top: 5px;
         margin-left: 2px;
	height: 36px;
	width: 72px;
	background: url(gifdat/bookstore.jpg) 0px 0px no-repeat;
}

#rolloverm15a a:hover {
	background-position: 0px -36px;
}

#rolloverm15a a:active {
	background-position: 0px -36px;
}
#dbsearch {
	float: left;
	display: block;
         margin-top: 0px;
         margin-left: 20px;
	height: 36px;
	width: 400px;
}
