@charset "UTF-8";

html, body {height:100%;}
body {font-family:Arial;}
html {background:#ba01b3 url(../bg.jpg) top left;background-attachment:fixed;}

iframe {border:none;}

a {color:#fff;}
strong {font-weight:bold;}

input {padding:2px;}

#topnav {display:none;}
#footer, #footer a {color:#7D654D;}
#footer {text-align:center;font-size:0.7em;padding-top:10px;}
#footer  a:hover {text-decoration:none;}

#angebot, #angebote {width:700px;margin:0 auto;}
#angebote li {float:left;padding:0;margin:0.5em;height:160px;}
#angebote li img, #angebote strong {width:200px;}
#angebote a {display:block;background:url(../trans.png) top left;padding:3px;text-decoration:none;}
#angebote a:hover {background:url(../trans_beige.png) top left;color:#444;}

#header h1 a {background:url(../logo.png) 5% 50% no-repeat;display:block;width:100%;height:120px;text-indent:-5999px;}

#angebote strong {height:2.5em;display:block;font-size:0.7em;overflow:hidden;font-weight:bold;}

#angebot {background:url(../trans.png) top left;color:#fff;font-size:1.2em;padding:1em;}
#angebot h1 {display:inline;font-size:1.4em;}

#slogans {text-align:center;color:#fff;font-style:italic;font-size:1.2em;margin-bottom:20px;}

.info {font-size:0.9em;margin-top:1.5em;}

.mark {background:url(../trans.png) top left;padding:5px;}

#addressform, #paymentform {display:inline;font-size:0.9em;  }
#paymentform { float:right;  }


h2 {font-size:1.3em;font-weight:bold;}

.error {color:red;font-weight:bold;font-size:0.75em;margin-bottom:1em;}
.msg {color:green;font-weight:bold;font-size:0.75em;margin-bottom:1em;}
.imp {font-size:1.2em;}
.deac {border-top:1px solid #aaa;border-left:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #eee;}