/* 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:                         0px;

  width:                          auto;

  background:                     url(./grafics/topbgr.gi) repeat-x  left bottom;

  }



#header {

  height:                         200px;

  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:                          160px;

  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%;

  }