/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		05/05/2008
*/

* {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Verdana, sans-serif; text-align:center; color:#000000; background:#861F3A url('body-background.gif') repeat-x;}

h1 {margin-bottom:20px; font-size:21px; font-weight:normal; color:#861F3A;}
h2 {padding-top:10px; margin-bottom:5px; font-size:18px; font-weight:normal; color:#861F3A;}
h3 {padding-top:10px; margin-bottom:5px; font-size:14px; font-weight:normal; color:#861F3A;}
h4, h5, h6 {padding-top:10px; font-size:12px; font-weight:normal; color:#861F3A;}
p {margin-bottom:20px;}

a, a:visited {color:#000000;}
a:hover {}

img {border:none;}

ol {}
ul {}
li {}

label {}

form {}
input,select,textarea {}
textarea {overflow:auto;}

span {}

acronym {cursor:help;}



/* ------------ Layout ------------ */

#position {margin:0 auto; text-align:left; width:800px; background:#E5E5E5;}
  #header {display:block; text-align:right;}
  #navigation {height:32px; line-height:32px; display:block; background:#828D8C;}
  #content {padding:50px 20px 20px 20px; display:block; font-size:12px; line-height:175%;}
    #left {width:370px; float:left;}
    #right {margin-left:390px; width:370px;}
    div.clearfix {height:1px; overflow:hidden; clear:both;}
  #footer {padding:20px 0; text-align:center; font-size:10px; line-height:150%; color:#E5E5E5; clear:left; background:#861F3A;}

* html #left {width:360px;}
* html #right {width:360px;}

/* ------------ Navigation ------------ */

#navigation ol {margin:0 20px; list-style-type:none; font-size:14px;}
#navigation ol li {display:inline;}
#navigation ol li a, #navigation ol li a:visited {padding:8px 7px; color:#E5E5E5; text-decoration:none;}
#navigation ol li a.on, #navigation ol li a:visited.on, #navigation ol li a:hover {color:#861F3A; background:#E5E5E5;}

/* ------------ Inhalt ------------ */

.skiptocontent {}
.skiptonavigation {}

#content ol, #content ul {margin-bottom:20px; margin-left:30px;}

.inputtext {}
.radiobutton {}
.checkbox {}
.selectfield {}
.button {}
.submit {}
.cancel {}

.caption {font-size:10px; line-height:150%; color:#595F5E;}

#footer a {color:#E5E5E5; text-decoration:none;}

/* ------------ Sonstiges ------------ */

.hide {display: none;}
.print {display: none;}
.noprint {}


/* ------------ jQuery Thickbox ------------ */

#TB_window{font:12px Arial, Helvetica, sans-serif;position:fixed;background:#fff;z-index:102;color:#000;display:none;border:6px solid #000000;text-align:left;top:50%;left:50%;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_window a:hover{color:#000;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;}
#TB_caption{height:25px;float:left;padding:7px 30px 10px 25px;}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0;}
#TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666;}
* html #TB_overlay,* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
* html #TB_window,* html #TB_load{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}


/* ------------ HACKS ------------ */

/**
 * http://de.selfhtml.org/css/layouts/browserweichen.htm
 * 
 * 
 * Konditionale Kommentare:
 * <!--[if IE]>
 *  <style type="text/css">@import url(ie.css);</style>
 * <![endif]--> 
 * 
 * [if IE]: alle Versionen (ab 5.0),
 * [if IE 6]: alle 6er-Versionen,
 * [if lt IE 7]: alle Version vor 7 (less-than = kleiner als), 
 * [if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = kleiner oder gleich),
 * [if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = größer oder gleich).
 * 
 * 
 * Attribut-Selektor: p[id] {}
 * Selektiert <p>, welches ein id-Attribut mit beliebigem Wert aufweist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Kind-Selektor: html>body #ID {}
 * Selektiert #ID, innerhalb von body, welches ein direktes Kind-Element von html ist
 * Internet Explorer für Windows bis Version 6 und Netscape 4
 * 
 * Star-HTML-Hack: * html #ID {}
 * Internet Explorer für Windows bis Version 6
 * 
 * Star-Plus-HTML-Hack: *+html #ID {}
 * Internet Explorer für Windows ab Version 7
**/