@charset "utf-8";
/* CSS Document */

@charset "iso-8859-1";
*{ margin:0; padding:0; }

body { font-size:0.9em; font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; color:#444444; background:#d6c299 url(images/body-bg.gif) repeat-x; }

a { color:#993300; text-decoration:none; }
a:visited { color:#993300; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; background-color:#6699cc; }
a:active { color:#000000; }

#top { position:relative; margin:0 auto; width:960px; height:482px; display:block; }
#header { position:absolute; left:0px; top:70px; width:960px; height:392px; padding-top:20px; display:block; background:url(images/header-bg.gif) left top no-repeat; }
#header div.content { width:490px; padding:10px 20px 10px 30px; display:block; }
#header div.submenu-space1 { width:490px; height:25px; display:block; }
#header div.submenu-space2 { width:490px; height:50px; display:block; }
#header div.submenu-space3 { width:490px; height:75px; display:block; }
#header div.submenu-space4 { width:490px; height:110px; display:block; }
#header div.submenu-space5 { width:490px; height:125px; display:block; }
#logo { position:absolute; left:550px; top:0px; width:400px; height:70px; }
#topimage { position:absolute; left:550px; top:80px; width:400px; height:400px; background-color:#C96; }
#menu { position:absolute; left:10px; top:0px; width:540px; height:50px; display:block; }
#menu a, #menu a.active, #menu span.sep { float:left; margin:0; height:30px; padding-top:20px; display:inline-block; font-size:0.9em; }
#menu a { width:132px; text-decoration:none; text-align:center; color:#ccccff; background:#000033 url(images/menu-bg.gif) left top repeat-x; }
#menu a:hover { width:132px; text-decoration:none; color:#ccccff; background:#000033 url(images/menu-bg.gif) 0 -50px repeat-x; }
#menu a.active { width:132px; text-decoration:none; color:#ffffff; background:#000033 url(images/menu-bg.gif) 0 -100px repeat-x; }
#menu span.sep { width:2px; background:#000033 url(images/menu-sep.gif) left top no-repeat; }

.tooltip_menu { font-size:11px; color:#444444; }
.tooltip_menu h1 { margin:5px; font-size:14px; font-weight:bold; color:#663300; }

#submenu { position:absolute; left:10px; top:80px; width:540px; display:block; background-color:#4477aa; }
#submenu a, #submenu a.active, #submenu span.sep { margin:0; height:24px; padding:6px 6px 0 6px; display:inline-block; color:#ccccff; text-decoration:none; font-size:0.8em; }
#submenu a.l3 { width:159px; border-right:#336699 1px solid; }
#submenu a.c3 { width:159px; border-right:#336699 1px solid; }
#submenu a.r3 { width:160px; }
#submenu a.l4 { width:122px; border-right:#336699 1px solid; }
#submenu a.c4 { width:122px; border-right:#336699 1px solid; }
#submenu a.r4 { width:123px; }
#submenu a:hover { text-decoration:none; color:#003366; background-color:#5588bb; }
#submenu a.l3_active { width:159px; color:#003366; border-right:#336699 1px solid; background-color:#5588bb; }
#submenu a.c3_active { width:159px; color:#003366; border-right:#336699 1px solid; background-color:#5588bb; }
#submenu a.r3_active { width:160px; color:#003366; background-color:#5588bb; }
#submenu a.l4_active { width:122px; color:#003366; border-right:#336699 1px solid; background-color:#5588bb; }
#submenu a.c4_active { width:122px; color:#003366; border-right:#336699 1px solid; background-color:#5588bb; }
#submenu a.r4_active { width:123px; color:#003366; background-color:#5588bb; }
#submenu p.sep { margin:0; padding:0; width:540px; height:1px; background-color:#336699; display:block; }

#page { margin:0 auto; padding:20px 30px; width:900px; height:auto; display:block; background:url(images/page-bg.gif) left top repeat-y; }
#page .col2-1 { float:left; width:500px; padding:0 10px; }
#page .col2-2 { margin-left:520px; width:360px; padding:0 10px; }
#page .col3-1 { float:left; width:280px; padding:0 10px; }
#page .col3-2 { float:left; width:280px; padding:0 10px; }
#page .col3-3 { margin-left:600px; width:280px; padding:0 10px; }
#page .col4-1 { float:left; width:205px; padding:0 10px; }
#page .col4-2 { float:left; width:205px; padding:0 10px; }
#page .col4-3 { float:left; width:205px; padding:0 10px; }
#page .col4-4 { margin-left:675px; width:205px; padding:0 10px; }


#footer { width:100%; display:block; background:#336699 url(images/footer-bg.gif) repeat-x; }
#footer div.body { margin:0 auto; padding-top:30px; width:960px; display:block; color:#ffffff; font-size:0.8em; background:url(images/footer-body-bg.gif) left top no-repeat; }
#footer div.col1 { float:left; width:290px; padding:0 10px 0 20px; }
#footer div.col2 { float:left; width:300px; padding:0 10px; }
#footer div.col3 { margin-left:640px; width:290px; padding:0 20px 0 10px; }
#footer a { color:#ffcc66; }
#footer a:hover { color:#ffffff; background-color:#6699cc; }

#galleria-box { margin-left:90px; padding:10px; width:700px; background-color:#336699 }

a.extra { padding:0 4px; color:#000000; text-decoration:none; border:#993300 1px solid; background-color:#ffcc33; }
a:hover.extra { color:#000000; text-decoration:none; background-color:#cc9900; }
a.none { margin:0; padding:0; color:#993300; text-decoration:none; border:0; background:none; }
a:hover.none { color:#000000; text-decoration:none; border:0; background:none; }

p { padding:5px 0; }
p.vertical_spacer_s { width:50px; height:100px; }
p.vertical_spacer_m { width:50px; height:200px; }
p.vertical_spacer_l { width:50px; height:400px; }

h1 { margin-bottom:12px; font-size:1.6em; color:#003366; font-weight:normal; }
h2 { margin-bottom:8px; font-size:1.2em; color:#003366; font-weight:normal; }
h3 { margin-bottom:6px; font-size:1em; color:#003366; font-weight:bold; }
h4 { margin-bottom:4px; font-size:0.9em; color:#000000; font-weight:bold; }


ol { margin-bottom:10px; margin-left:20px; }
ol li { margin-bottom:10px; font-size:12px; }
ul { margin-bottom:10px; margin-left:40px; list-style:none; display:block; }
ul li { margin-bottom:5px; list-style:url(images/li-point.gif); font-size:12px; }


div.preview { width:200px; display:inline-block; font-size:0.8em; color:#333333; }


.small { font-size:0.7em; }
span.caption { display:inline-block; width:80px; font-size:12px; color:#000000; }
strong.caption {font-size:11px; color:#000000; }


.team { font-size:12px; text-align:center; }

/* Images */
img.blank { border-width:0; background:none; }

/* clearfix */
.range_clear { display:inline-block; }
.range_clear[class] { display:block; overflow:hidden; }

.clear {clear:both; }







/* Tabellen */
table {  }
table th { margin:0; padding:10px; color:#000000; text-align:left; font-weight:normal; }
table td { padding:5px 10px; vertical-align:top; }

/* Formulare */
form.default {  }
form.default input { margin:2px; padding:2px 5px; display:inline-block; font-size:14px; color:#3399cc; border:#cccccc solid 1px; }
form.default textarea { padding:5px; font-size:14px; color:#3399cc; border:#cccccc solid 1px; }
form.default input.btn_send { margin-top:5px; width:100px; height:32px; display:inline-block; cursor:pointer; border:#999999 solid 1px; }
form.default input:hover.btn_send { color:#00366; border:#666666 solid 1px; background-color:#ffcc00; cursor:pointer; }

/* allgemeine Boxen */
div.box_error { margin:0 auto; padding:20px; width:400px; text-align:center; background-color:#ffcccc; border:#660000 solid 1px; }

/* im Formular soll dieses Feld nicht angezeigt werden und leer bleiben
wird es trotzdem gefüllt, ist dies wohlmöglich ein automatischer und unerwünschter Beitrag */
p.dontsee { height:0;	display:none; visibility:hidden; }