/******************************************************************

www.dreisechzehn.de

Standard-Formate
Stand: 2008-02-15

*******************************************************************/

body {
    margin: 0;
    font-family: Verdana, "Times New Roman";
    font-size: 13px;
    text-align: center;
}

.clear {
    clear: both;
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 0;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote {
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 22px;
    font-family: Georgia;
    color: #23345F;
}

h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

h5 {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

p {
    display: block;
    margin-top: 10px;
}

p:first-child {
    margin: 0;
}

blockquote {
    font-style: italic;
}

blockquote div {
    font-style: normal;
    color: black;
    font-size: 12px;
    font-family: Verdana;
}

a {
    color: #23345F;
    text-decoration: underline;
}

a:hover {
}

/* see http://www.drweb.de/html/q.shtml */
q {
     quotes: '' '';
     font-style: italic;
}

li {
    margin-bottom: 4px;
}


/******************************
 Header
*******************************/
#header-wrapper {
    text-align: center;
    padding: 0;
    margin: 10px auto 0 auto;
    background: url(_image/navigation_bar.gif) no-repeat top;
}


#header-wrapper img {
    border: 0;
    margin: auto;
}

/* Navigation */
#navigation {
    margin-top: 18px;
    height: 30px;
}

/* CSS-Hack IEx */
* html #navigation {
    margin-top: 15px;
}


#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 9px 0 0 0;
    font-size: 0; /* für Firefox, ansonsten übernimmt er Größe von body für was auch immer - seh ich als Bug  */
}

* html #navigation ul {
    padding: 10px 0 0 0;
}

#navigation li {
    display: inline;
    white-space: nowrap;
    font-size: 11px;
    font-family: Georgia;
    text-transform: uppercase;
    padding: 0 0 0 17px;
}

#navigation li.first-item {
    padding-left: 0;
}

#navigation a {
    color: #565E8A;
    text-decoration: none;
}

#navigation a:hover,
#navigation a.active-item {
    color: #EE7000;
}

#navigation a.active-item {
    font-weight: bold;
}

/******************************
 Footer
*******************************/
#footer-wrapper {
    padding: 10px;
    margin-bottom: 10px;
}

#footer-wrapper blockquote {
    background: url(_image/back_footer.jpg) repeat-y top;
    padding: 10px 0 10px 0;
    margin: 0;
    font-family: Georgia;
    color: #23345F;
}

#footer-wrapper blockquote div {
    margin-top: 4px;
    font-size: 11px;
}

#footer-info-bar {
    width: 740px;
    margin: 5px auto 0 auto;
    text-align: right;
    font-size: 10px;
    color: #666;
}

#footer-info-bar img {
    vertical-align: middle;
}

/******************************
Content
*******************************/
#banner {
    margin-top: 5px;
}

#content-wrapper {
    border: 0px solid black;
    width: 740px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

#content-summary {
    font-size: 14px;
    color: #333;
    font-family: Georgia;
}

#content-summary p {
    line-height: 150%;
}

#content-wrapper-left,
#content-wrapper-right {
    float: left;
}

#content-wrapper-left {
    width: 300px;
}

#content-wrapper-right {
    width: 400px;
    padding-left: 37px;
    margin: 10px 0 0 0;
}

/******************************
Seite: Start
*******************************/
#start #content-wrapper-left,
#start #content-wrapper-center,
#start #content-wrapper-right {
    float: left;
    width: 254px;
    border: 2px solid #E4E4E6;
    margin: 0 15px 0 0;
}

#start #content-wrapper-left,
#start #content-wrapper-right {
    padding: 4px 0 4px 0;
}

/**** Teaser ****/
#start #content-wrapper .teaser-wrapper {
    clear: both;
    height: 70px;
    padding: 0 8px 0 5px;
}

#start #content-wrapper .teaser-wrapper a {
    text-decoration: none;
}

#start #content-wrapper .teaser-wrapper h3 {
    padding-top: 2px;
    font-size: 15px;
}

#start #content-wrapper .teaser-wrapper h3 a {
    color: #283152;
}

#start #content-wrapper .teaser-wrapper div {
    margin: 0;
    padding: 2px 0 0 0;
    font-size: 11px;
}

#start #content-wrapper .teaser-wrapper div a {
    color: #666;
}

#start #content-wrapper .last-teaser {
    margin-top: 0px;
    height: 55px;
}
/*** / Teaser ***/

#start #content-wrapper-right {
    margin-right: 0;
}

#start #content-wrapper-center {
    width: 190px;
}

#start #content-wrapper-left img,
#start #content-wrapper-right img {
    display: block;
    margin: 0 5px 0 0;
    float: left;
}

/******************************
Seite: Über
*******************************/
#ueber-3-16 #verse {
    margin-bottom: 20px;
    color: #23345F;
    font-family: Georgia;
    font-size: 18px;
    line-height: 150%;
}

#ueber-3-16 #verse div {
    text-align: left;
    font-size: 11px;
}

#ueber-3-16 #video-wrapper {
    margin-bottom: 25px;
    font-size: 10px;
}

#ueber-3-16 #video-wrapper div {
    margin-top: 5px;
}

#ueber-3-16 #video {
    display: block;
    border: 1px solid #ccc;
}

/******************************
Seite: Stimmen
*******************************/
#stimmen #content-wrapper-right blockquote {
    display: block;
    margin-bottom: 30px;
}

#stimmen #content-wrapper-right blockquote div {
    margin-top: 4px;
    text-align: right;
    font-weight: bold;
    color: #444;
}

/******************************
Seite: Podcast
*******************************/
#podcast #content-wrapper-right img {
    float: left;
    margin-right: 10px;
}

#podcast-list ul li span {
    font-size: 11px;
}

/******************************
Seite: Downloads
*******************************/
#downloads #content-wrapper-right li span {
    font-size: 11px;
}

#downloads .wallpaper-section {
    float: left;
    margin-bottom: 25px;
}

#downloads h5 {
    font-size: 13px;
    margin: 14px 0 5px 0;
}

#downloads #download-videos img {
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
}

#downloads #download-videos ul li {
    clear: both;
    margin-bottom: 15px;
}

#downloads .wallpaper-section img {
    float: left;
    margin-right: 15px;
    border: 1px solid #ccc;
}

#downloads #content-wrapper-right ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#downloads .download-section {
    margin-top: 30px;
}

#downloads .download-section p {
    margin-bottom: 5px;
}

#downloads #download-readsample {
    margin: 0;
}

#downloads #download-readsample span,
#downloads #download-interview span {
    font-size: 10px;
}

#downloads #download-readsample img,
#downloads #download-interview img {
    margin: 0 5px 0 0;
    vertical-align: middle;
    float: left;
}

#downloads .help {
    margin: 10px 0 0 0;
    font-size: 11px;
}

/******************************
Seite: Produkte
*******************************/
.product-wrapper img {
    float: left;
    margin: 0 15px 5px 0;
    border: 0;
}

.product-wrapper {
    font-size: 12px;
    margin-bottom: 40px;
}

.product-wrapper .product-info {
    font-size: 10px;
    float: left;
}

.product-wrapper .product-link {
    text-align: right;
}

.product-wrapper .product-footer {
    margin-top: 10px;
}

#produkte .readsample-wrapper {
    margin-top: 10px;
}

#produkte .readsample-wrapper img {
    float: left;
    margin: 0 5px 0 0;
}

.songname {
    font-style: italic;
}


/******************************
Seite: Max-Lucado
*******************************/
#max-lucado .interview,
#max-lucado .interview-on {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    float: right;
    font-family: "Times New Roman";
    background-color: #fCfCfE;
    width: 380px;
}

#max-lucado .interview-on {
    width: 718px;
}

#max-lucado #interview-content {
    margin-top: 15px;
    display: none;
}

#max-lucado #interview h4 {
    font-size: 21px;
}

#max-lucado #interview p {
    font-size: 16px;
}

#max-lucado #interview p span {
    font-weight: bold;
    font-size: 17px;
}

#max-lucado #interview p.subheadline {
    font-weight: bold;
    font-size: 17px;
}

#max-lucado .interview-links {
    margin: 15px 0 0 0;
    border: 1px solid white; /* Damit zeigt der IEx keinen falschen Abstand mehr nach untern */
    font-size: 14px;
    font-weight: normal;
}

#max-lucado .interview-links img {
    margin: 0 5px 0 0;
    vertical-align: middle;
    float: left;
}

#max-lucado .interview-links .interview-link-pdf {
    float: left;
}

#max-lucado .interview-links  .interview-link-read {
    float: right;
}

#max-lucado #interview-source {
    font-style: italic;
}

/******************************
Seite: Kontakt
*******************************/
#kontakt #content-wrapper-right img {
    float: right;
    margin: 0;
}

#kontakt #com img,
#kontakt #content-wrapper-right noscript img {
    float: none;
    vertical-align: middle;
    margin-bottom: 2px;
}


#kontakt #com,
#kontakt #info,
#kontakt #content-wrapper-right noscript {
    font-size: 11px;
    line-height: 140%;
}

#kontakt #com span,
#kontakt #info span,
#kontakt #content-wrapper-right noscript {
    font-weight: bold;
}