/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

/* ------------------------- LAYOUT ------------------------- */

body {background:#fff; color:#4d5048; font-family:Helvetica, Arial, sans; font-size:12px;}

h2 {font-size:20px; font-weight:normal; text-transform:uppercase; margin:0 0 20px 0;}

p {font-size:12px; line-height:20px; margin:0 0 20px 0;}

a {color:#4d5048; text-decoration:underline;}

#wrapper {width:1120px; position:relative; top:30px; left:0;}

#header {position:relative; height:90px; width:800px;background:#b0b0a3;}

#main {position:relative; width:800px; float:left; margin:0 10px 0 0;}

#sidebar {position:relative; width:310px; height:720px; background:url(images/sidebar1.jpg); float:left;}

/* ------------------------- HEADER ------------------------- */

h1#logo a {background:url(images/tabula-rosa_logo_weiss.gif); height:16px; width:250px; text-indent:-9999px; display:block; right:10px; top:67px; position:absolute;}

#sprachwahl {position:absolute; bottom:5px; left:60px;}

#sprachwahl li {display:inline; float:left; padding:0 10px;}

#sprachwahl li:first-child {border-right:#fff 1px solid; padding:0 10px 0 0;}

#sprachwahl li a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:10px;}

/* ------------------------- NAVIGATION ------------------------- */

#navigation {margin:40px 0 0 60px; float:left; border-top:#b0b0a3 1px solid; border-bottom:#b0b0a3 1px solid; width:140px;}

#navigation li {padding:0; border-bottom:#b0b0a3 1px solid;}

#navigation li.last {border:0;}

/* ------------------------- CONTENT ------------------------- */

#content {float:right; margin:40px 0 0 0; width:530px; min-height:580px;}

p.bildlegende {margin:0 0 20px 0; background:#b0b0a3; color:#fff; font-size:10px; padding:5px; text-align:right; line-height:12px;}

/* ------------------------- SIDEBAR ------------------------- */

#sidebar ul {position:absolute; bottom:30px; left:10px;}

#sidebar ul li {margin:20px 0 0 0;}

/* ------------------------- FOOTER ------------------------- */

#footer {padding:0 0 0 0; border-bottom:#b0b0a3 10px solid;}

/* ------------------------- KONTAKTFORMULAR ------------------------- */

input[type=text] {width:430px; padding:5px; line-height:12px; margin:10px 0 0 0;}

textarea {width:430px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; height:80px; margin:10px 0 0 0;}

input[type=submit] {background:#d7d7d1; padding:5px; color:#4d5048; border:0;}

input[type=submit]:hover {color:#fff;}

.error {color:#fff; background:#b0b0a3; padding:3px; height:18px; line-height:18px; margin:10px 0 0 0;}
