/*
    flexx - medien | agentur fuer moderne kommunikation 
    CSS for screen
	Description: Master-Layout
    Handcrafted by flexxmedien. (www.flexxmedien.de)
    Created: 2007-10-25
    Last modified: 2007-10-25
    By: sg - s.griff@auffaellig-medien.de (CSS-StyleMaster)
*/
@media screen
{

/*	Description:    Bodystyle
/*************************************************************************/
* {padding:0; margin:0;}
html,body {padding:0; margin:0; font-family:Verdana; font-size:90%;}
html,body, #main-container, #center-container, #center-container-breit {height:auto;}
body {padding:0; margin:0; background:#FFF url("../images/bg_body.png") repeat-x 0 0;}
div {color:#004A7F;}
kill-td {vertical-align:text-top;}
kill-table {border-collapse:collapse; border-spacing:0; position:relative;}
.smallfont {font-size:85%}

/*	Description:    Headlines & Fontstyles
/*************************************************************************/
h1 {font:normal 170% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#004A7F; padding:0 0 0 0;}
h1.tourheader {margin:-10px -5px 0 -5px; padding:0; height:24px; color:#FFF; text-align:center; font:normal 140%/1.3em Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; background:url("../images/bg_tourheader.gif") repeat-x left top;} /* Nur Rechte Spalte */
h1.leftcol {margin:0; padding:0 0 5px 0; color:#004A7F; font:normal 140% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px} /* Nur Linke Spalte */
h1.content {margin:0; padding:8px 0 0 50px; height:55px; color:#82AFD0; font:normal 220% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px;
background:url("../images/bg_contenthead.jpg") no-repeat left top;} /* Ueberschriftem fuer Contentbereich */

h2 {font:normal 220% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#82AFD0;} /* Startseite */
h3 {font:normal 220% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#FFF; padding:0 0 20px 0;} /* Produktseite */
h3.content {font:normal 140% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#004A7F; padding:20px 0;} /* Produktseite */

h4 {}
h5 {}
h6 {} 

/*	Description:    Container Sammlung
/*************************************************************************/
#start-container {margin:0 auto; padding:0; width:100%; background:#FFF url("../images/bg_startseite-global.jpg") no-repeat center top;} /* Nur Startseite global */
#center-container-start {width:820px; margin:0 auto; padding:70px 0 0 0; text-align:center} /* Container fuer Tabbellen */

/*	Description:    Footerdata
/************************************************************************/
#footerstick {width:100%; height:70px; margin:0; padding:20px 0 0 0; float:left; clear:both; background:#82AFD0 url("../images/bg_footer.gif") repeat-x left top;}
#footer {width:700px; margin:0 auto; padding:0; text-align:center;}

/*	Description:	Navigation - top/left/footer/content etc.
/*************************************************************************/
a {outline:none; border:none; text-decoration:none;} /* entfernt den laestigen Linkrahmen */

/*
a:link {color:#004A7F;}
a:visited {color:#004A7F;}
a:hover {color:#FFF;}
a:active {color:#004A7F;}
*/

/* Datenbox, oder header */
#dbox {vertical-align:top; background:#FFF url("../images/bg_datenbox.jpg") repeat-x left bottom; font-weight:; font-size:;} 
#dbox td {padding:6px}
#dtable {vertical-align:top; font-size:100%} 
#drow {padding:4px;background-image:url(../images/bg_listwor.jpg); background-repeat:repeat-x}
#dboxhead {color:#FFFFFF; background-image:url(../images/dbox_header.jpg); background-repeat:repeat-x; height:25px; padding-left:10px; text-decoration:none; font-weight:bold; vertical-align:middle}

#topnav-container {width:850px; margin:0 auto; position:relative; top:-1px;} /* gleichzeitig Container fuer Inhalt */

#topnav {margin:0; padding:8px 0 0 0; height:10px;}
#topnav ul {list-style-type:none;}
#topnav li {margin:0 auto; float:left; text-align:center; list-style-type:none;}
#topnav li a {float:left; display:block; text-decoration:none; padding:0 6px 0 0; width:97px; color:#004A7F; font:normal 140%/2.0em Georgia, Trebuchet MS, Arial,Verdana; white-space:-3px; background:url("../images/buttons/topnav_reiter.jpg") no-repeat 0 0; margin:0 auto; height:31px;}
#topnav li a span {display:none; text-align:left; font:normal 11px/1.3em Verdana, Trebuchet MS, Arial; padding:5px; left:210px; top:52px; position:absolute; color:#0099CC}
#topnav li a:hover, #topnav li a.current {float:left; padding:0 6px 0 0; height:31px; background:url("../images/buttons/topnav_reiter.jpg") no-repeat 0 -31px; color:#FFF}
#topnav li a:hover span {margin:0; width:705px; color:#fff; display:block; cursor:pointer; float:left;}
.outer {background:transparent; font-size:0.9em;}

.footer {list-style-type:none;color:#FFF; margin:0 10px 0 0; float:left; font:normal 90%/20px Verdana, Trebuchet MS, Arial;}
.footer a {color:#FFF; text-decoration:none;}
.footer a:hover {color:#004A7F; text-decoration:none;}
.footer a:visited {color:#FFF; text-decoration:none;}

ul.footer {color:#FFF; margin:0 80px 0 0; float:left; font:normal 90%/20px Verdana, Trebuchet MS, Arial;}
li.footer {list-style-type:none;}
li.footer a {color:#FFF; text-decoration:none;}
li.footer a:hover {color:#004A7F; text-decoration:none;}
li.footer a:visited {color:#FFF; text-decoration:none;}

#textinfo {width:900px;position:absolute;left:75px; top:60px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:none; color:#FFFFFF; font-weight:bold; z-index:100000}
}