/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian soaperman de>
* @date		23/02/2007
*/

* {margin:0; padding:0; }

body {font-family:Verdana, sans-serif; font-size:14px; line-height:150%; color:#000000; background:#CC0000;}

h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", sans-serif; font-weight:normal; color:#CC0000;}
h1 {margin-top:45px; margin-bottom:10px; font-size:24px;}
h2 {margin-top:30px; margin-bottom:5px; font-size:21px;}
h3, h4, h5, h6 {margin-top:30px; margin-bottom:5px; font-size:18px;}
p {margin-bottom:10px;}

a {color:#000000;}

img {border:none;}

ol, ul {margin-bottom:10px;}
li {}

table {font-family:Verdana, sans-serif; font-size:14px; line-height:150%; width:100%;}
td {padding:0 5px; vertical-align:center;}

fieldset {border:none;}
legend {display:none;}
form {}
label {}
input,select,textarea {margin-bottom:10px; padding:3px 5px; width:420px; border:1px solid #000000;}
textarea {font-family:Verdana, sans-serif; font-size:12px; overflow:auto;}

acronym {cursor:help;}

/* ------------ Layout ------------ */

#top {background:#FFFFFF url('images/top-background.gif') repeat-x;}
  #header {position:absolute; top:0; left:240px; padding-top:70px; width:740px;}
  #navigation {position:absolute; top:160px; left:230px; width:740px; height:80px; overflow:hidden;}
  #content {padding:265px 0 40px 240px; width:740px;}
#bottom {background:#CC0000 url('images/bottom-background.gif') repeat-x;}
  #footer {padding:40px 0 40px 240px; width:740px;}

/* ------------ Navigation ------------ */

#navigation ol {position:absolute; top:0; left:0; list-style-type:none; width:740px;}
#navigation ol li {margin:0 5px; font-family:"Trebuchet MS", sans-serif; font-size:20px; line-height:40px; float:left;}
#navigation ol li a {padding:7px 5px; color:#FFFFFF; text-decoration:none;}
#navigation ol li a:hover {color:#000000;}
#navigation ol li a.on {background:url('images/mainnavigation-arrow.gif') no-repeat bottom center;}

#navigation ol li ol {position:absolute; top:40px; left:0; list-style-type:none;  width:740px;}
#navigation ol li ol li {margin:0 5px; font-family:Verdana, sans-serif; font-size:14px; line-height:40px; float:left;}
#navigation ol li ol li a {padding:0 5px; color:#000000; text-decoration:none;}
#navigation ol li ol li a:hover, #navigation ol li ol li a.on {color:#CC0000;}

/* ------------ Inhalt ------------ */

a#logo {position:absolute; top:0; left:0; z-index:10;}

#header h1.title {margin:0; padding-bottom:5px; font-family:"Trebuchet MS", sans-serif; font-size:26px; font-weight:bold; color:#000000;}
#header span.titlered {color:#CC0000;}
#header h2.slogan {margin:0; font-family:"Trebuchet MS", sans-serif; font-size:20px; color:#000000;}

div.leftcol {padding-top:45px; width:420px; float:left;}
div.rightcol {padding-top:45px; margin-left:460px; width:280px;}
div.footer_leftcol {width:420px; float:left;}
div.footer_rightcol {margin-left:460px; width:280px;}

p.newstitle, p.newstitle a {color:#999999;}

.inputtext {}
.radiobutton {}
.checkbox {}
.selectfield {}
.searchfield {width:120px;}
.button {width:auto; color:#FFFFFF; background:#000000; border:none; cursor:pointer;}

tr.odd {background:#DFDFDF;}
tr.even {}

div.rightcol h1, div.rightcol h2, div.rightcol h3, div.rightcol h4, div.rightcol h5, div.rightcol h6 {color:#000000;}
div.footer_rightcol h1, div.footer_rightcol h2, div.footer_rightcol h3, div.footer_rightcol h4, div.footer_rightcol h5, div.footer_rightcol h6 {color:#000000;}
#content div.rightcol img {float:left; margin:5px 10px 0 0;}

#content ul, #content ol {margin-left:40px;}
#content li {margin-bottom:10px;}

#content div.rightcol ul {margin:0; list-style-type:none;}
#content div.rightcol ul li {padding:8px 0; font-family:"Trebuchet MS", sans-serif; font-size:19px;}
#content div.rightcol ul li a {padding-left:50px; color:#000000; text-decoration:none;}
#content div.rightcol a.linklocation {background:url('images/icon-right-location.gif') no-repeat left center;}
#content div.rightcol a.linkjudo {background:url('images/icon-right-judo.gif') no-repeat left center;}
#content div.rightcol a.linkaikido {background:url('images/icon-right-aikido.gif') no-repeat left center;}

#footer p {margin-bottom:20px;}
#footer span.title {font-weight:bold;}
#footer span.titlewhite {margin-right:10px; color:#FFFFFF;}

#footer ul {list-style-type:none;}
#footer ul li {margin-bottom:20px;}
#footer ul li a {padding-left:15px; color:#FFFFFF; text-decoration:none; background:url('images/footernavigation-arrow.gif') no-repeat left center;}

/* ------------ Sonstiges ------------ */

.clearfix {clear:both; overflow:hidden;}
.hide {display: none;}

.print {display: none;}
.noprint {}

/* ------------ HACKS ------------ */

/* IE 7 */
*:first-child+html #navigation ol li {line-height:40px;}
*:first-child+html #navigation ol li a {padding:7px 5px;}
*:first-child+html .button {padding:1px 3px;}
*:first-child+html #content div.rightcol ul {margin-top:20px;}

/* IE lte 6 */
* html #content {width:980px;} /* BOX-Modell */
* html #footer {width:980px;} /* BOX-Modell */
* html #navigation ol li {line-height:40px;}
* html #navigation ol li a {padding:7px 5px;}
* html div.rightcol {margin-left:450px;}
* html div.footer_rightcol {margin-left:450px;}
* html .searchfield {width:100px;} /* BOX-Modell */
* html .button {padding:1px 3px;}
* html #content div.rightcol ul {margin-top:20px;}
* html img {behavior: url(iepngfix.htc);} /* PNG-Transparenz */