/*
File:          style.css
Desc:          Cascading Style Sheets for the layout of liloo.de
Copyright:     1997-2008 by Liloo.de / smallit.de
*/

/* ---------------------------------------------------------------------------------------------------- HTML-STYLES --- */
body { background:url('http://www.liloo.de/images/back_body.png'); text-align:center; margin:0px; padding:0px; margin:auto; }
body,table,tr,td { font-family:'Arial',sans-serif; font-size:12px; color:#444; }

table,tr,td { line-height:1.5em; }

input,select,textarea,img { vertical-align:middle; }
input,select,textarea { font-family:'Arial',sans-serif; font-size:13px; color:#444; }

h1,h2,h3,h4 { font-family:'Tahoma',sans-serif; color:#444; display:inline; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }

form { display:inline; }
ul,li { list-style-type:square; }
img { border:0; }
hr { border:none; border-top:1px dotted #999; }

a:link, a:visited, a:active { color:#425419; text-decoration:underline; }
a:hover { color:#666; }

/* ---------------------------------------------------------------------------------------------------- MAIN LAYERS --- */
.header { margin:auto;  width:860px; background-color:white; text-align:left; overflow:hidden; }

.menu { margin:auto; width:860px; background-color:#ffe9e9; text-align:left; padding-top:10px; }
.menu img { margin-right:2px; vertical-align:bottom; }
.submenu { margin:auto; width:860px; background-color:#C41719; text-align:left; overflow:hidden; font-size:12px; }
.submenu a:link, .submenu a:active, .submenu a:visited { color:white; text-decoration:none; }
.submenu a:hover { text-decoration:underline; }

.main-ad { margin:auto; width:860px; background-color:#C41719; height:150px; padding:0; }
.main-ad { overflow:hidden; text-align:left; color:#fff; }

.page { margin:auto; width:860px; background-color:white; text-align:left; overflow:hidden; }

.main { float:left; width:515px; margin-left:15px; margin-top:15px; margin-bottom:15px; }
.side { float:right; margin-right:15px; margin-top:15px; width:300px; }

.absatz { margin-bottom:15px; color:#444; font-size:13px; font-weight:bold; }
.tablecount { -moz-border-radius:0.5em; width:50%; padding:10px; background-color:#e0e083; color:#555; font-weight:bold; }
.tablecount { text-align:center; font-size:25px; }
.map-canvas { background-color:#999; }
.opacity { position:fixed; z-index:401; background-color:#555; top:0; left:0; width:100%; height:100%; visibility:hidden; text-align:center; }
.polaroid { margin:auto; margin-top:150px; padding:10px; background-color:#555; border:10px solid white; cursor:pointer; }
.overlay { margin:auto; margin-top:150px; padding:10px; background-color:#ffe9e9; border:5px solid #fff;  -moz-border-radius:0.7em; width:400px; }
.overlay { text-align:left; }
.footer { margin:auto; width:860px; background-color:#ffe9e9; text-align:left; overflow:hidden; }
.big td { font-size:18px; }

/* ---------------------------------------------------------------------------------------------------- IMAGES --- */
.img18 { width:18px; padding:2px; border:1px solid #d8d8d8; background-color:white; }
.img32 { width:32px; padding:3px; border:2px solid #d8d8d8; background-color:white; }
.img64 { width:64px; padding:3px; border:2px solid #d8d8d8; background-color:white; }
.img60 { width:60px; padding:3px; border:2px solid #d8d8d8; background-color:white; }
.img120 { width:120px; padding:3px; border:2px solid #d8d8d8; background-color:white; }
.img128 { width:128px; padding:3px; border:2px solid #d8d8d8; background-color:white; }
.img240 { width:240px; padding:3px; border:2px solid #d8d8d8; background-color:white;  }

/* ---------------------------------------------------------------------------------------------------- BOXES --- */
.box302 { background-color:#ffe9e9; padding:10px; -moz-border-radius:0.5em; overflow:hidden; }
.box-green { background-color:#e0e083; border:1px solid #d0d073; -moz-border-radius:0.7em; padding:10px; }
.rounded { padding:10px; background-color:#f8f8f1; border:1px solid #e8e8e1; -moz-border-radius:0.7em; overflow:hidden; line-height:1.5; }
.frameless { border-top:1px dotted #999; padding:10px; line-height:1.5; }
.suggest { position:absolute; z-index:2; background-color:white; padding:5px; color:#555; width:400px; visibility:hidden; border:1px solid #999; }
.suggest a:link { color:#555; text-decoration:none; }
.suggest a:hover { background-color:#C41719; color:#fff; }
.site { padding:5px; border:1px solid #999; -moz-border-radius:0.3em; background-color:#ddd; }
.linkless a:link { font-weight:bold; text-decoration:none; }


/* ---------------------------------------------------------------------------------------------------- AUSRICHTUNGEN --- */
.alignleft { float:left; margin-right:15px; }
.alignright { float:right; margin-left:15px; }
.lclear { clear:left; }
.rclear { clear:right; }
.clear { clear:both; }
.tright { text-align:right; }
.tcenter { text-align:center; }


/* ---------------------------------------------------------------------------------------------------- SMALLS --- */
#center { text-align:center; }
#transparent { background-color:transparent; }
#red { color:#C41719; }
#help, #help a:link, #help a:visited, #help a:active { color:#C41719; font-weight:bold; font-size:10px; }
#gray { color:#333; }
#white { color:white; }
#left { text-align:left; }
#right { text-align:right; }
#lightgray { color:#666; }