/*
Theme Name: USC Heidelberg Orange
Theme URI: http://www.usc-hd.de/
Description: Theme USC Heidelberg; Navihintergrund aufgehellt, gepunkteter roter Rahmen, Orange bei Hover
Version: 1.1 RC1
Author: Dots United
Author URI: http://www.dotsunited.de/
Tags: custom theme usc
Text Domain: Dots United
*/



@import url('reset.css');

html {
    height:101%;
}

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

#globalWrapper {
    margin:0 auto 20px;
    width:960px;
    text-align:left;
}
#header {
    text-indent:-9999px;
    font:0;
    display:block;
    height:130px;
    background:url('img/layout/header.jpg') 0 0 no-repeat;
}
#header * {
    display:none;
}
/*******************
 * Suckerfish Navi *
 *******************/




/**********************
 * Suckerfish Navi end*
 **********************/

#navigation {
	text-decoration:none;
    display:block;
    height:36px;
	font-size:14px;
	line-height:40px;
    background:url('img/layout/navigation.jpg') 0 0 no-repeat; 
	z-index: 100;
}
#navigation, #navigation ul{
	height:36px;
    list-style:none;
	padding:0;
	margin:0;
	line-height:40px;
	padding-left:40px;
	z-index: 100;
}
#navigation li {
    float:left;
    margin:0;    
    background:url('img/layout/navlink-left.png') 0 0 no-repeat;
}
#navigation a {
    color:#cf240a;
    text-decoration:none;
    display:block;
    height:36px;
    background:url('img/layout/navlink-right.png') 100% 0 no-repeat;
    padding:0 25px;
}


#navigation .current_page_ancestor a{
	color:#000!important;
	}

#navigation .current_page_ancestor ul .current_page_ancestor a{
color:#000!important;
}
#navigation .current_page_ancestor ul .current_page_item a{
color:#000!important;
}
#navigation .current_page_ancestor ul li a{
	color:#cf240a !important;
}

#navigation .current_page_ancestor ul .current_page_ancestor ul .current_page_ancestor a{
color:#000!important;
}
#navigation .current_page_ancestor ul .current_page_ancestor ul .current_page_item a{
color:#000!important;
}
#navigation .current_page_ancestor ul .current_page_ancestor ul li a{
color:#cf240a !important;
}
#navigation .current_page_ancestor ul .current_page_item ul li a{
color:#cf240a !important;
}
#navigation .current_page_ancestor ul .current_page_ancestor ul .current_page_ancestor ul .current_page_item a{
color:#000!important;
}
#navigation .current_page_ancestor ul .current_page_ancestor ul .current_page_ancestor ul li a{
color:#cf240a !important;
}
/*
#navigation .current_page_parent a, ul#navigation  a, ul#navigation .current_page_ancestor a{
		
}*/

#navigation li.start {
    width:12px;
    background:url('img/layout/navlink-right.png') 100% 0 no-repeat;
}
#navigation li.end {
    width:12px;
    background:url('img/layout/navlink-left.png') 0 0 no-repeat;
}
#navigation ul {
    position:absolute;
    left:-999em;
	padding:0;
    height:auto;
    width:150px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border-right:1px dotted #CF240A;
	border-left:1px dotted #CF240A;
	border-bottom:1px dotted #CF240A;
	z-index: 100;
    }
#navigation li li {
    width:150px;
	background: #F4F4F4;
	z-index: 100;
    }
#navigation li:hover, #navigation li.hover {  
    position: static;  
 } 
#navigation li li a:hover {
	background: #FCC802;
	z-index: 100;
    }
#navigation li li a {
	background: none;
	color:#cf240a;
    padding:6px;
	height:auto;
    width:138px;
    font-size:12px;
	z-index: 100;
    }
#navigation li ul ul {
	width:230px;
	background: #F4F4F4;
	border: 1px dotted #CF240A;
    margin:-21px 0 0 150px;
	z-index: 100;
    }
#navigation li ul ul a{
	
	}	
#navigation li ul ul a{
	width:218px;
	}
#navigation li ul ul a:hover{
	background: #FCC802;
	}
#navigation li ul ul ul{
    margin:-21px 0 0 200px;
	z-index: 100;
    }
#navigation li ul li:hover a, #navigation li ul li li:hover a, #navigation li ul li li li:hover a, #navigation li ul li li li:hover a {
    
    }
#navigation li:hover a, #navigation li.sfhover a {
    
    }
#navigation li:hover li a, #navigation li li:hover li a, #navigation li li li:hover li a, #navigation li li li li:hover li a {
    
    }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul, #navigation li.sfhover ul ul ul ul {
    left:-999em;
    }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul, #navigation li li li li.sfhover ul {
    left:auto;
    
    }
#navigation li:hover, #navigation li.sfhover {
    
    }

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

#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;
}

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

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

/*
.button {
    display:inline-block;
    height:21px;
    padding-left:5px;
    line-height:21px;
    text-decoration:none;
    font-weight:bold;
    color:#242424;
}
.button:hover {
    background:url('img/layout/button.gif') 0 0 no-repeat;
    color:#ffffff;
}
.button span {
    display:block;
    padding-right:5px;
}
.button:hover span {
    background:url('img/layout/button-end.gif') 100% 0 no-repeat;
}
*/
#content {
    float:left;
    width: 610px;
}
#sidebar {
    text-align:center;
    float:left;
    width: 220px;
    margin-left:50px;
}
#sidebar img {
    margin-bottom:10px;
}

#slideshow {
margin-bottom:10px !important;
margin-left: 10px !important;
height: 289px;
}
#sonstigeshow {
margin-left: 10px !important;
height: 293px;
}
#sponsorshow {
margin-bottom:10px !important;
margin-left: 10px !important;
height: 95px;
overflow: hidden;
}

#sponsorfemale {
margin-bottom:10px !important;
margin-left: 10px !important;
height: 95px;
}

#content p { padding-bottom: 10px; }

/***************************************
***              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:3px solid #cf240a;
    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;
}
a {
   color:#cf240a;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}

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

.newsnav{
    clear:both;
    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;
    background:url('img/layout/date.jpg') 0 0 no-repeat;
    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:560px;
    padding:1px 5px 2px 5px;
    margin-bottom:10px;
    background: #ffffff;

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

.teaser .upcoming {
    float:left;
    width:530px;
    padding:1px 35px 2px 5px;
    margin-left:39px;
    margin-bottom:10px;
    background: #ffffff ;

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

.teaser .upcoming ul{
		padding-left:0px;
}

.teaser .upcoming .headlines h2 {
		float:left;
		width:260px;
}


.teaser .upcoming .dbbl {
		float:left;
		margin-left:10px;
}

.teaser .upcoming li{
		list-style-type:none;
		padding-top:5px;
}

#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 .media {
    background-image:url('img/layout/media.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}

.alignleft {float:left; padding: 0 7px 7px 0;}

.alignright {float:right; padding: 0 0 7px 7px;}

ul {
	padding-left:30px;
padding-bottom: 10px;
}
ol {
        padding-left:30px;
}

/***************************************
***             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 td img {
    border: 0;
    vertical-align: text-top;
}
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;
}