/* ------------------------------------ C R E D I T S ------------------------------------

Designed and coded by made - Agentur für Marketing & Design

Black:		#222
Grey:		#58595b
Red:		#db363a

/* ------------------------------------ R E S E T S ------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
blockquote, q { quotes:none }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }

/* ------------------------------------ G E N E R A L ------------------------------------ */
body { font:62.5% "Trebuchet MS", Arial, Verdana, sans-serif; margin:0; padding:0; text-align:left; color:#222; background:url("/images/bg-body.jpg") top left repeat-x }
h1, h2 { font:1.4em "Gill Sans MT", "Trebuchet MS", Arial, Verdana, sans-serif; color:#58595b; background:url("/images/bg-heading.png") no-repeat bottom left; padding-left:10px }
h1 { margin:0 0 15px; }
h2 { margin:40px 0 15px }
h3 { font:1.2em Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 14px 10px; color:#db363a; }
ol, ul, p { margin:12px 10px; line-height:1.4em }
ul, ol { padding:0 0 0 185px; }
ul.linksohnebild { padding:0 0 0 40px; }
hr { height:1px; background:none; border-color:#ccc; border-width:1px 0 0; border-style:solid; clear:left; margin-bottom:10px }
strong { color:#444 }
table { font-size:.8em; }
td { padding:1px 4px }

.fehler, .red { color:#db363a }
.clear { clear:both }
a { color:#db363a; text-decoration:none }
a:hover { text-decoration:underline }

/* ------------------------------------ B O X E S ------------------------------------ */
.flash { margin-bottom:0px; width:650px; border:1px dotted #999 }
.flash:hover { border:1px solid #ccc; cursor:pointer }

.box { float:left; margin:20px 20px 0 0; width:300px; padding:4px; border:1px solid #fff }
.box h2, .box img { margin-top:0; }
.box:hover { text-decoration:none; border:1px dotted #ddd; background:#f9f9f9 }

/* ------------------------------------ I M A G E S ------------------------------------ */
img.rechts { float:right; margin:4px 0 8px 15px; padding:1px; border:1px solid #ccc }
img.links { float:left; margin:4px 15px 8px 10px; padding:1px; border:1px solid #ccc  }
img.mitte { margin:0 auto; text-align:center; padding:1px; border:1px solid #ccc }
a:hover img.logo, img.logo { border:none }
a img { padding:1px; border:1px solid #ccc }
a:hover img { padding:1px; border:1px solid #db363a; }

/* ------------------------------------ L A Y E R S ------------------------------------ */
.fixed { width:980px; margin:10px auto; font-size:1.2em; }
.header { height:160px; line-height:2em }
#logo { float:left; margin:10px 0 0 10px }
.container { margin:0; padding:50px 30px 0; background:url("/images/bg-shadow-2.gif") no-repeat center top; font-size:1.2em; overflow:auto }
.contL { float:left; width:670px; display:inline }
.contR { float:right; width:220px; margin:0 10px 0 20px; display:inline; }
.contR img.mitte { border:none; background:none }
.footer { clear:both; margin:0 0 5px; padding:45px 0 5px; background:url("/images/bg-shadow-3.gif") no-repeat center top; text-align:center; color:#999; font-size:1em }

/* ------------------------------------ N E W S ------------------------------------ */
ul.news {  }
p.newsfeed { border-top:1px dotted #ccc; text-align:center; padding-top:5px; }
.src { font-style:italic; text-align:right; color:#aaa }
.src a { color:#777 }
.totop { border-top:1px solid #bbb; text-align:center }
.totop a { color: #aaa }
h2.news { margin-bottom:0; }
p.datum { color:#aaa; margin-top:0; margin-bottom:15px; padding:0; font-size:.8em }

/*
.news { clear:left; margin-top:20px; border-bottom:0; border-bottom:1px dotted #ccc; overflow:auto  }
.news li a { color:#333 }
.news li a:hover { color:#ed1c24 }
.news .quelle { text-align:right }
.news .quelle a { color:#ccc; font-style:italic }

/* ------------------------------------ T E A S E R ------------------------------------ */
.teaser:before { background:transparent url("/images/key-tr.gif") no-repeat top right; display:block; content:url("/images/key-tl.gif") }
.teaser { background:#eee; margin-bottom:2em; min-height:1px; font-size:.8em }
.teaser:after { display:block; clear:both; content:url("/images/key-bl.gif"); background:transparent }
.teaser table { margin:0 10px; font-size:1em; }
.teaser img { margin-top:8px}
.teaser strong { font-size:1.2em; color:#db363a }

.textteaser { border:1px solid #fff; margin:20px 0 }
.textteaser h3 { margin:10px 0 }
.textteaser img { margin:10px }
.teaser a,
.textteaser a { color:#333; }
.teaser a:hover,
.textteaser a:hover { color:#db363a; text-decoration:none }
.textteaser:hover { border:1px solid #ccc; background:#eee }
.textteaser:hover img.links { border:1px solid #db363a; }

/* ------------------------------------ N A V I G A T I O N ------------------------------------ */
#nav { margin:0; text-align:left; padding:0 11px 50px; background:url("/images/bg-shadow-1.gif") repeat-y center top; text-transform:uppercase; font-size:1.2em }

#nav .menu,
#nav .aktuell { margin:0; padding:0; list-style:none; display:block; float:left }
#nav .sub { margin:0; padding:0; list-style:none; }
#nav li { display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .aktuell li {z-index:50;}

#nav .menu a, 
#nav .aktuell a { display:block; float:left; background:url("/images/bg-nav.gif") repeat-x top left; padding:10px; margin:0; text-decoration:none; font-weight:bold; white-space:nowrap; color:#fff }

/* ------ weite hauptnavi ------ */
#nav .nav1 a, #nav .nav4 a, #nav .nav6 a { width:91px; text-align:center }
#nav .nav3 a, #nav .nav7 a { width:110px; text-align:center }
#nav .nav2 a, #nav .nav5 a  { width:162px; text-align:center } /*zus 730 + padding (30x6=180) macht 910 */
#nav .sub { display:none; }

/* ------ IE5.5/IE6 ------ */
#nav table {position:absolute; border-collapse:collapse; left:0; top:10px; font-size:1em;}

#nav .aktuell a,
#nav .aktuell a:hover,
#nav .aktuell li:hover a { background:url("/images/bg-nav-current.gif") repeat-x top left }

#nav .menu a:hover,
#nav .menu li:hover a { background:url("/images/bg-nav-hover.gif") repeat-x top left }

#nav .sub li a:hover, 
#nav .menu a:hover .sub li a:hover, 
#nav .menu li:hover .sub li a:hover, 
#nav .aktuell .sub .aktuell-sub a, 
#nav .aktuell .sub a:hover { color:#fff; background:url("/images/bg-nav-hover.gif") 0px -4px repeat-x }

#nav .aktuell .sub .aktuell-sub { color:#fff; background:url("/images/bg-nav-current.gif") 0px -4px repeat-x }

/* ------ positionen subnavi ------ */
#nav .aktuell .sub,
#nav .menu a:hover .sub, 
#nav .menu li:hover .sub {display:block; position:absolute; width:957px; top:2.2em; margin:7px 0 0; background:#fff; padding:10px 0 0 }

#nav .aktuell .sub { border-bottom:1px solid #222; }
#nav .menu a:hover .sub, 
#nav .menu li:hover .sub { border-bottom:1px solid #db363a; }
#nav .no-subnav .sub { border-bottom:1px solid #fff;  }
#nav .no-subnav .sub a:hover { background:#fff }

* html #nav .aktuell .sub, * html #nav .menu a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .aktuell .sub li a, 
#nav .menu a:hover .sub li a, 
#nav .menu li:hover .sub li a {display:inline; background:#fff; padding:4px 15px; margin:0; width:auto; white-space:nowrap; font-weight:normal; font-size:.9em; line-height:1.6em; color:#333; text-transform:none; }

/* ------ positionen subnavi ------ */
#nav .nav1 .sub { left:0; }
#nav .nav1 .sub .first {  }
#nav .nav2 .sub {left:-111px; margin-left:0em; }
#nav .nav2 .sub .first { margin-left:0em }
#nav .nav3 .sub { left:-293px }
#nav .nav3 .sub .first { margin-left:15em }
#nav .nav4 .sub { left:-423px }
#nav .nav4 .sub .first {  }
#nav .nav5 .sub { left:-534px }
#nav .nav5 .sub .first { margin-left:30em }
#nav .nav6 .sub { left:-716px }
#nav .nav6 .sub .first { margin-left:28em }
#nav .nav7 .sub { left:-827px }
#nav .nav7 .sub .first {  }
/* html #nav .nav2 .sub .first { margin-left:6em } /* ie5 & ie6 */
/* html #nav .nav3 .sub { left:-40em; margin-left:-19px; } /* ie5 & ie6 */
* html #nav .nav3 .sub .first { margin-left:6em } /* ie5 & ie6 */
* html #nav .nav5 .sub .first { margin-left:17em } /* ie5 & ie6 */
* html #nav .nav6 .sub .first { margin-left:24em } /* ie5 & ie6 */

/* ------------------------------------ F O R M U L A R ------------------------------------ */
.feld { float:left;; margin:0 20px 20px 0; display:inline; }
.feld label, form .send {  color:#666; text-transform:uppercase; font-size:.8em; letter-spacing:.1em; }
.half input { width:275px }
.short input { width:210px; }
.full input, .full textarea { width:570px }
.feld input, .feld textarea, .feldinputdiv { border-width:1px; border-style:dotted; border-color:#aaa; font:1.4em Georgia, "Times New Roman", Times, serif; color:#333 }
.feldinputdiv { float:left; width:275px }
.feld textarea { border-width:1px }
.feld textarea.fehler, .feld input.fehler { border-width:1px; border-color:#db363a; }
.feld textarea.fehler { border-width:1px; }
.feld select.short { width:60px }
.feld input.short { width:58px }
.feld input.short { width:58px }

/*
input[type=submit], 
input[type=reset], 
input[type=button],
button {
background-color: #E4EBC7;
}
*/
input:focus, 
select:focus, 
textarea:focus { border-style:solid; color:#888; border-color:#888; background:#eee }

/* bookmarks */
#bookmarks { margin-top:6px }
#bookmarks img { border:none }