/*----------------------------------------------------------------------------
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:#FFFFFF;}

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.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:#FFFFFF;}

div#flag {width:100%; height:24px; margin:0 auto; font-size:0.9em; text-align:right; background:#FFFFFF;}
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:#FFFFFF;} 
/* --- div#header h1{height:100px; line-height:80px; margin:0; padding-left:10px;} ---*/

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

div#menu {width:100%; height:34px; margin:0 auto; background:#FFFFFF;}
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/menuex.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:#606060;}
div#menu a:hover {background-image:url(../bilder/menuey.jpg); color:#000000;}
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/buttonx.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/buttony.jpg); color:#000000;}


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

div#wrapper{width:790px; margin:0px 5px 5px 5px; padding:0; background:#FFFFFF;}

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

div#navigation{width:190px; margin:-15px 0 -5px 0; background:#FFFFFF;}
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#extra{width:190px; height:170px; margin:0 0 5px 0; background:#FFFFFF;}

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

div#rand1 {width:144px; margin-left:10px; border:1px solid #909090; background:#FFFFFF; padding:0px 10px 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc);}
div#rand2 {width:575px; margin-left:10px; border:1px solid #909090; background:#FFFFFF; padding:0px 0px 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc);}

div#themes {width:580px; margin:0 0 0 10px; padding:0;}
div#themes ul {width:580px; height:115px; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #BCBAAC;}
div#themes ul.wide {width:580px; height:125px; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #BCBAAC;}
div#themes li {display:inline; margin:0 29px 0 0; padding:0 0 0 0; background:transparent;}
div#themes li.thumb {width:110px; height:110px; margin:0 25px 0 0; padding:0 0 0 0; float:left; background:transparent;}

div#blaetter {width:580px; margin:0 0 0 10px; padding:0;}
div#blaetter ul {width:580px; height:30px; margin:5px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #BCBAAC;}
div#blaetter li {display:inline; margin:0 29px 0 0; padding:0 0 0 0; background:transparent;}

div#thembild {width:580px; height:370px; margin:0 0 0 10px; padding:0;}

div#gallery {width:600px; margin:0 0 0 10px; padding:0;}
div#gallery ul {margin:0 0 29px 0; padding:0;}
div#gallery li {display:inline; margin:0 29px 0 0; padding:0;}
div#gallery li.last {display:inline; margin:0 0 0 0; padding:0;}

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

div#footer{width:790px; height:60px; clear:both; background:#FFFFFF;}
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:#FFFFFF;}

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

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


/* Boxes
-----------------------------------------------------------------------------*/

div#boxfull{width:166px; margin:50px 0 0 10px; auto;}
div#boxleer{width:166px; margin:50px 0 0 10px; auto;}
div#boxbreit{width:585px; margin:0px 0 0 10px; auto;}


<style type="text/css">
.corner{display:block}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E62222}
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f49f9f;
  border-right:1px solid #f49f9f;
  background:#ec5959}
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fce8e8;
  border-right:1px solid #fce8e8;
  background:#ea4b4b}
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ea4b4b;
  border-right:1px solid #ea4b4b;}
.corner4{
  border-left:1px solid #f49f9f;
  border-right:1px solid #f49f9f}
.corner5{
  border-left:1px solid #ec5959;
  border-right:1px solid #ec5959}
.cornerfg{
  padding:0 5px 10px 10px;
  background:#E62222}
</style>


<style type="text/css">
.cornerx{display:block}
.cornerx *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.cornerx0{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-bottom:1px solid #BCBAAC;
  background:#BCBAAC}
.cornerx1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-top:1px solid #BCBAAC;
  background:#BCBAAC}
.cornerx2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #BCBAAC;
  border-right:1px solid #BCBAAC;
  background:#BCBAAC}
.cornerx3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #BCBAAC;
  border-right:1px solid #BCBAAC}
.cornerx4{
  border-left:1px solid #BCBAAC;
  border-right:1px solid #BCBAAC}
.cornerx5{
  border-left:1px solid #BCBAAC;
  border-right:1px solid #BCBAAC}
.cornerxfg{border-left:1px solid #BCBAAC;
           border-right:1px solid #BCBAAC;
           padding:0 5px 10px 10px;
           background:#FFFFFF}
</style>