@charset "utf-8";
/* CSS Document */

/*  
Theme Name: Silvia Wilke - catering '08
Theme URI: http://wilke-catering-muenchen.de
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0; }

/*Tag-Zuweisungen und gebundene Klassen*/
body {background: #ffffff; font-size:0.88em; font-family: Arial, Helvetica, sans-serif; color:#80817C; line-height:1.5em;}
a:link {color:#90a20e; text-decoration:none;}
a:visited{color:#90a20e; text-decoration:none;}
a:focus, a:hover, a:active{text-decoration: underline; outline:0;}
a img {border:0;}
h1{font-size:110%; color:#90a20e; font-weight:bold; margin-top: 0; margin-bottom: 15px; font-style:oblique;}
h2{font-size:105%;  font-weight:bold; margin-top: 0; margin-bottom: 15px; font-style:oblique;}
h3{font-size:100%;  font-weight:bold; margin-top: 0; margin: 25px 0 5px 0; font-style:oblique;}
p {margin-bottom: 20px;}
ul {list-style-type:none;}
cite {font-weight:bold; color:#90a20e;}
label {display: block;}
input { border: solid 2px #8f8d8d; background: #f0f1f1; padding: 5px 5px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; color:#80817C;}

/*Id-Zuweisungen*/
#links {width: 400px; height: 770px; position: fixed; top: 0; left: 0;}
#rechts {width: 570px; height: auto; margin-left: 380px; padding-left: 40px; position: relative;}

/*Freie Klassen*/
.hidden {display:none;}
.navi {position: absolute; top: 225px; left: 240px;}
.logo {display: block; width: 560px; height:100px; background:url(../images/logo.png) no-repeat top right;}
.text1 {clear: right; width: 310px; height: auto;float:left; margin-top: 110px; overflow:visible;}
.text2 {width: 210px; height:auto; margin-left: 50px; float: right; margin-top: 70px; background:url(../images/text2.png) no-repeat; padding-top: 50px; font-size: 98%;}
.text2_u {width: 210px; min-height:200px; background:url(../images/text2_u.png) no-repeat bottom left;}
.text2 h2 {width: 160px; padding-left: 30px;}
.text2 p {width: 160px; padding-left: 30px;}
.text2 ul {width: 160px; padding-left: 30px; padding-bottom: 40px;}
.loeffel {background: url(../images/liste.png) no-repeat top left; text-indent: 35px; margin-top: 20px;}
.loeffel_gruen li {background: url(../images/liste.png) no-repeat top left; text-indent: 40px; margin-top: 8px;}
.loeffel_gruen a {color:#80817C;}
.loeffel_gruen a:focus, .loeffel_gruen a:hover, .loeffel_gruen a:active {color: #90a20e; text-decoration: none;}
.loeffel_gelb li {background: url(../images/liste.png) no-repeat top left; text-indent: 40px; margin-top: 8px; font-size:82%;}
.loeffel_gelb strong {display: block; padding-top: 10px; text-indent: 0px;}
.suppen {margin-bottom: 30px;}
.suppen li {margin-top: 5px;}
.suppen li:hover {color:#abbc30;}
.brief {clear: right; width: 560px; height: 500px; float:left; margin-top: 95px; background: url(../images/brief.png) no-repeat top right;}
.brieftext1 {margin-left: 65px; margin-top: 35px; text-align: center;}
.brieftext2 {margin-left: 65px; margin-top: 110px; text-align: center;}
.start {background: url(../images/bg.png) no-repeat top right;}
.impressum { background: url(../images/bg_impressum.png) no-repeat top right;}
.kontakt { background: url(../images/bg_kontakt.png) no-repeat top right;}
.referenzen { background: url(../images/bg_referenzen.png) no-repeat top right;}
.catering { background: url(../images/bg_catering.png) no-repeat top right;}
.kochkurse { background: url(../images/bg_kochkurse.png) no-repeat top right;}
.impr {margin-top: 10px; margin-left: 10px;}
.impr li {float:left;}
.log {display: block; height: 71px; width: 84px; background: url(../images/log.png) no-repeat top left; border: none;}
.logout {display: block; height: 71px; width: 84px; background: url(../images/logout.png) no-repeat top left; margin-top: 20px;}
/*Unfreie Klassen*/

a.index {display:block; width: 121px; height: 33px; background:url(../images/start.png) top left;}
a.index:hover, a.index.aktiviert {background-position: top right;}
a.catering {display:block; width: 121px; height: 33px; background:url(../images/catering.png) top left;}
a.catering:hover, a.catering.aktiviert{background-position: top right;}
a.kochkurse {display:block; width: 121px; height: 33px; background:url(../images/kochkurse.png) top left;}
a.kochkurse:hover, a.kochkurse.aktiviert{background-position: top right;}
a.referenzen {display:block; width: 121px; height: 33px; background:url(../images/referenzen.png) top left;}
a.referenzen:hover, a.referenzen.aktiviert{background-position: top right;}

a.kontakt {display:block; width: 72px; height: 16px; background:url(../images/kontakt.png) top right;}
a.kontakt:hover, a.kontakt.aktiviert{background-position: bottom left;}
a.impressum {display:block; width: 88px; height: 16px; background:url(../images/impressum.png) top right;}
a.impressum:hover, a.impressum.aktiviert{background-position: bottom left;}
a.login {display:block; width: 72px; height: 16px; background:url(../images/login.png) top right;}
a.login:hover, a.login.aktiviert{background-position: bottom left;}
