/*** Browser-stylesheet reset ***/
* { margin: 0; padding: 0 }

body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.3em; color: #797a7a }

h2 { color: #404141; font-size: 18px; line-height: 1.2em; font-weight: bold; margin-bottom: 24px }
/* #ipage h2#impressum { width: 798px; margin: 0 auto; font-size: 20px; line-height: 1.5em;  text-align: center; margin-bottom: 1.2em } */
h3, h4 { font-size: 1em; margin-bottom: 1em }
img { border: none }
p { margin-bottom: 17px }
p.quote { margin-left: 20px; font-style: italic }
p.filler { text-align: center }
img#bbh { float: left; margin-right: 4px }
span#red { color: red; font-size: 1.5em; font-weight: bold }
.noscript { color: red }


a { color: #f76600; text-decoration: none }
a:hover { text-decoration: underline }

ul { list-style: none }
ul ul { margin-top: 8px } 

div#hidden, div#counter { visibility: hidden; position: absolute; top: -3000px }

div#wrapper { width: 100%; background: url('../images/tail-top.gif') repeat-x 0 -3px }
div#header { position: relative; width: 792px; margin: auto; padding: 20px 0 0 18px }
div#header ul { text-align: right; padding-right: 18px; font-size: 16px; font-weight: bold }
div#header ul li { display: inline }
div#header ul li.nay { visibility: hidden } /* nay: not available yet */
div#header ul li img, div#column-middle ul#flags li img { vertical-align: top }

#cinfo  { cursor: pointer; text-align: center; position: absolute; top: 95px; right: 15px; color: rgb(30,42,161); font-weight: bold; font-size: 12px }
#cpage #cinfo { cursor: default }

ul#topnavi { width: 792px; height: 123px; margin: auto; padding: 43px 0 0 18px }
ul#topnavi li { float: left; margin-right: 1px }
ul#topnavi li a { display: block; width: 155px; height: 100px; color: #fff; font-family: "Times New Roman", Times, serif; font-size: 22px; font-style: italic; text-decoration: none; text-align: center; line-height: 66px }
ul#topnavi li a:hover { padding-top: 10px }
ul#topnavi li#m1 a { background: url(../images/m1-alt.jpg) no-repeat }
ul#topnavi li#m1 a:hover, ul#topnavi li#m1-act a { background: url(../images/new/m1-alt_1c.jpg) no-repeat }
ul#topnavi li#m2 a { background: url(../images/m2-alt.jpg) no-repeat }
ul#topnavi li#m2 a:hover, ul#topnavi li#m2-act a { background: url(../images/new/m2-alt_1c.jpg) no-repeat }
ul#topnavi li#m3 a { background: url(../images/m3-alt.jpg) no-repeat }
ul#topnavi li#m3 a:hover, ul#topnavi li#m3-act a { background: url(../images/new/m3-alt_1c.jpg) no-repeat }
ul#topnavi li#m4 a { background: url(../images/m4-alt.jpg) no-repeat }
ul#topnavi li#m4 a:hover, ul#topnavi li#m4-act a { background: url(../images/new/m4-alt_1c.jpg) no-repeat }
ul#topnavi li#m5 a { background: url(../images/m5-alt.jpg) no-repeat }
ul#topnavi li#m5 a:hover, ul#topnavi li#m5-act a { background: url(../images/new/m5-alt_1c.jpg) no-repeat }
ul#topnavi li#m1-act a { padding-top: 10px; cursor: default }
ul#topnavi li#m2-act a { padding-top: 10px; cursor: default }
ul#topnavi li#m3-act a { padding-top: 10px; cursor: default }
ul#topnavi li#m4-act a { padding-top: 10px; cursor: default }
ul#topnavi li#m5-act a { padding-top: 10px; cursor: default }

div#content-wrapper { width: 798px; margin: 0 auto }

div#content { display: inline-block; text-align: left; width: 798px; height: 100%; margin: 0 auto; padding: 0 0 0 10px; background: url(../images/line-ver3.gif) repeat-y 10px 0  }
div#content div { display: inline; float: left }
div#content div#column-left { width: 238px; padding: 0 26px 0 0 }
div#content div#column-middle { width: 254px; padding: 0 0px 0 10px }
div#content div#column-right { width: 224px; padding: 0 0 0 40px }

#cpage div#content { background: url(../images/line-ver.gif) repeat-y 540px 0  }
#cpage div#content div#column-left { width: 500px; padding: 0 26px 0 0 }
#cpage div#content div#column-right { width: 224px }
#cpage iframe { width: 500px; height: 330px; border: 0; overflow: hidden }

#ipage div#content, #lpage div#content { background: url(../images/line-ver.gif) repeat-y 398px 0  }
#ipage div#content div#column-left { width: 368px; padding: 0 16px 0 0 }
#ipage div#content div#column-right { width: 368px }
#ipage div#content div#column-right p { font-size: 75%; line-height: 1.1em; margin-bottom: 12px }

#lpage div.partner { width: 100% }
#lpage div.partner div { width: 368px; display: inline; float: left }
#lpage div.partner div.columnl { padding: 0 40px 15px 0 }
* html #lpage div.partner div.columnl {}

div#column-left ul, div#column-middle ul, div#column-right ul, div#column-right ul#authors { margin-bottom: 17px }
div#column-left ul li, div#column-middle ul li, div#column-right ul li { background: url(../images/h.gif) no-repeat 0 6px; padding: 0 0 6px 15px; color: blue }

/* aOKdel */
div#column-middle ul#flags li, div#column-left ul#flags li { color: #797a7a }
div#column-middle ul#flags li, div#column-left ul#flags li { background: url(''); padding: 0 0 5px 0 } 

div#column-right ul#authors li { display: inline; padding: 0 }
div#column-right ul#authors li.sec { margin-left: 20px }
div#column-right ul#outlinks li { padding: 0 0 17px 0 }

div#footer { clear: both; width: 792px; padding: 15px 0 15px 15px; margin: 0 auto; color: #797a7a; text-align: center }
div#footer p { padding: 5px 0 0 0; font-size: 12px;  }
div#footer a { font-size: 12px }
div#footer ul li { display: inline }

/* form on "kontakt-impressum.php */
#kform input, #kform select, #kform textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em; border: 1px #A5ACB2 solid }
#kform input, #kform textarea { width: 211px; padding: 0 0 0 3px; color: #797a7a }
#kform textarea { height: 200px; margin-bottom: 15px; overflow: auto }
#kform p.form { margin-bottom: 10px }

/** for php error or success messages **/
p.fehler { border: 1px red solid; padding: 5px; color: red }
p.perfolg { margin-bottom: 0 }
div.erfolg { border: 1px blue solid; padding: 5px; margin-bottom: 17px }

#cpage div#js-show { display: none; width: 100%; overflow: hidden }

a.img-button { display: block; float: left; background: url(../images/link1-bg.gif) repeat-x; color: #fff; text-decoration: none }
a.img-button em { display: block; background: url(../images/link1-left.gif) no-repeat; font-style: normal }
a.img-button b { display: block; background: url(../images/link1-right.gif) no-repeat right; padding: 7px 15px 35px 15px; font-weight: normal }
a.img-button:hover { text-decoration: underline }

div#footnotes { clear: left; width: 100%; margin: auto; color: #797a7a; text-align: left }
div#footnotes ul li, div#footnotes ul li a { font-size: 11px }
