/********************************************
   AUTHOR:  			Gerald Rusche 
   WEBSITE:   			http://www.geruweb.de/
   VERSION:          1.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body     { color: #666666; font: 0.7em/1.5em Verdana, Tahoma, Helvetica, sans-serif; background-color: #e7e7e7; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 0; padding: 0 }

/* links */
a  { color: #4284b0; text-decoration: underline; background-color: inherit }
a:hover  { color: #9ec068; text-decoration: underline; background-color: inherit }

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1  { color: #6297bc; font-size: 1.4em }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 { margin: 10px 15px; padding-top: 0; padding-bottom: 0; }
ul, ol   { margin: 10px 3px 10px 30px; padding: 0 15px }
ul span, ol span {
	color: #666666; 
}

/* images */
img  { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: 2px #ccc         }
img.no-border { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: none; }
img.float-right  { margin: 0 5px 0 15px }
img.float-left  { margin: 0 15px 0 20px; }
a img  { border: 2px #568eb6 }
a:hover img  { border: 2px #ccc }

code  { font: 500 1em/1.5em "Lucida Console", "courier new", monospace; background: #fafafa; text-align: left; display: block; padding: 10px; overflow: auto; margin: 5px 0 5px 5px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #f2f2f2 #f2f2f2 #f2f2f2 #4284b0   }
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote  { color: #4284b0; font: bold 1.2em/1.5em Georgia, "Bookman Old Style", Serif; background: #fafafa; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; padding: 0 0 0 15px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #f2f2f2 #f2f2f2 #f2f2f2 #4284b0 }

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 0 2px 2px;
	border:solid 1px #eee;
	font: 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: 1em Verdana, sans-serif;
	border:solid 1px #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}
/***********************
	  LAYOUT
************************/
#wrap    { background: #e7e7e7 url(contentback.gif); text-align: left; margin: 0 auto; width: 850px; height: 100% ; padding-top: 0; padding-bottom: 0; }
#content-wrap  { background-image: url("contentback.gif"); background-repeat: repeat; background-attachment: scroll; margin: 0 0 0 0; padding: 0 0 0 0 }
#all-wrap { background-image: url("contentback.gif"); background-repeat: repeat; background-attachment: scroll; margin: 0; padding: 0 }
/* header */
#header   { background-image: url("contentback.gif"); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 100%; padding-top: 15px; padding-left: 190px; position: relative; width: 850px; height: 45px }
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

/* main */
#main    { background-color: #fff; width: 800px; margin: 5px 3px 7px 15px; padding: 0; float: left; border: solid 3px #039  }

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date   { background: url("file:///D:/Dokumente%20und%20Einstellungen/tatek/Desktop/entpackt/BrightSide/images/clock.gif") no-repeat left center; margin: 0 10px 0 5px; padding-left: 20px }
.post-footer .comments   { background: url("file:///D:/Dokumente%20und%20Einstellungen/tatek/Desktop/entpackt/BrightSide/images/comment.gif") no-repeat left center; margin: 0 10px 0 5px; padding-left: 20px }
.post-footer .readmore   { background: url("file:///D:/Dokumente%20und%20Einstellungen/tatek/Desktop/entpackt/BrightSide/images/page.gif") no-repeat left center; margin: 0 10px 0 5px; padding-left: 20px }

/* sidebar */
#sidebar    { text-align: center; display: inline; margin: 0; padding: 0 0 0; width: 19%; float: left; border: 0 }
#sidebar p { line-height: 2em; margin: 20px 0 0; padding: 0 }
#sidebar img { text-align: center; margin: 0; padding: 2px 0; border: 0 }
#sidebar ul.sidemenu  { list-style: none; margin: 10px 0 10px 0; padding: 0 }
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a   { color: #333; font-weight: bold; text-decoration: none; background: #f2f2f2; display: block; padding: 2px 5px; min-height: 18px; border-left: 4px solid #ccc }

* html body #sidebar ul.sidemenu a { height: 18px; padding-top: 0; padding-bottom: 0; }

#sidebar ul.sidemenu a:hover  { color: #339900; background: #f2f2f2; padding: 2px 5px 2px 10px; border-left: medium none #9ec630 }
/* Footer */
#footer   { color: #fff; font-size: 95%; background: #568eb6; margin: 0; padding: 0; height: 50px; clear: both; border-top: 5px solid #568eb6 }
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: 30%;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a   { text-decoration: none; background: url("file:///D:/Dokumente%20und%20Einstellungen/tatek/Desktop/entpackt/BrightSide/images/tableft.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; float: left }
#header a span   { color: #fff; background: url("file:///D:/Dokumente%20und%20Einstellungen/tatek/Desktop/entpackt/BrightSide/images/tabright.gif") no-repeat right top; display: block; padding: 6px 15px 3px 8px; float: left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
/*Nummernliste*/
.zahl { color: #fff; background-color: #039; display: inline-table; padding: 2px 3px; height: 1.3em; border-bottom: medium none #00287a }
.zahltext { font-size: 11px; font-weight: bold; line-height: 16px; padding-bottom: 2px; padding-left: 2px }
/*Pfeile*/
.pfl { color: #fff; background-image: url("pfeil_l.png"); background-repeat: no-repeat; background-position: center }
.pfr { color: #fff; background-image: url("pfeil_r.png"); background-repeat: no-repeat; background-position: center; padding-right: 3px; padding-left: 3px }
#id { }
/*	Navigation vertical - 
	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/
#navigation  { font-size: 11px; list-style-type: none; list-style-image: none; padding-top: 15px; padding-bottom: 15px; padding-left: 190px }
#navigation ul.nav1st { list-style-type: none; list-style-image: none; padding-top: 0; padding-bottom: 25px; padding-left: 8px; position: relative; z-index: 1 }
#navigation ul.nav1st li { text-align: justify; list-style-type: none; list-style-image: none; padding: 0 3px 10px; position: relative; z-index: 1; top: 0; float: left }
#navigation ul.nav1st li.active { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style-type: none; list-style-image: none }
#navigation ul.nav1st li.active a, #navigation ul.nav1st li.active a:link { color: #000; font-size: 1em; font-weight: bold; list-style-type: none; list-style-image: none }
#navigation ul.nav1st a, #navigation ul.nav1st a:link { color: #00287a; font-size: 1em; text-decoration: none; list-style-type: none; list-style-image: none; padding-left: 3px }
#navigation ul.nav1st a:hover { color: #090; list-style-type: none; list-style-image: none }
#navigation ul.nav1st li ul.nav2nd li { list-style-type: none; list-style-image: none; margin-left: 14px; padding: 0 }
#navigation ul.nav2nd a, #navigation ul.nav2nd a:link { font-size: 1.1em; font-weight: normal; list-style-type: none; list-style-image: none; padding: 4px 0 }
#navigation ul.nav2nd a.current, #navigation ul.nav2nd a.current:link, #navigation ul.nav2nd a:hover { text-align: left; list-style-type: none; list-style-image: none }
/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/
#header-nav { background: #fff }
#header-nav ul.nav1st { list-style-type: none }
#header-nav ul.nav1st li { list-style-type: none; display: block; padding: 5px 7px }
#header-nav ul.nav1st li.active { background: #f7f7f7; list-style-type: none }
#header-nav ul.nav1st li.active a, #header-nav ul.nav1st li.active a:link { color: #090; list-style-type: none }
#header-nav ul.nav1st a, #header-nav ul.nav1st a:link { color: #606060; font-size: 1.2em; font-weight: bold; list-style-type: none }
#header-nav ul.nav1st a:hover { color: #090; list-style-type: none }
#navigation { list-style-type: none; margin-left: 150px; padding: 8px 0 10px }
#navigation ul.nav2nd li { font-size: 1.1em; font-weight: normal; list-style-type: none; margin-left: 14px; padding: 0 }
#navigation ul.nav2nd a, #navigation ul.nav2nd a:link { color: #606060; list-style-type: none; padding: 4px 0 }
#navigation ul.nav2nd a.current, #navigation ul.nav2nd a.current:link, #navigation ul.nav2nd a:hover { color: #090; text-decoration: underline }
.flLeft { float: left ; padding-top: 0; padding-bottom: 0; }
.flRight { padding-right: 0; float: right ; padding-top: 0; padding-bottom: 0; }
inhalt { position: relative; top: 0; margin: 0; padding: 0; }