/*
usc print
*/

@import url('reset.css');

html {
    height:101%;
}

body {
    background:#fff;
    color:#000;
    font: 12px/18px 'Helvetica', 'Arial', sans-serif;
    text-align:center;
}

#globalWrapper {
    width:960px;
    text-align:left;
}

ol#navigation {
    display:none;
}

#contentWrapper {
    background:url('img/layout/content.jpg') 0 0 no-repeat;
    min-height:600px;
}
ul#subnavigation li {
    display: inline;
    margin-left:10px;
}

#subnavigation li a{
    display:inline-block;
    height:21px;
    padding-left:5px;
    line-height:21px;
    text-decoration:none;
    font-weight:bold;
    color:#242424;
}

#subnavigation li a:hover{
    background:url('img/layout/button.gif') 0 0 no-repeat;
    color:#ffffff;
}

#subnavigation span{
    display:block;
    padding-right:5px;
}

#subnavigation li:hover span{
	background:url('img/layout/button-end.gif') 100% 0 no-repeat;
}

#subnavigation .current_page_item a { 
    background:url('img/layout/button.gif') 0 0 no-repeat;
    color:#ffffff;
}

#subnavigation .current_page_item a span{
	background:url('img/layout/button-end.gif') 100% 0 no-repeat;
}


#content {
    float:left;
    width: 610px;
}
#sidebar {
    display:none;
}
#sidebar img {
    margin-bottom:10px;
}
#sidebar .sidebar-img {
    margin-top: 20px;
}

/***************************************
***              Helper              ***
***************************************/
.clearb {
    display:block;
    height:0;
    width:0;
    overflow:hidden;
    clear:both;
}

.right {
    float:right;
}
.left {
    float:left;
}
.image-right {
    float:right;
    padding: 0 0 7px 7px;
}
.image-left {
    float:left;
    padding: 0 7px 7px 0;
}

/***************************************
***            FORMATTING            ***
***************************************/

h1 {
    font-size:140%;
    border-bottom:1px solid #333;
    margin: 1.5em 0 1em;
}
h1.indent {
    text-indent: 42px;
}
h2 {
    font-size: 120%;
    margin: 1em 0 0.5em;
}
h3 {
    font-size: 110%;
    margin: 1em 0 0.5em;
}

.astd{color:#000;text-decoration:underline;}
.astd:hover{color:#333;}

.newsnav{
    margin-top:10px;
}

.newsnav A{
    color:#000;
    text-decoration:underline;
}

.teaser h2 {
    font-size:100%;
    margin:0;
}

.teaser A{
    text-decoration:underline;
    color:#000;
}

.teaser {
    clear:both;
}
.teaser .date {
    float:left;
    display:block;
    width:39px;
    height:39px;
    color: #ffffff;
    text-align:center;
    line-height:15px;
}
.teaser .date span {
    font-size:170%;
    font-weight:bold;
    display: block;
    padding-top:5px;
    margin:0;
}
.teaser .text {
    float:left;
    width:530px;
    padding:1px 35px 2px 5px;
    margin-bottom:10px;
    background: #ffffff url('img/layout/pfeil.jpg') 99% 50% no-repeat;

    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#teaser {
    padding: 10px;
}
.teaserbox {
    display:block;
    width:300px;
    float:left;
    margin: 0 5px;
}
.teaserbox .header {
    display:block;
    height:52px;
    line-height:72px;
    color:#ffffff;
    font-weight:bold;
    background: url('img/layout/wichtig.jpg') 0 0 no-repeat;
    text-indent:80px;
}
.teaserbox .sommercamp {
    background-image:url('img/layout/sommercamp.jpg')
}
.teaserbox .camp {
    background-image:url('img/layout/camp.jpg')
}
.teaserbox .teaser_content {
    background: url('img/layout/box-bg.jpg') 0 0 no-repeat;
    padding: 5px;
    display:block;
    height:157px;
    position:relative;
}
.teaserbox .teaser_content A.more {
    position:absolute;
    bottom:25px;
    right: 5px;
    color:#242424;
    text-decoration:underline;
    background:url('img/layout/pfeil_small.jpg') 100% 60% no-repeat;
    padding-right:8px;
}

A.more {
    color:#242424;
    text-decoration:underline;
    background:url('img/layout/pfeil_small.jpg') 100% 60% no-repeat;
    padding-right:8px;
}


.newsbox{margin:4px 0 4px 0;background:#fff;padding:4px}
.newsbox h2{font-size:100%;margin:0}
.newsbox a{text-decoration:underline;color:#000}

.archivlist li a{color:#000;text-decoration:underline}

/***************************************
***             TABELLEN             ***
***************************************/
table {
    width: 100%;
    margin: 1em 0 0.5em;
    border-collapse:separate;
    border-bottom: 3px solid #d0d0d0;
}
table th {
    border-bottom: 1px solid #a0a0a0;
    padding: 2px 5px;
}
table tr.bg th {
    border-top: 1px dashed #a0a0a0;
    border-bottom: 1px dashed #a0a0a0;
    background: #f3f3f3;
    padding: 4px 5px;
}
table td {
    padding: 2px 5px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
}
table tr.even td {
    background:#e9e9e9;
}
/***************************************
***             Formular             ***
***************************************/

form {
    margin: 1em 0 0.5em;
}
label {
    float: left;
    display:block;
    width:160px;
    line-height:22px;
}
input[type=text],
textarea,
select {
    display:block;
    margin-bottom:5px;
    width: 350px;
    border: 1px solid #c0c0c0;
}
input.radiocheck {
    width:auto;
    display:inline;
    float:none;
    border:0;
}
label.radiocheck {
    width:auto;
    float:none;
    display:inline;
}
input.submit {
    width:auto;
    margin: 10px 0 0 100px;
}


/***************************************
***                IE 6              ***
***************************************/
* html ol#navigation li A {
    width:1px;
    white-space:nowrap;
}
* html input,
* html textarea,
* html select {
    display:block;
    margin-bottom:5px;
    width: 350px;
    border: 1px solid #c0c0c0;
}