/*
Theme Name: comspol v1
Theme URI: http://www.compsol.de
Description: Design fuer eine statische Seite mit Wordpress
Version: 0.1
Author: SSC 2008
Author URI: http://www.compsol.de
*/
 
/* reset & misc
--------------------------------------------------*/
html, body{ height:100%; }
*{ padding:0; margin:0; border:0; font-size:100%;}
html { min-width:1004px; }
html > body #outer { height:auto; }
.lost {display:none;}
.clearer{ clear:both; line-height:0px; }
.fat{ font-weight: bold; }
a.fat, a.ital { text-decoration:none; }
.ital{ font-style: italic; }
.aleft{ float:left; margin:0 30px 30px 0; }
.aright{ float:right; margin:0 0 30px 30px; }
.margintop30{ margin:30px auto; }
.noblock{ display:inline; }
.price{ font-size:1.4em; color:#990000; font-weight:bold; margin:0; padding:0; font-family:arial,sans-serif; }
.pricefuss{ font-size:0.8em; margin:0; padding:0; color:#aaa;}
.fuss{ font-size:0.8em; color:#aaa; }
.smaller{ font-size:0.8em; }
p{ padding-bottom:30px; }
.norm, .normal{ font-weight:normal }
.hid{ color:#333; text-decoration:none; border:none; }
a.hid:hover{ text-decoration:underline; }
.nomargintop{ margin-top:-20px; }
.nomargin{ margin:0; padding:0; }

/* links
--------------------------------------------------*/
a{ color:#333; text-decoration: none; }
a:hover{ text-decoration: underline; }


/* div
--------------------------------------------------*/
body{ color: #333; font: 75% /1.6em "Lucida Grande", verdana, helvetica, arial, sans-serif; }
#container{ margin-top:105px; position:absolute; top:0; width:100%; background:transparent url("images/bg_nav.jpg") no-repeat scroll left bottom; height:100%; }
#logo{ width:100%; height:104px; border-bottom:1px solid white; background: transparent url("images/bg_logo.gif") repeat-x; }
.logo{ margin:20px; }

/* navigation
--------------------------------------------------*/
#navigation{ width:193px; float:left; position:absolute; top:0; left:0; overflow:hidden; }
#navigation a{ padding:5px 0 5px 30px; width:163px; display:block; color:#4e513f; text-decoration: none; }
#navigation a:hover{ color:#000;  }
#navigation ul{ width:193px; list-style-type:none; }
#navigation ul li{ border-bottom:1px solid white; }
#navigation ul li a{ background-color:#f1f8ce; }
#navigation ul li a:hover, #navigation ul li.current_page_item a{ background-color:#c6e25c; }
#navigation ul ul li, #navigation ul ul li a{ padding-left:20px; font-size:0.9em; }
#navigation ul li.current_page_item ul li, #navigation ul li.current_page_item ul li a{ background-color:transparent; }
#navigation ul li.current_page_item ul li a:hover{ font-style:italic; }
#navigation ul li ul li.current_page_item a{ background-color:transparent; font-style:italic; font-weight:bold; }
#navigation ul li ul li.current_page_item a:hover{ background-color:#c6e25c; }


/* content
--------------------------------------------------*/
#content{ width:470px; float:left; margin-left:193px; background-color: #fff; padding:30px; }
#content h1{ font-size:1.2em; margin-bottom:8px; }
#content h2{ font-size:1.1em; margin-bottom:5px; }
#content h3{ font-size:1em; }
#content a{ color:#759401; }
#content .spring{ background-color: #fafafa; border-top:2px solid #e8e8e8; border-bottom:2px solid #e8e8e8; padding:10px; }
#content ul{ margin:5px 25px 15px 25px; }
#content ul li{ margin-bottom:3px; }

/* sidebar
--------------------------------------------------*/
#sidebar{ float:left; background: transparent url("images/bg_sidebar.gif") no-repeat; width:240px; padding:30px; }
#sidebar .headPic{ color:#4e513f; font-weight: bold; padding-left:40px; background: transparent url("images/icon_mail.gif") no-repeat; padding-bottom:10px; }
#sidebar .button{ padding:5px 15px 5px 20px; background:#eee url("images/icon_arrow_right.gif") no-repeat 8px 8px; }
#sidebar .button:hover{ background-color: #ddd; text-decoration: none; }


/* footer
--------------------------------------------------*/
#footer{ margin-left:193px; padding:15px 30px; border-top:1px dashed #eee; color:#aaa; font-size:0.8em; }
#footer a{ color:#aaa; }