/************************** RESET BROWSERS */
* { margin:0; padding:0; font-family: 'Verdana', sans-serif, 'Palatino'; font-size: 12px;}
html { height:100% }
body {height: 100%; color: #333; text-align: left;}
ul, ul li { margin: 0; list-style-type: none;}
.clearer { clear:both }
a img { border: 0; } 

/************************** GENERAL */
.topline { border-top: 1px solid #999; }

.whiteborder { display:block; float:left; background-color: #fff; padding: 2px; margin: 5px 1px 5px 0; border: 1px solid #ccc; }
a .whiteborder:hover { border: 1px solid #666;}

#reservieren a { float:left; display:block; width: 200px; height: 80px; margin: 10px 0 0 0; background: url(../img/buttons/reservieren.png) no-repeat; }
#reservieren a:hover { width: 200px; height: 80px; background: url(../img/buttons/reservieren_hover.png) no-repeat; }

#speisekarte a { float:left; display:block; width: 200px; height: 80px; margin: 10px 0 0 0; background: url(../img/buttons/speisekarte.png) no-repeat; }
#speisekarte a:hover { width: 200px; height: 80px; background: url(../img/buttons/speisekarte_hover.png) no-repeat; }

/************************** BODY */
body { background: url(../img/layout/tile.png) repeat; }

/************************** MAINCONTAINER */
#maincontainer { width: 766px; height: 600px; margin: auto; padding: 60px 30px 20px 40px; background: url(../img/layout/bg.png) no-repeat; }

/************************** NAVIGATION */
#navigation { width: 165px; float: left; }
#navigation li, #navigation div { font-size: 13px; padding: 3px 0 3px 0; }
#navigation a { color: #333; font-size: 13px; padding: 3px 0 3px 0; text-decoration: none; letter-spacing:0.2em }
#navigation a:hover { color: #996; }

#navigation .submenu { padding: 0 0 0 10px; }

/************************** MAINCONTENT */
#maincontent { width: 555px; height: 400px; float: left; margin: 0 15px 10px 30px; border-top: 1px solid #999; border-bottom: 1px solid #666; overflow: none; }

#maincontent p { padding-bottom: 5px; line-height: 1.5em; }
#maincontent h1 { color: #663; padding-bottom: 5px; letter-spacing:0.2em; font-size: 16px; padding: 10px 0 10px 0; }
#maincontent a { color: #600; text-decoration: none; }
#maincontent a:hover { color: #B00; text-decoration: none; }

#maincontent li { float: left; display: block; width: 180px; height: 20px;  }

#maincontent form p { clear: both; }
#maincontent form div { float: left; display: block; padding: 0 10px 10px 0; }

/************************** FOOTER */
#footer { width: 555px; padding: 0 0 0 195px; color: #666; font-size: 11px; }

/************************** IE 5.5 & 6 TRANSPARENT PNG HACK ERRRM... FIX */
div { behavior: url(js/iepngfix/iepngfix.htc); }