/*----------------------------------------------------------------------------
My Screen Stylesheet

Version:   1.0
Date:      07/03/09
Author:    Christian Agnethler
Website:   www.agnethler.de
-----------------------------------------------------------------------------*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("typography.css"); 


/* Remove padding and margin, clear
-----------------------------------------------------------------------------*/ 

{margin:0; padding:0; border:0;} 

.clear{clear:both;}
.right{float:right;}
.left{float:left;} 


/* Body, typography handling
-----------------------------------------------------------------------------*/

html,body{margin:0;padding:0;}
body{font:76% "Arial","Verdana",sans-serif; text-align:center; color:#909090;}

p{padding:0 10px 0px 10px; font-size:1.0em;}
p.headline{padding:10px 10px 0 10px; font-size:1.2em; font-weight:bold; letter-spacing:-1px; font-family:"Arial","Verdana",sans-serif; color:#000000;}
p.headline_photo{padding:10px 10px 0 10px; font-size:1.2em; font-weight:bold; letter-spacing:-1px; font-family:"Arial","Verdana",sans-serif; color:#000000;}
p.copyright{font-size:0.8em; font-family:"Arial","Verdana",sans-serif; color:#606060;}
p.copyright2{font-size:0.75em; font-family:"Arial","Verdana",sans-serif; color:#C0C0C0;}
p.copyright a:link 
p.copyright a:visited {color:#358FCA; text-decoration:none;}
p.copyright a:hover {color:#009CFF;}
h2{font-size:1.2em; font-weight:bold; letter-spacing:-1px; font-family:"Arial","Verdana",sans-serif; color:#000000;}

a{text-decoration:none; color:#606060;}


/* Container
-----------------------------------------------------------------------------*/

div#container{text-align:left;}
div#container{width:800px; margin:0 auto;}


/* Header
-----------------------------------------------------------------------------*/

div#overheader{width:800px; margin=0 auto; background-color:#606060;}

div#flag {width:100%; height:24px; margin:0 auto; font-size:0.9em; text-align:right; background:#606060;}
div#flag ul {margin:0; padding:4px 7px 4px 0; list-style:none; line-height:normal;}
div#flag li {display:inline;}
div#flag li a:link 
div#flag li a:visited {color:#5e534f; text-decoration:none;}

div#header{width:790px; height:100px; background-color:#606060;} 
/* --- div#header h1{height:100px; line-height:80px; margin:0; padding-left:10px;} ---*/

div#downheader{width:800px; margin=0 auto; background-color:#606060;}

div#menu {width:100%; height:34px; margin:0 auto; background:#606060;}
div#menu ul {margin:0px 0 0 6px; padding:0; list-style:none; line-height:normal;}
div#menu li {display:inline;}
div#menu a {display:block; float:left; width:152px; height:28px; padding:15px 0 0 0; background:url(../bilder/menuexbl.jpg) no-repeat center center;
            text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:0.2em; font-size:x-small; font-weight:bold; color:#909090;}
div#menu a:hover {background-image:url(../bilder/menueybl.jpg); color:#B0B0B0;}
div#menu li.last {display:inline;}
div#menu li.last a {display:block; float:left; width:28px; height:28px; padding:15px 0 0 0; background:url(../bilder/buttonxbl.jpg) no-repeat center center;
            text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:0.2em; font-size:x-small; font-weight:bold; color:#000000;}
div#menu li.last a:hover {background-image:url(../bilder/buttonybl.jpg); color:#606060;}


/* Navigation & Content
-----------------------------------------------------------------------------*/

div#wrapper{width:790px; height:570px; margin:0px 5px 5px 5px; padding:0; background:#606060;}

div#navbar{float:left; width:190px; margin:0 0 5px 0; padding:0; background-color:transparent;}

div#navigation{width:190px; height:322px; margin:-15px 0 -5px 0; background:#606060;}
div#navigation ul{font:normal 1.0em "Arial","Verdana",sans-serif; margin:10px 0 20px 0; padding:0; width:100%; color:#BCBAAC;}
div#navigation li.first{border-top:2px solid #358FCA; margin:0px 15px 0 10px; padding:10px 0 10px 0; list-style-type:none;}
div#navigation li{border-bottom:1px solid #BCBAAC; margin:10px 15px 0 10px; padding:0 0 10px 0; list-style-type:none;}

div#curved-box{width:190px; margin:0 0 -5px 0; background-color:#606060;}
div#curved-box h2{background:#c3d0d4 url(bilder/curvetop.gif) no-repeat left top;}
div#curved-box p{background:#c3d0d4 url(bilder/curvebottom.gif) no-repeat left bottom; text-align:left;} 

div#extra{width:190px; height:170px; margin:0 0 5px 0; background:#606060;}

div#content{margin-left:190px; background-color:transparent; color:#FFFFFF; padding:0px 0 10px 0px;}
div#content p{line-height:1.4;}

div#sm {float:left; width:580px; height:385px; margin:0 0 20px 10px; padding:0 0 0 0; list-style:none; line-height:normal;}
div#sm ul {list-style:none; display:inline; overflow:hidden;}
div#sm li {float:left; overflow:hidden;}
div#sm li.last {float:left; overflow:hidden;}


/* Footer
-----------------------------------------------------------------------------*/

div#footer{width:790px; height:60px; clear:both; background:#606060;}
div#footer p{margin:0; padding:5px 0 5px 0;}

div#footer-nav {width:790px;}
div#footer-nav ul {margin:0; text-align:center; font-family:"Arial","Verdana",sans-serif; font-size:0.85em; text-transform:uppercase; padding:10px 0 5px 0;}
div#footer-nav li.last {border-right: none;}
div#footer-nav li {display:inline; margin:0; padding:0 12px 0 8px; border-right:1px solid #000000;}
div#footer-nav li a:link
div#footer-nav li a:visited {color:#5e534f; text-decoration:none;}
div#footer-nav li a:hover {color:#009cff;}

div#last {width:790px; height:10px; margin:-10px 5px 0 5px; background:#606060;}

/* Forms
-----------------------------------------------------------------------------*/

input.text{padding:3px; border:1px solid #999999;}