/* Standardformatierungen */
body { font: normal 11px/14px Arial,Verdana,Sans-Serif; background-color: #e9e9e9; color: #333; margin: 0; padding: 0; }

.label_error { font-weight: bold; color: #c00; }
span.error { font-weight: bold; color: #c00; }
.todo { color: #c0c; }

a { color: #333; }
a.arrow { background: url(images/icon_link_arrow.gif) no-repeat left center; padding: 0 0 0 13px; color: #405070; text-decoration: none; }
a:hover { color: #f00; }

h1 { font-size: 20px; line-height: 24px; color: #f00; margin: 0 0 15px 0; }
h2 { font-size: 15px; line-height: 18px; color: #23334d; margin: 0 0 15px 0; font-weight: bold; }
h3 { font-size: 15px; line-height: 16px; color: #23334d; margin: 0 0 5px 0; font-weight: bold; }
h5 { font-size: 11px; line-height: 14px; color: #23334d; font-weight: bold; }
p { margin: 13px 0 0 0; }
strong { font-weight: bold; }

#canvas { padding: 0 0 0 1px; }
#header { width: 980px; height: 134px; background: url(images/header.gif); }
#header #logo { position: absolute; top: 0; left: 0; display: block; width: 170px; height: 107px; text-indent: -999em; }
#header ul { float: right; margin: 5px 32px 0 0; }
#header li { float: left; border-left:1px solid #405070; margin: 0 0 0 8px; padding: 0 0 0 8px; }
#header li.first { border: 0; }
#header li a { text-decoration: none; }

#content_container { background: url(images/content_bg.gif) repeat-y 0 0; padding: 0 0 10px 0; }
#content { padding: 30px 29px 80px 21px; width: 710px; float: left; }
#content div.box { background: url(images/box_bottom.gif) no-repeat 0 bottom; padding: 0 0 13px 0; margin: 26px 0 0 0; }
#content div.box div.box_inner { background: url(images/box_top.gif) no-repeat 0 top; padding: 13px; }
#content div.box div.box_inner h2 { margin-bottom: 0; }
#content table { border-collapse: collapse; table-layout: fixed; margin: 13px 0 0 0; clear: both; }
#content table td,
#content table th { padding: 5px; border: 1px solid #fff; color: #666; }
#content table thead th { background-color: #f4f4f4; font-weight: bold; }
#content table tbody td { background-color: #c7d7e7; }
#content table tbody tr.even td { background-color: #dae2ed; }
#content table a { color: #666; }
#content table a:hover { color: #f00; }
#content table a.mail { display: block; width: 14px; height: 10px; margin: 0 auto; background: url(images/icon_mail.gif) no-repeat 0 0; text-indent: -999em; }

#content table a.player { display: block; width: 16px; height: 16px; margin: 0 5px 0 0; background: url(images/icon_play.gif) no-repeat 0 0; text-indent: -999em; float: left; }
#content table a.play { background-position: 0 0; }
#content table a.stop { background-position: 0 -16px; }
#content table a.pause { background-position: 0 -32px; }
#content table a.error { background-position: 0 -48px; }
#content table a.loading { background-position: 0 -64px; }

#content table a.vote { display: inline-block; white-space: nowrap; padding: 0 15px 0 0; background: url(images/icon_thumbsup.gif) no-repeat right 0; }
#content table a.vote_disabled { color: #aaa; background-position: right -16px; }
#content ul.pager { margin: 13px 0 0 0; }
#content ul.pager li { float: left; padding: 4px 1px 0 1px; }
#content ul.pager li a { display: block; text-decoration: none; background-color: #E9E9EB; padding: 2px 4px; font-size: 11px; }
#content ul.pager li.arrow a { background-color: #95A2B2; color: #fff; font-weight: bold; }
#content ul.pager li span { display: block; text-decoration: none; background-color: #DADEE7; padding: 2px 4px; font-size: 11px; }

#sidebar { margin: 0 0 0 761px; }
#sidebar div.box_container { width: 219px; background: url(images/sidebar/grey.gif) no-repeat 0 bottom; padding: 0 0 18px 0; }
#sidebar div.box { padding: 8px 30px 0 13px; background: url(images/sidebar/grey.gif) no-repeat 0 top; }
#sidebar div.box img { margin: 0 0 5px 0; }
#sidebar div.box p { margin: 0 0 5px 0; }
#sidebar div.box h5 a { text-decoration: none; }

#footer { width: 760px; height: 31px; background: url(images/footer.gif) no-repeat right 0; }
#footer li { float: left; height: 21px; border-right: 1px solid #ddd; }
#footer li a { display: block; padding: 4px 22px; background: url(images/arrow_top.gif) no-repeat 5px center; text-decoration: none; color: #405070; }
#footer li a:hover { color: #f00; }

.clear { clear: both; }
.right { text-align: right; }

/* Ausnahmen */
#sidebar #search { width: 219px; }
#sidebar #search div.box { height: 131px; padding: 8px 30px 18px 13px; background: url(images/sidebar/blue.jpg) no-repeat 0 top; }
#sidebar #search h3 { color: #fff; }
#sidebar #search a { color: #fff; background-image: url(images/exceptions/icon_link_arrow.gif); }
#sidebar #search input.checkbox { float: left; margin: 0 5px 0 0; padding: 0; width: 13px; height: 13px; }
#sidebar #search input.text { float: left; width: 130px; border: 1px solid #ddd; font: normal 11px/14px Arial,Verdana,Sans-Serif; }
#sidebar #search a.submit { float: left; display: block; margin: 0 0 0 1px; width: 17px; height: 17px; background: url(images/exceptions/form_submit.gif) no-repeat 0 0; text-indent: -999em; }
#sidebar #search label { position: relative; color: #fff; }
#sidebar #search form ul { margin: 0 0 10px 0; }
#sidebar #search form input.text { margin: 0 0 10px 0; }

div.tooltips div { display: none; }
#tooltip { display: none; position: absolute; width: 200px; background-color: #fff; border: 1px solid #fe0000; color:#333; }
#tooltip div.headline { text-align: right; background-color: #fe0000; margin: 5px 0 0; padding: 5px 10px; color: #fff; font-weight: bold; }
#tooltip div.content { background-color: #fff; padding: 10px 10px; }