/* 3 lines(c) design by uli sobers::                         www.free-templates-sobers.de */
/* //////////////////////////////////////////////////////////////////////////////////// */


/* global settings /////////////////////////////////////////////////////////////////////*/
html {
	scrollbar-face-color:           #dcdcdc;
	scrollbar-highlight-color:      #e0e0e0;
	scrollbar-3dlight-color:        #dcdcdc;
	scrollbar-shadow-color:         #dcdcdc;
	scrollbar-darkshadow-color:     #a9a9a9;
	scrollbar-track-color:          #999999;
	scrollbar-arrow-color:          #fe941d;
  }


html, body, #overall-top, #header, #logo, #title, #overall-body, #topnav, #topnav ul, #topnav li, #sidelinks, #sidelinks ul, #sidelinks li, #content, #content ul, #content li, #ads ul, #ads li{
  margin:                         0 0 0 0;
  padding:                        0 0 0 0;
  }


#topnav ul, #sidelinks ul, #content ul, #ads ul {
	list-style-type:                none;
  }


body {
  color:                          gray;
  background-color:               #ffffff;
  font-family:                    verdana, arial, sans-serif, 'microsoft sans serif', helvetica;
  font-size:                      1.0em;
  }


h1 {
  display:                        inline;
  font-family:                   'trebuchet ms', verdana, arial, sans-serif, 'microsoft sans serif', helvetica;
  font-size:                      1.4em;
  font-weight:                    normal;
  text-transform:                 lowercase;
  }


.eyecatcher {
  color:                          #0077dd;
  background-color:               #dcdcdc;
  }


/* centers header & defines header width //////////////////////////////////////////// */
#overall-top {
  height:                         190px;
  width:                          auto;
  background:                     url(./grafics/topbgr.gif) repeat-x  left bottom;
  }

#header {
  height:                         190px;
  width:                          840px;
  margin:                         0px auto;
  }


/* top navigation & homepage title //////////////////////////////////////////////////// */
#topnav {
  position:                       relative;
  top:                            124px;
  height:                         80px;
  text-align:                     right;
  padding:                        20px 0 0 0;
  }

#topnav li {
  display:                        inline;
	padding:                        0 4px 0 12px;
  }

#logo {
  text-align:                     left;
  }

#title {
  float:                          left;
  font:                           normal bold 35px  arial, sans-serif, 'microsoft sans serif', helvetica;
  text-transform:                 uppercase;
  margin:                         40px 35px 0 0;
  }


/* sets body align & width / you should set this to whatever you set the in the header /*/
#overall-body {
  clear:                          both;
  height:                         auto;
  width:                          840px;
  margin:                         0px auto;
  margin-top:                     30px;
  }


/* text container ///////////////////////////////////////////////////////////////////// */
#content {
  float:                          left;
  width:                          640px;
  height:                         175px;
  font-size:                      0.9em;
  text-align:                     justify;
  margin:                         38px 0 0 0;
  }

#content h2 {
  font-size:                      24px;
  font-weight:                    normal;
  text-transform:                 uppercase;
  }

#content li {
  background:                     url(./grafics/list.gif) no-repeat 15px 5px;
  text-indent:                    28px;
  }

#content a {
	color:                          #fe941d;
  text-decoration:                none;
  }

#content a:hover {
	color:                          gray;
  background-color:               #dcdcdc;
  }

#content img {
	float:                          left;
  margin:                         0 12px 6px 0;
  border:                         none;
  }


/* sidebar //////////////////////////////////////////////////////////////////////////// */
#sidebar {
  float:                          right;
  width:                          145px;
  height:                         auto;
  }


/* left navigation links ////////////////////////////////////////////////////////////// */
#sidelinks {
  width:                          145px;
  }

#sidelinks li {
	padding:                        2px 0 2px 0;
	border-top:                     1px dotted #dcdcdc;
 }

#sidelinks a {
	display:                        block;
	color:                          gray;
  background:                     url(./grafics/mbull.gif) no-repeat;
  font-size:                      13px;
  line-height:                    18px;
  text-decoration:                none;
  padding:                        0 0 0 15px;
  }

#sidelinks a:hover {
	background:                     url(./grafics/triangle.gif) no-repeat;
  color:                          #fe941d;
  border-right:                   dotted 2px #fe941d;
  }


/* time cube ////////////////////////////////////////////////////////////////////////// */
#clock {
	clear:                          both;
  width:                          145px;
  padding:                        24px 0 0 0;
  }

#digi_clock {
  font:                           normal normal 0.8em  verdana, arial, sans-serif, 'microsoft sans serif', helvetica;
  padding:                        0 0 0 4px;
  border-top:                     1px dotted #dcdcdc;
  }


/* date cube ////////////////////////////////////////////////////////////////////////// */
/* for calendar formattings see ./javascript/calendar.css ///////////////////////////// */
#date {
	clear:                          both;
  width:                          145px;
  padding:                        24px 0 0 0;
  }


/* ads //////////////////////////////////////////////////////////////////////////////// */
#ads {
	clear:                          both;
  width:                          145px;
  padding:                        24px 0 0 0;
  }

#ads li {
  padding:                        2px 0 2px 0;
	border-top:                     1px dotted #dcdcdc;
  }

#ads a {
	display:                        block;
	color:                          gray;
	background:                     url(./grafics/mbull.gif) no-repeat;
  font-size:                      13px;
  line-height:                    18px;
  text-decoration:                none;
  padding:                        0 0 0 15px;
  }

#ads a:hover {
	background:                     url(./grafics/triangle.gif) no-repeat;
  color:                          #fe941d;
  border-right:                   dotted 2px #fe941d;
  }


/* imprint cube /////////////////////////////////////////////////////////////////////// */
#imprint-cube {
  padding: 24px 0 0 0;
  }

#imprint {
  font-size:                      0.6em;
  text-align:                     left;
  padding:                        5px 0 0 5px;
  border-top:                     1px dotted #dcdcdc;
  }

#imprint a {
	color:                          gray;
  text-decoration:                none;
  }

#imprint a:hover {
	color:                          #fe941d;
  }


/* defines min. margin between content/sidebar & screen bottom //////////////////////////////// */
.pixelspace {
  clear:                          both;
  float:                          left;
  height:                         68px;;
  width:                          100%;
  }