@CHARSET "UTF-8";
@IMPORT "navigations.css";
/* 
    Document   : defaults
    Created on : Jan 5, 2010, 8:20:45 PM
    Author     : daniel
    Description:
        Default styles
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
}

/*Structure & General*/

html {overflow-y: scroll;}

body {
	font-family: 'DejaVu Sans','Lucida Grande', 'Lucida Sans Unicode', sans-serif;font-size: 14px; color: #111;
	line-height: 1.4em; vertical-align: bottom; font-weight: normal;
    background-color: #999;
    /*background: url(../images/bg-body.jpg) top left no-repeat fixed;*/
    text-align: center;
}

#body_bg {
    position: fixed; left: 0px; top: 0px; z-index: -1;
}

#wrapper {
    width: 749px; margin: 0px auto; /*background:url(../images/bg-wrapper-content.png) repeat-y top left;*/
    position: relative; text-align: left; /*z-index: 2;*/
}

#header {
    height: 567px;    
    background:url(../images/bg-wrapper-head.png) no-repeat top left;
}

#container {
    width: 749px;min-height: 600px; padding-bottom:10px; margin: 0px auto;
    background:url(../images/bg-wrapper-content.png) repeat-y top left;
    text-align: justify; color: #222;
}

#main {padding: 0px 10px 100px 45px; width: 440px; font-family: 'DejaVu Serif','Georgia', serif;}
.fullcontent #main { width: 650px; padding-right: 54px }

#right {
    height: 350px; width: 185px; position: absolute; top:567px; right:50px; padding: 0px 0px 0px 10px; overflow: visible;
    /*background: #ccc;*/
}

#logo {position: absolute; left: 30px; top: 50px;}
#icon-twitter {position: absolute; right: 320px; top: 270px;}
#icon-facebook {position: absolute; right: 260px; top: 350px; z-index: 200;}
    #icon-facebook #facebook {
        position: absolute; bottom: 0px; right: 30px; z-index: 210; display: none;
    }
    #icon-facebook:hover #facebook {display: block;}
#icon-feed {position: absolute; right: 65px; top: 200px;z-index: 100;}
#feeds {
    display: none;
    position: absolute; border: 2px solid #cc0000; padding: 10px; bottom: 30px; right: 30px;
    background: #fff; z-index: 110; width: 300px;
}
#icon-feed:hover #feeds {display: block;}
#feeds ul {
    margin-left: 25px;
    list-style-image: url(../images/feed-icon-16x16.png);
}
#foto-container {
    position: absolute; left: 22px; top: 260px; z-index:10;width: 370px; height: 300px;
    /*background: url(../images/foto-container.png) no-repeat;*/
}


.invisible {display: none !important;}


/* Tags */
h1, h2,h1 a, h2 a {
    font-size: 1.2em; font-weight: bold; color: #000;
    text-shadow:    0 -1px 1px #aaa, 1px 0 1px #aaa, 0px 1px 1px #aaa, -1px 0 1px #aaa;
}
h1 a:hover, h2 a:hover {
    color: #cc0000;
    
}
h2, h2 a {font-size: 1.1em; color: #cc3333;}
h3 {font-size: 1.1em; font-weight: bold;margin-bottom:0.4em}
h2 a:hover {color: #cc0000;}
h1, h2, a { text-decoration: none;}
h1 {margin-bottom: 0.8em;}
h2 {margin-bottom: 0.4em;margin-top: 0.4em;}
#main h1:before {content: "\00BB\0020"; display: inline; color: #cc0000; font-size: 16px; vertical-align: top;}
#main h2:before {content: "\00BB\00BB\0020"; display: inline; color: #cc0000; font-size: 16px; vertical-align: top;}
#main h1:after, #main h2:after {/*content: "\0020\00AB"; display: inline; color: #cc0000; font-size: 16px; vertical-align: top;*/}

a {color: #111;}
#right a {text-shadow:    0 -1px 1px #ccc, 1px 0 1px #ccc, 0px 1px 1px #ccc, -1px 0 1px #ccc;}
em {font-style: italic;}

p a, .ce_text a, .hyperlink_txt {border-bottom: 2px solid #cc9999; }
#container a:hover, .hyperlink_txt:hover {border-bottom: 2px solid #cc0000; text-shadow: 0 0 3px #cc0000;}

.hyperlink_txt:before {content: "\00BB\0020"; color: #cc6666;}
.hyperlink_txt:after {content: "\00A0\00A0\00A0"; color: #cc6666;}
.hyperlink_txt:hover:before {content: "\00BB\0020"; color: #cc0000;}
.hyperlink_txt:hover:after {content: "\0020\00AB"; color: #cc0000;}
p a[rel="lightbox"], .image_container a[rel="lightbox"] {
    display: block; padding: 10px; width: 476px; height: 357px; line-height: 0px;
    background: url(../images/bg-fotocontainer.png) top left no-repeat; border: 0px; margin-left: 77px;
}
p a[rel]:hover {border: 0px;}
#main .image_container a:hover {border: 0px;}

#main .inside > .mod_article:first-child .layout_latest:first-child .image_container,
#main .mod_newsreader .ce_text .image_container:first-child,
#page-image
    {position: absolute; z-index: -1; top: 280px; left: 22px;}
#main .mod_newsreader .ce_text .image_container:first-child a {
    padding: 0px !important; margin: 0px !important;background: none;
}
#main #nachrichten-latest .first .image_container, #main #nachrichten-latest .first .info {display: block;}
#main #nachrichten-latest .image_container, #main #nachrichten-latest .info {display: none;}

p {margin-bottom: 0.8em; color: #222; text-shadow: 0 0 1px #aaa; }
strong {font-weight: bold; color: #444;}

#main ul { list-style: outside url(../images/Daniel84-32x16.png); margin: 1em 48px; }
#main ul li {text-shadow: 0 0 1px #aaa, 0 0 1px #aaa;}

/*Content Elements & Modules*/

.mod_newsreader .layout_full .info, .layout_latest .info {
    position: absolute; top: 250px; left: 40px; color: #cc0000; opacity: 1; font-style: italic;
    text-shadow: -1px 0 1px #ccc, 1px 0 1px #ccc, 0px 1px 1px #ccc, 0 -1px 1px #ccc;
}

p.info {margin-bottom: 0;color: #000; font-family: Georgia, serif; opacity: 0.5;}
p.more, p.back {font-size: 0.9em;}

.layout_short {margin-bottom: 2em;}
.layout_simple {font-style: italic;}
.layout_simple a{font-style: normal;}

/*Comments*/
.comment_default {margin-bottom: 1em;border: 2px solid #cc0000; background: #fff; padding: 10px;
}

/*Forms*/
input, textarea {
    border: 1px solid #cc6666; color: #cc6666;display: block; float: left;
    margin-right: 10px; margin-bottom: 5px; background: #fff;
}
input:focus, textarea:focus {color: #333;}
.formbody .widget, .submit_container {clear: left;}
.submit_container input {padding: 2px; font-weight: bold;}
.submit_container input:hover {color: #cc0000; cursor: pointer;}

.form {display: block; clear: both; margin-bottom: 20px;}
input[type="hidden"] {visibility: hidden;}

/* Pages */

/**Termine**/
#main .mod_eventlist {margin-bottom: 1.5em; text-align: left;}
#main .mod_eventlist .date {
    width: 100px; margin-right: 10px; padding-right: 10px; float: left; font-size: 12px; text-align: right;
    border-right: 2px solid #fff; padding-bottom: 1px;
}
#main .mod_eventlist .event_upcoming {
    background: #cc0000; border-bottom: 2px solid #fff; color: #fff; padding: 1px 0px; clear: left;
    height: 20px; border: 1px solid #000; margin-top: -1px; text-shadow: 0 0 3px #fff;
}
#main .mod_eventlist a {color: #fff; display: block; float: left; }
#main .mod_eventlist .event_upcoming:hover {
    padding-bottom: 0px; background: #fff; border-bottom: 2px solid #333; color: #cc0000; text-shadow: 2px 0 3px #000;
}
#main .mod_eventlist .event_upcoming:hover a{color: #cc0000; }
#main .mod_eventlist .event_upcoming a:hover{border: 0px;}

.mod_eventreader {
    border: 2px solid #cc0000; background: #fff;
    padding: 10px; margin-bottom: 10px;
}

/* Sponsoren */
#sponsoren .caption { padding: 0px 0px 20px 15px; font-style: italic; font-size: 12px; line-height: 14px; width: 280px; }


#link-archive {position: absolute; top: 440px; left: 390px;}

/*Calender*/
#calendar-mini {
    position: absolute; left: 499px; top: 261px; font-weight: bold;
    font-size: 14px; font-family: monospace; text-align: center;
    width: 175px; height: 150px; padding: 4px;
    background: url(../images/bg-calendar.png) no-repeat top left;
}

#calendar-mini table {
    width: 175px; table-layout: auto; border-collapse: collapse; height: 150px; overflow: hidden;
}

#calendar-mini table th {
    background: #cc0000; color: #fff; border: 1px solid #cc0000;
}

#calendar-mini table td {
    text-align: center;
    border: 1px solid #666;
    background: #fff;
}

#calendar-mini table td.active{
    background: #fff;
}
#calendar-mini table td.active a{
    color: #cc0000; font-weight: bold;
}

#header .upcoming {
    position: absolute; left: 390px; top: 470px;
    font-family: Georgia, serif; color: #cc0000;
}

#header .upcoming .date {text-align: left; width: auto;margin-right: auto;text-shadow: 0 0 1px #cc6666}
#header .upcoming a {margin-left: 7px;color: #333;text-shadow: 0 0 1px #000;opacity: 0.7}
#header .upcoming a:hover {text-shadow: 0 0 1px #000;opacity: 1}
#header .upcoming a:before {content: "\00BB\0020"; color: #cc0000;text-shadow: 0 0 1px #cc6666;}
#header .upcoming a:hover:before {content: "\00BB\0020"; color: #cc0000;text-shadow: 0 0 1px #cc6666;}
#header .upcoming a:hover:after {content: "\0020\00AB"; color: #cc0000;text-shadow: 0 0 1px #cc6666;}

#header #upcoming-seriensport a:before {content: "Seriensport: "}
#header #upcoming-training {top: 490px;left: 396px;}
#header #upcoming-training .event_upcoming:first-child {position: relative; left: -5px;}


#right .navi-categories ul, .mod_newsmenu ul {list-style: inside; list-style-type: none;margin-bottom:1.2em;}
#right .navi-categories ul li:before, .mod_newsmenu ul.level_1 > li:before {
    content: "\00BB\0020"; color: #cc0000;
    text-shadow:    0 -1px 1px #aaa, 1px 0 1px #aaa, 0px 1px 1px #aaa, -1px 0 1px #aaa;
}
#right h1 {margin-bottom:0.4em;}

/* RSS twitter */
#rss-reader {
    width: 465px;height: 105px;
    position: absolute; top: 150px; left: 135px;
    overflow: hidden;
}
#rss-reader h3 {
    font-size: 12px; color: #cc0000; font-style: italic; height: 45px; text-align: center; width: 120px;
    position: relative; left: 165px; line-height: 18px;
    text-shadow: -1px 0px 2px #fff, 0px -1px 2px #fff, 1px 0px 2px #fff,0px 1px 2px #fff;
}
#rss-reader .rss_items_only {
    width: 465px;height: 40px;
    position: absolute;left: 465px;top: 55px;
}
#rss-reader .rss_items_only.first{left: 0;}

#rss-reader .rss_items_only a{
    font-size: 10px; color: #fff !important;
    text-shadow: 0 0px 1px #ccc; line-height: 10px !important;
}

/* Ajax */
#cts_ajax_loading {
    position: fixed; width: 100%; height: 100%;
}
#cts_ajax_loading_overlay {
    position: absolute; left: 0; top: 0;
    height: 100%; width: 100%; background: #333;
    opacity: 0.75;
}
#cts_ajax_loading h1 {
    background: url(../images/logo-Daniel84.png) no-repeat 0px 30px;
    width: 240px;height: 162px; position: absolute;
    top: 50%; left: 50%; margin-left: -120px; margin-top: -66px;
}