/******
   bleser-start-neu.css / peter-bleser.de / screen
   Stand: 07.06.2010
   Startseite mit Teasern, Artikelliste
*****/

html { 
   height: 100%;
}

html, body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 1.1em; 
}

body {
   height: 100%;
   border: none;
   line-height: 1.6em;
   text-align: center;
   background: #FFF url(../images/hg_pattern.gif) repeat;
}

#page {
   position: relative;
   min-height: 100%;
   width: 860px; 
   margin-top: 0;
   margin-left: auto; 
   margin-right: auto; 
   background: #FFF url(../images/bg_border.gif) repeat-y;
   padding-left: 0;
   padding-right: 0;
   text-align: left;
   padding-bottom: 30px;
}

* html #page {
   height: 100%;
}

/* -------- allgemeine Definitionen ----- */

img {
   border: none;
   margin: 0;
}

.clear {
   clear: both;
   margin: 0;	
   padding: 0;
}

a, a:link, a:visited { 
   color: #FF6600; 
   letter-spacing: 0.01em; 
   text-decoration: none; 
}

a:hover, a:active { 
   text-decoration: underline; 
}

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

#header_print, #print_info {
   display: none;
}

#impressum {
   position: relative;
   top: 0;
   left: 0;
   width: 800px;
   height: 20px;
   margin: 0 30px 0 30px;
   text-align: right;	
}

#impressum a {
   font-size: 10px;
   color: #333;
   text-transform: uppercase;
}

/* ----- Header: Hintergrundbild & Name/Logo/Navi  ----- */

#header {
   position: relative;
   top: 0;
   left: 0;
   width: 800px;
   height: 170px;
   margin: 0 30px 0 30px;
   background: #FFF url(../upload/header/header_standard.jpg) no-repeat top left;
   overflow: hidden;
}

#name {
   position: absolute;
   top: 0;
   left: 114px;
   width: 191px;
   height: 103px;
}

#logo {
   position: absolute;
   top: 103px;
   right: 0;
   width: 159px;
   height: 40px;
}

#nav {
   position: absolute;
   bottom: 1px;
   left: 0;
   width: 800px;
   height: 26px;
}

#nav ul {
   margin: 0 0 0 20px;
   padding: 0;
}

#nav li {
   float: left;
   margin: 0 5px 0 0;
   background-color: #FF9900;
   color: #FFF;
   list-style-type: none;
}

#nav li a {
   width: 100%;
   display: block;
   text-align: center;
   text-transform: uppercase;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #FFF;
   padding: 4px 0 4px 0;
   line-height: 18px;
}

#nav li a:hover, #nav li a:active {
   background-color: #FFF;
   text-decoration: none;
   color: #000;
}

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

#subnav_replace {
   position: relative;
   width: 800px;
   height: 26px;
   margin: 0;
}

#main {
   position: relative;
   width: 800px;
   margin: 0 0 0 10px;
   padding-bottom: 20px;
}

#content {
   float: left;
   display: inline;
   width: 450px;
   margin: 0 30px 50px 20px;
}


/* ------------- Startseite ------------- */

#l_start {
   float: left;
   display: inline;
   width: 110px;
   margin-right: 5px;
}

#m_start {
   float: left;
   display: inline;
   width: 190px;	
   margin-right: 5px;
}

#r_start {
   float: left;
   display: inline;
   width: 470px;	
}

/*
#neu {
   position: absolute;
   top: 464px;
   left: 18px;
   background: transparent url(../images/neu.gif) no-repeat;
   z-index: 10;
   width: 31px;
   height: 31px;
}
*/

/* ------------------- links -------------------- */

.l_linkbox {
   float: left;
   display: inline;
   width: 110px;
   height: 180px;	
   padding: 0;
   border-top: 1px dotted #333;
}

/* Teaser-Links */
 
.st_link {
   float: right;
   width: 90px;
   height: 26px;
   margin: 5px 0 0 0;
   background-color: #FF9900;
   color: #FFF;
}

.st_link a, .st_link a:visited,.st_link a:link {
   width: 100%;
   display: block;
   text-align: center;
   text-transform: uppercase;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #FFF;
   line-height: 26px;
}

.st_link a:hover, .st_link a:active {
   background-color: #ffdda9;
   text-decoration: none;
   color: #000;
}

/* --------------------- RSS Feed -------------------- */

.rss p {
   margin: 0;
}


/* ------------------ bildteaser mitte --------------- */

.m_bildteaser {
   float: left;
   display: inline;
   width: 190px;	
   padding: 5px 0 5px 0;
   border-top: 1px dotted #333;
}

#m_bildteaser img {
   margin: 0 0 5px 0;
}

/* ------------------ teaserbox rechts ---------------- */

#r_titelbox {
   float: left;
   display: inline;
   width: 490px;	
   background-color: #ffdda9;
   border-top: 1px dotted #333;
   border-bottom: 1px dotted #333;
}

#r_titelbox h1, #r_titelbox p {
   margin: 5px 0 0 5px;
   padding: 0;
   line-height: 1.35em;
   text-align: left;
}

#r_titelbox h1 {
   font-size: 24px;
}

#r_titelbox img {
   margin: 5px 0 5px 10px;
   float: right;
}

/* -------------------- Artikelliste ------------- */

#r_start .news {
   float: left;
   width: 450px;
   margin: 0 0 30px 5px;
}

/* ----------------- Fusszeile ------------------- */

#footer {
   position: relative;
   margin: -50px auto 0 auto;
   width: 800px;
   text-align: left;
   color: #999;
   font-size: 0.9em;
   border-top: 1px dotted #666;
}

#footer p {
   margin: 10px 0 20px 0;
}

#footer a {
   color: #999;
}