/*
File:          style.css
Desc:          Cascading Style Sheets for the layout of Googs.de
Copyright:     1997-2009 by Googs.de
*/

/* ---------------------------------------------------------------------------------------------------- HTML-STYLES --- */
body { background-color:#333; text-align:center; margin:0px; padding:0px; margin:auto; }
body,table,tr,td { font-family:'Arial',sans-serif; font-size:12px; color:#333; }

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

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

h1,h2,h3,h4 { font-family:'Tahoma',sans-serif; color:#444; display:inline; }

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; }
a:hover { color:#666; text-decoration:underline; }

/* ---------------------------------------------------------------------------------------------------- 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; font-weight:bold; }
.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; }
.full { margin:15px; }
.side { float:right; margin-right:15px; margin-top:15px; width:300px; }

.map-canvas { background-color:#999; }

.dark { position:fixed;  z-index:401; opacity:0.9; background-color:#555; top:0; left:0; width:100%; height:100%; }
.ondark { position:fixed; z-index:402; top:0; left:0; width:100%; height:100%; }
.dialog { margin:auto; margin-top:125px; width:400px; background-color:white; border:10px solid #e0e083; -moz-border-radius:0.5em; padding:15px; text-align:left; }

.commentbox { background-color:#e1e1e1; margin-bottom:2px; padding:5px; }
.commentbox-form { background-color:#e1e1e1; padding-left:5px; padding-right:5px; }
.commentbox-say{ background:url('images/img-say.png') no-repeat bottom transparent; width:15px; height:8px; }

.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; -moz-border-radius:0.5em; background-color:white; }
.img32 { width:32px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img64 { width:64px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img75 { width:75px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img60 { width:60px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img120 { width:120px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img128 { width:128px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white; }
.img240 { width:240px; padding:3px; border:2px solid #d8d8d8; -moz-border-radius:0.5em; background-color:white;  }

/* ---------------------------------------------------------------------------------------------------- BOXES --- */
.absatz { width:100%; padding-bottom:3px; margin-bottom:10px; border-bottom:1px dotted #999; }
.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.2; }
.frameless { line-height:1.2; }
.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 { -moz-border-radius:0.3em; font-size:12px; }
.linkless a { text-decoration:none; }
.pointed { cursor:pointer; }
.hidden { visibility:hidden; height:0px; }
.w45 { width:45%; }
.w70 { width:70%; }
.w350 { width:350px; }
.w400 { width:400px; }


/* ---------------------------------------------------------------------------------------------------- AUSRICHTUNGEN --- */
.odd { background-color:transparent; }
.even { background-color:#e8e8e2; }
.alignleft { float:left; }
.alignright { float:right; }
.lclear { clear:left; }
.rclear { clear:right; }
.clear { clear:both; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.lspaced { margin-left:10px; }
.spaced { margin-right:10px; }
.bspaced { margin-bottom:10px; }
.spaced30 { margin-right:30px; }
.bottom30 { margin-bottom:30px; }
.lh13 { line-height:1.3; }


/* ---------------------------------------------------------------------------------------------------- SMALLS --- */
#center { text-align:center; }
#transparent { background-color:transparent; }
#bg-green { background-color:#425419; }
#bg-red { background-color:#C41719; }
#red { color:#C41719; }
#green { color:#425419; }
#gray { color:#333; }
#info { color:#888; }
#info a { color:#888; }
#info a:hover { color:#425419; }
#white { color:white; }
#left { text-align:left; }
#right { text-align:right; }
#lightgray { color:#666; }
#big { font-size:16px; }