/* Style-Sheet für Linguistik-Podcast
by Jens Maier
April 2007
*/


body {
	margin: 0;
	padding: 0;
         background-color:#E1F0F5;



}

/* ==========================================
Der Container ===============================*/
#container
{
width: 600px;
margin: 15px auto;
background-color:#F2FCFD;
border: 2px solid #FFFFFF;

}

/* ==========================================
Der Header   ===============================*/

#header
{
padding:0px;
background-color: #FFFFFF;
background:url("style-graf/header.jpg") no-repeat;
height: 170px;
}



/* ==========================================
Die Navigation   ===============================*/

#navigation {
margin:0;
padding:0;
float:left;
width:100%;
border:1px solid #585455;
border-width:1px 0;
background-color: #6B8AA7;
Font-family:Trebuchet MS;
}

#navigation li {
display:inline;
padding:0;
margin:0;
}


#navigation a:link,
#navigation a:visited {
color:#FF0000;
background:#E8F6F9;
padding:4px 8px 4px 8px;
float:left;
width:auto;
border-right:1px solid #585455;
text-decoration:none;
font: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-transform:uppercase;
text-shadow: 2px 2px 2px #555;
}
#navigation li:first-child a {
border-left:1px solid #585455;
}

#navigation a:hover {
color:#fff;
background:#6B8AA7;
}

#start #start a,
#podcast #podcast a,
#material #material a,
#monitor #monitor a,
#kontakt #kontakt a {
background:#6B8AA7;
color:#fff;
text-shadow:none;
}
#start #start a:hover,
#podcast #podcast a:hover,
#material #material a:hover,
#monitor #monitor a:hover,
#kontakt #kontakt {
background:#6B8AA7;
}
#navigation a:active {
background:#6B8AA7;
color:#fff;
}



/* ==========================================
Der Inhaltcontainer allgemein ===============================*/
#inhalt-container
{
float: left;
width: 464px;
margin: 0;
padding: 0px;
border-right: 1px solid #585455;
line-height: 110%;
background-color: #8DADC4;

}


/* Unsere Links ==================================== */

.material a, .material a:active, .material a:hover, .material a:visited,
.wort a, .wort a:active, .wort a:hover, .wort a:visited,
.news a, .news a:active, .news a:hover, .news a:visited,
#leadtext a, #leadtext a:active, #leadtext a:hover, #leadtext a:visited
{
background:url("style-graf/link-arrow.gif") no-repeat 2px 4px;
padding:0px 0px 0px 18px;
color: #000000;
}

/* ===== Bilder im Allgemeinen sollen linksbündig aber mit Hintergrund sein
*/

.material img, .news img {
margin: 1px;
padding: 1px;
background-color: #4B6282; /* blau  #775C53;  braun */
border: 0px solid: #4B6282; /* blau */
}

/* ======= NEWS ================================*/

.news{
margin: 6px 6px 15px 6px;
padding: 0px;
background-color:#F4FAFA;
}
.news h1{
Font-family:Trebuchet MS;
margin: 0px;
text-transform: uppercase;
padding: 5px 25px 4px 5px;
font-size: 12pt;
color: #000000;
background-color: #CBDCE4;
}

.news h2{
font-size: 10pt;
Font-family:Trebuchet MS;
margin: 0px;
padding: 2px 2px 2px 5px;
}

.news .datum{
display:block;
padding: 2px;
background-color:#F4FAFA;
font-size: 9pt;
font-family: Trebuchet MS, sans-serif;
text-align: left;
}


.news p{
margin: 0px;
font-size: 10pt;
Font-family:Trebuchet MS;
padding: 7px 8px 4px 8px;
text-align: justify;
}

.news ul{
font-size:10pt;
Font-family:Trebuchet MS;
}
.news li{
padding: 5px 9px;}


/* ======= Material
die Box für die Materialien zu dem jeweiligen Podcast ================================*/

.material{
margin: 6px 6px 15px 6px;
padding: 0px;
background-color:#F4FAFA;
}
.material h1{
font-size: 11pt;
Font-family:Trebuchet MS;
margin: 0px;
padding: 5px 25px 4px 5px;
font-size: 12pt;
color: #000000;
background-color: #CBDCE4;
}


.material .sendungs-id{
background:url("sunset-style-graf/news-grafik.gif") no-repeat 4px 4px;
display:block;
padding: 2px;
background-color:#F4FAFA;
font-size: 9pt;
font-family: Trebuchet MS;
text-align: left;
}


.material p{
margin: 0px;
font-size: 10pt;
Font-family:Trebuchet MS;
padding: 6px 6px 4px 6px;
text-align: justify;
}



/* ======= About ================================*/



#about{
margin: 36px 0px 0px 463px;
padding: 0px;
background-color:#F2FCFD;
}

#about h1{
Font-family:Trebuchet MS;
Font-size: 9pt;
text-align:center;
color:#4E6B8B;
}


#about .beschreibung
{
margin: 5px;
padding 4px;
Font-family:Trebuchet MS;
Font-size: 8pt;
Text-align:left;
background-color: #ECF7F9;
color:#4E6B8B;

}



/* ======= Footer ================================*/
/* ==========================================
Der Footer allgemein ===============================*/
#footer
{
clear: both;
margin: 0px;
padding: 0px;
background-color:#CBDCE4;
}


#footer a{
margin: 0px
padding 0px;}



.disclaimer{
font-size: 9pt;
color:#43607E;
font-family: Trebuchet MS;
margin: 0px;
padding: 5px;
text-align: center;
}