/* Grundlegende Seitenstyles */
body {background-image: url(../grafx/header_back.gif);background-repeat: repeat-x;background-position: left top;background-color:#e5e5e5;font-family:Arial, Helvetica, sans-serif;}
#wrapper {width:975px;position:absolute;top:0px;margin:0 0 0 -505px;left:50%;}
#page{float:left;width:670px;color:#fff;}
.clear{clear:both;}
optgroup {font-style:italic;}

/* Menue links */
#menue {width:180px;height:245px;margin:115px 0 0 0;float:left;}
#menue .leftshorts {width:174px;padding:2px;font-size:10px;border:1px solid #ccc;background-color:#fff;margin-bottom:5px;}

/* Google Anzeigen rechts */
#google {width:120px;height:245px;margin:115px 0 0 0;float:left;}

/* Eigentlicher Contentbereich */
#page .header {width:645px;height:30px;background:url(../grafx/page_header.gif) no-repeat top left;color:#fff;font-size:18pt;font-weight:bold;padding-top:77px;padding-left:25px;}
#page .sitecontent {width:670px;}
#page .left {width:15px;height:245px;background:url(../grafx/shadow-left.gif) no-repeat left top;float:left;}
#page .right {width:14px;height:245px;background:url(../grafx/shadow-right.gif) no-repeat left top;float:left;}
#page .content {width:640px;min-height:245px;color:#000;font-size:12px;padding:0px;background-color:#fff;float:left;}
#page .footer {margin:3px 0 0 0;width:653px;text-align:right;font-size:10px;color:#aaa;}
.text {font-size:12px;}
.text a {text-decoration:none;}
#leftshorts a {text-decoration:none;}
leftshorts  {margin-bottom:10px;}


/* Eintrge */
.layer-eintrag_dunkel {background-color:#ffffff;width:640px;padding-top:3px;}
.layer-eintrag_hell {width:640px;padding-top:3px;padding-bottom:3px;background-color:#EDF3FE;}
.layer-tasten {width:140px;float:left;}
.layer-apfel {width:30px;height:22px;margin: 2px;float: left;border-right:1px solid #D9D9D9;}
.layer-sonst {left:0px;top:0px;text-align:center;padding:3px;margin:2px;width:123px;min-heigth:18px;border: 1px solid #aaa;background-color:#fff;}
.layer-alt {width:30px;height:22px;margin: 2px;float: left;border-right:1px solid #D9D9D9;}
.layer-ctrl {width:30px;height:22px;margin: 2px;float: left;border-right:1px solid #D9D9D9;}
.layer-shift {width:30px;height:22px;margin: 2px;float: left;}
.layer-rechts{position:relative;top:0px;left:0px;width:490px;float:left;min-height:26px;}
.layer-beschreibung {top:0px;left:0px;width:460px;margin: 2px;float:left;}
.layer-edit {width:16px;float:right;}


.text{padding-left:5px; margin-top:8px; font-size:12px;}

/* Neueintrag*/
#eintragen{position:absolute;top:120px;left:270px;width:500px;height:auto;border:1px solid #19297d;background:url(/grafx/eintrag_back.png) top left repeat ;z-index:10;}
#eintragen .content {padding:4px; font-size:12px;}
#eintragen .apfel{font-weight:bold;height:27px;background:url(/grafx/apfel2.gif)  no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#eintragen .alt{font-weight:bold;height:27px;background:url(/grafx/alt2.gif)   no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#eintragen .ctrl{font-weight:bold;height:27px;background:url(/grafx/ctrl2.gif) no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#eintragen .shift{font-weight:bold;height:27px;background:url(/grafx/shift2.gif)  no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#eintragen .taste{padding-left:0px;font-size:12px;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted #ccc;text-align:center;font-weight:bold;}
#eintragen .header{padding-left:4px;padding-top:2px;padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid #fff;font-weight:bold;font-size:14px;background:url(/grafx/lay_header.png) top left repeat;color:#fff;}
#eintragen .close{padding-left:0px;font-weight:bold;border-left:1px solid #fff;float:right;width:20px;text-align:center;text-decoration:none;background:url(/grafx/lay_header.png) top left repeat;}
#eintragen input {text-align:center;}
/* sonstiges Layout */
.padding {padding:10px;}
a.close {color:#fff;text-decoration:none;}
a.close:hover {color:#f00;}
/* AjaxDiv */
#ajaxdiv{position:absolute;top:120px;left:270px;width:500px;height:auto;border:1px solid #19297d;background:url(/grafx/eintrag_back.png) top left repeat ;z-index:10;}
.ajaxheader{padding-left:4px;padding-top:2px;padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid #fff;font-weight:bold;font-size:14px;background:url(/grafx/lay_header.png) top left repeat;color:#fff;}
.ajaxclose{padding-left:0px;font-weight:bold;border-left:1px solid #fff;float:right;width:20px;text-align:center;text-decoration:none;background:url(/grafx/lay_header.png) top left repeat;}


/* Edit Bereich */
#edit{background-color:#F1F1F1;padding:4px;border:1px solid #000080;margin:10px;}
#edit .apfel{height:27px;background:url(/grafx/apfel2.gif)  no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#edit .alt{height:27px;background:url(/grafx/alt2.gif)   no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#edit .ctrl{height:27px;background:url(/grafx/ctrl2.gif) no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#edit .shift{height:27px;background:url(/grafx/shift2.gif)  no-repeat;padding-left:30px;margin-top:5px;border-bottom:1px dotted #ccc;}
#edit .taste{padding-left:0px;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted #ccc;text-align:center;font-weight:bold;}
#edit h1{font-size:14px;text-align:center;font-weight:bold;border-bottom:1px dotted #d9d9d9;}

/* status */
#bestaetigt {position:absolute;top:120px;left:270px;width:500px;height:75px;border:1px solid #19297d;background:url(/grafx/eintrag_back.png) top left repeat ;z-index:10;}
#bestaetigt .content {padding:4px; font-size:12px;}
#bestaetigt .taste{padding-left:0px;font-size:12px;margin-top:5px;margin-bottom:5px;text-align:center;font-weight:bold;}
#bestaetigt .header{padding-left:4px;padding-top:2px;padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid #fff;font-weight:bold;font-size:14px;background:url(/grafx/lay_header.png) top left repeat;color:#fff;}
#bestaetigt .close{padding-left:0px;font-weight:bold;border-left:1px solid #fff;float:right;width:20px;text-align:center;text-decoration:none;background:url(/grafx/lay_header.png) top left repeat;}