/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
Dezember 2007

last modified: 20/12/2007
*/

/*
Hell-Beige: #f6efd8;
Dunkel-Beige: #ddcea5;
Braun: #a79364;
Hell-Blau: #46accf;
Dunkel-Blau: #167ea8;
*/

/* -------- Allgemeine HTML-Elemente -------- */
html { background:#FFFFFF url("img/bg_header.gif") repeat-x 50% 0; }

body
{
 font-family:Verdana, Helvetica, Arial, sans-serif;
 font-size:12px;
 line-height:1.4em;
 width:730px;
 margin:172px auto 80px auto;
 padding:0;
 position:relative;
 min-height:300px;
}

a { color:#167ea8; }
a:hover { color:#46accf; }
a img { border:none; }

h1, h2, h3, h4
{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 margin:2px 0 6px 0; padding:0;
 color:#46accf;
}

h1 { font-size:24px; line-height:26px; }
h2 { font-size:20px; line-height:24px; }
h3 { font-size:16px; color:#167ea8; line-height:18px; }
h4 { font-size:14px; color:#167ea8; line-height:16px; }

table, td { border:1px solid #a79364; border-collapse:collapse; background:none !important; }
td { padding:4px; }

/* -------- Off-Left Elemente -------- */
#header #title h1, #header #title h2
{ position:absolute; left:-3999px; }

/* -------- #header -------- */
div#header { position:absolute; top:-100px; background:#f6efd8; display:block; width:100%; }

div#header ul { margin:0; padding:0; }
div#header ul li { display:inline; list-style:none; }

div#header #title
{
 text-align:center;
 background:url("img/karree-breitensee.gif") no-repeat 50% 0;
 height:73px; 
 border:1px solid #ddcea5;
}

div#header #nav-global
{
 position:absolute;
 top:-26px; right:0;
 padding:4px 7px 5px 7px;
 background:url("img/bg_nav-global.gif") no-repeat 100% 0;
 width:338px;
 border-bottom:1px solid #ddcea5;
}
 
div#header #nav-global li
{ 
 display:inline-block;
 width:33%; float:right;
 text-align:center; 
}

div#header #nav-global a
{ background:url("img/bullet_arrow-down.gif") no-repeat 0 3px; padding-left:10px; }

div#header #breadcrumbs { background:#FFFFFF url("img/gradient-left.gif") repeat-y 0 0; padding-left:80px; color:#FFFFFF; }

div#header #breadcrumbs, #header #breadcrumbs h3, #header #breadcrumbs ul { height:25px; }
div#header #breadcrumbs h3 { padding-top:4px; float:left; font-weight:normal; font-size:12px; background:#FFFFFF url("img/breadcrumbs-curve.gif") no-repeat 0 0; color:#FFFFFF; margin:0; padding-left:12px; }
div#header #breadcrumbs ul { padding-top:4px; background:#46accf url("img/breadcrumbs-gradient.gif") repeat-x 0 0; }
div#header #breadcrumbs a { color:#FFFFFF; font-weight:bold; }

div#header #breadcrumbs li { padding-left:10px; background:url("img/icon-nav.gif") no-repeat 0 2px; }
div#header #breadcrumbs li.firstchild { margin-left:4px; padding-left:14px; background:url("img/icon-home.gif") no-repeat 0 1px; }

/* -------- #site -------- */
div#site
{
 position:relative;
 background:#FFFFFF url("img/gradient-left.gif") repeat-y 0 0;
 padding:0; margin:0;
 padding-top:40px; 
 border:1px solid #ddcea5;
 border-top:none;
 min-height:300px;
}

p#footer { clear:both; text-align:center; margin:0 0 0 180px; color:#a79364; padding:30px 0 10px 0; border-left:28px solid #f6efd8; }

/* -------- #sidebar -------- */
div#sidebar, ul#naviation, ul#logos { width:180px; padding:0; margin:0; }
div#sidebar
{ 
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 font-size:13px;
 border-right:28px solid #f6efd8;
}

/* -------- #navigation -------- */
ul#navigation, ul#navigation ul { list-style:none; margin:0 -28px 0 20px; padding:0; }
ul#navigation { padding-top:20px; }
ul#navigation li { display:block; padding:6px 0 6px 0; color:#167ea8; }
ul#navigation li a, ul#navigation li strong { display:block; line-height:16px; text-decoration:none; color:#000000; border-bottom:1px dotted #ddcea5; }
ul#navigation li a:hover { color:#5b5b5b; }
ul#navigation li strong { padding-left:14px; background:url("img/bullet_arrow-right.gif") no-repeat 4px 4px; }
ul#navigation li a strong { background:url("img/bullet_arrow-down.gif") no-repeat 3px 3px; font-weight:normal; border-bottom:none; }

ul#navigation ul { margin:0 0 0 12px; padding:0; border:none; font-size:12px; }
ul#navigation li li { padding:2px 0 2px 0; }
ul#navigation li li a, ul#navigation li li strong { border-left:1px dotted #ddcea5; }
ul#navigation li li a { padding-left:2px; }
ul#navigation li li a strong { border-left:none; }

/* -------- #logos -------- */
ul#logos
{
 list-style:none;
 margin:40px 0 0 0; 
 padding:0 0 40px 0;
 text-align:center;
}

ul#logos li { padding-top:10px; }

/* -------- #content -------- */
div#content { width:460px; float:right; padding:0 30px 0 30px; border-left:28px solid #f6efd8; }

div#content h2, #content h3 { text-align:center; }
div#content .intro { font-weight:bold; }

/* -------- #formular -------- */
form { margin:0; padding:0; }
form, form fieldset, form input, form textarea, form select, form legend
{ font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size:12px; }

form label { display:block; }
form fieldset label { display:inline; }
form fieldset { border:1px solid #EBEBEB; }
form input, form textarea { border:2px groove #EBEBEB; }
form ul { list-style:none !important; margin:0; padding:0; }
form div { margin:4px 0 4px 0; padding:0; }

form .button { cursor:pointer; padding:6px; }
form .button:hover { border-color:#8B8B8B; }

form textarea { height:160px !important; margin:0 0 20px 0; }

.required { display:block; background:url("img/icon_star.gif") no-repeat 0 1px; font-style:normal; font-weight:bold; }
.required label { margin-left:14px; display:inline; }
.required span,
.legende span span
{ position:absolute; left:-10000px;  }

.legende span { background:url("img/icon_star.gif") no-repeat 50% 50%; display:inline; padding-right:14px; height:14px; width:14px; }
/*
vorübergehned auskommentiert (keine legende vorhanden)
.legende, .alert_error, .alert_success
{ border:1px solid #EBEBEB; padding:6px; margin-bottom:12px; background:#f8f7f7 url("img/bg_alert.gif") repeat-x 0 0; }
*/

/* Anfang temporäre Version */
.alert_error, .alert_success
{ border:1px solid #EBEBEB; padding:6px; margin-bottom:12px; background:#f8f7f7 url("img/bg_alert.gif") repeat-x 0 0; }

.alert_error ul, .alert_success ul { list-style:none; margin:0; padding:0; }
.alert_error li, .alert_success li { margin:4px 0 4px 0; padding:0; }

.legende
{ border-top:8px solid #f6efd8; }
/* Ende temporäre Version */

.legende a, .alert_error a, .alert_success a,
.legende a:hover, .alert_error a:hover, .alert_success a:hover
{ color:inherit !important; border:none; }

.alert_error h3, .alert_success h3, .alert_success p
{ padding-left:80px; display:block; min-height:40px; text-align:left !important; }

.alert_error h3, .alert_error a, .alert_error ul strong { color:#a79364 !important; }

.alert_error h3 { background:url("img/icon_alert-error.gif") no-repeat 10px 0; }
.alert_success h3 { color:#167ea8 !important; background:url("img/icon_alert-success.gif") no-repeat 10px 0; }
.alert_success a { color:#167ea8 !important; } 

.alert_error li
{
 padding-left:16px;
 background:url("img/icon_alert-error_list.gif") no-repeat 2px 2px;
}

.alert_error { background:#f6efd8; border-color:#ddcea5; }
.alert_success { background:#B8E8F4; border-color:#167ea8; }

.width50 { width:50%; }
.width40 { width:38%; }
.width10 { width:10%; }

#mailformNachricht { width:100%; background:#FDFDFD; padding:2px; margin:0 0 20px 0; }
#adresse { border:none; margin:0; padding:0; }
#adresse span { display:block; }

/* -------- Typo3-Inhaltselemente -------- */
.csc-textpic-caption /* Bild-Unterschrift */
{ padding:4px; border:1px solid #ddcea5; color:#a79364; background:#f6efd8; }

.csc-searchform, .csc-searchform td, /* Tabelle für die Suche */
.csc-searchResultInfo, .csc-searchResultInfo td, /*  Tabelle für das Suchergebnis */
.csc-loginform, csc-loginform td, .csc-form-labelcell, .csc-form-fieldcell /* Tabelle für Login */
{ border:none !important; }

.csc-sitemap, .csc-sitemap ul /* Sitemap */
{ margin:0; padding:0; }

.csc-sitemap ul ul
{ margin:auto; padding:auto; }

.csc-sitemap li { list-style:none; font-weight:bold; margin-top:10px; }
.csc-sitemap li a { padding-left:14px; background:url("img/bullet_arrow-down.gif") no-repeat 3px 3px; }

.csc-sitemap li li { padding-left:14px; font-weight:normal; margin-top:0; }
.csc-sitemap li li a { background:none; }

.tx-lumogooglemaps-pi1 /* Google-Map */
{ border:1px solid #ddcea5; width:450px; height:350px; background:#f6efd8; }