/*  =========================================================
DOMAIN
Datei: default.css
Media: screen, projection

Datum: 22. Oktober 2008
Autor: Stefan Schulz-Lauterbach
Mail:  stefansl@gmx.de
Web:   http://beautiful-day.de


1. Allgemeine Selektoren
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs

2. Layoutbereiche
   - Wrapper
   - Kopfbereich
   - Navibereich
   - Textbereich
   - Fussbereich

3. Spezielle Seiten
   - Kontaktformular

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html { /* In Firefox Rollbalken erzwingen, Little Boxes S. 77 */

}

div {
    /*border: 1px solid green !important;*/
}



body {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
}

:focus {
	outline: 0;
}

/* ===============================
   =Block-Elemente
=============================== */

h1 {
    font-size: 150%;
    font-family: Georgia, serif;
}

h2 {
    font-size: 130%;
    margin-bottom: 1em;
}

h3 {
    font-weight: bold;
    color: #18a2d9;
    margin-bottom: 15px;
}



p, ul, ol {
    margin: 0 0 1em 0;
}

ol, ul {
    list-style: none;
}


/* Tabellen brauchen immernoch 'cellspacing="0"' im HTML! */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
    	content: "";
    }


/* ===============================
   =Inline-Elemente
=============================== */
strong {
    font-weight: bold;
}



a {
    color: #18a2d9;
    text-decoration: none;
}

    a:hover {
        color: #171E4A;
    }

em {
    font-style: italic;
}



/* ===============================
   =Classes allgemeiner Art
=============================== */
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

.kleinschrift {
    font-size: 10px;
}

.accessibility,
.invisible {
    display: none;
}

.floatl {
    float:left;
    padding: 3px;
    /*border: 5px solid #ccc;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.floatr {
    float:right;
    padding: 3px;
    /*border: 5px solid #ccc;*/
    margin-bottom: 10px;
    margin-left: 10px;
}

.clearer {
    clear: both;
}


/* ========================================

  =2. LAYOUTBEREICHE

========================================= */

#pagewrapper {
    text-align: left;
    font-size: 72%;
    line-height: 1.4em;
    color: #233035;
}


/* ===============================
   =KOPFBEREICH
=============================== */
#logo {
    background: url('../../tl_files/gfx/logo_wasserski_langenfeld.gif') no-repeat;
    width:382px;
    height: 111px;
    margin-bottom: 20px;
}






    #logo span {
        display: none;
    }



/* ===============================
   =NAVIBEREICH
=============================== */

 /* siehe
    dropdown_style.css,
    dropdown_ie6.css,
    dropdown_ie7.css
 */



.nav_wrapper #mod_navigation {
    display: none;
}



/* ===============================
   =TEXTBEREICH
=============================== */
#content {
    width: 100%;
    font-size: 12px;
}

#content_titel {
    float: left;
    overflow: visible;
    margin: 60px 30px 0 0;
}


    #content h1 {
        display: block;
        line-height: 1;
        border-bottom: 1px dashed #6d6b68;
        padding: 0 0 13px 0;
        margin: 0 0 25px 0;
        color: #233035;
        font-size: 180%;
        font-weight: bold;
        clear: both;
    }

    #content h2 {
        color: #233035;
        font-size: 15px;
        font-weight: bold;
    }
    #content hr {
        height: 1px;
        border: none;
        border-bottom: 1px dashed #6d6b68;
    }


    #content .mod_article .ce_text,
    #content .mod_subscribe,
    #content .mod_unsubscribe {
        margin-bottom: 20px;
    }





    .BoxStyle {
        border: 1px solid #e2e2e1;
        padding: 15px;
        background-color: #fff;
        clear: both;
    }

    .BoxStyle table,
    #content .Card_Col1 table,
    #content .Card_Col2 table,
    #content .Card_Col_full table {
        width: 100%;
        margin: 0 0 0 0;
    }
        .BoxStyle table thead th,
        #content .Card_Col1 table thead th,
        #content .Card_Col2 table thead th {
            background-color: #272727;
            border-bottom: 2px solid #fff;
            padding: 0 7px 0 7px;
            color: #fff;
            font-weight: bold;
            border-collapse: separate;
        }
        #content .Card_Col1 table td,
        #content .Card_Col2 table td,
        #content .Card_Col_full table td,
        .BoxStyle table td {
            background-color: #eae9e4;
            padding: 0 6px;
            border-bottom: 2px solid #fff;
            border-collapse: separate;
        }


    #content .image_container {
        padding: 7px;
        border: 1px solid #ebebeb;
        width: auto;
        background-color: #fff;
        margin: 0 22px 22px 0;
        float: left;
        line-height: 1 !important;
    }



/* PREISE - BOXES */
    #content .Card_Col1,
    #content .Card_Col2,
    #content .Card_Col_full {
        background-color: #fff;
        font-size: 12px;
        padding: 19px;
        line-height: 1.4em;
        border: 1px solid #ebeae8;
        text-align: left;
        overflow: hidden;
    }
        #content .Card_Col1 h2,
        #content .Card_Col2 h2,
        #content .Card_Col_full h2 {
            font-size: 14px !important;
            margin-bottom: 10px;
        }
        #content .Card_Col1 h3,
        #content .Card_Col2 h3,
        #content .Card_Col_full h3 {
            font-size: 12px !important;
        }
        #content .Card_Col1 .ce_text,
        #content .Card_Col2 .ce_text,
        #content .Card_Col_full .ce_text {
            clear: none !important;
        }
        #content .Card_Col1 .image_container,
        #content .Card_Col2 .image_container,
        content .Card_Col_full .image_container {
            margin: 0 16px 10px 0;
        }

        #content .Card_Col1{
            width: 297px;
            clear: left;
            float: left;
        }

        #content .Card_Col2 {
            width: 297px;
            clear: right;
            float: right;
        }

        #content .Card_Col_full{
            clear: both;

        }



/* KALENDER */
    #content .mod_calendar table.calendar {
        width: 100%;
        border: 1px solid #e2e2e1;
        padding: 7px;
        border-spacing: 2px;
        background: #fff;
    }
        #content .mod_calendar table.calendar th.head {
            background-color: #272727;
            padding: 0 0 0 7px;
            color: #fff;
            font-weight: bold;
        }
            #content .mod_calendar table.calendar th.head a {
                color: #fff;
            }

        #content .mod_calendar table.calendar td {
            background-color: #eae9e4;
            width: 90px;
        }
             #content .mod_calendar table.calendar td.days {

            }



/* FOTOGALERIE */

    a.teaser{
        display: block;
        width: 196px;
        display: block;
        padding: 7px;
        font-size: 0.9em;
        line-height: 1.3em;
        border: 1px solid #ebeae8;
        background-color: #fff;
        overflow: hidden;
        float: left;
        margin: 0 30px 30px 0;
        color: #000;
    }
        a.teaser h2 {
            background: url(../../tl_files/gfx/pfeil_blau.gif) no-repeat 4px 8px;
            font-size: 12px !important;
            font-weight: bold;
            padding: 4px 0 0 22px;
            margin: 0 0 5px 0;
        }

        a.last {
            margin-right: 0;
        }



    .ce_gallery table {
        width: 100%;
        margin-bottom: 20px;
    }

    .ce_gallery table td {
        padding: 8px 0;
    }



    .ce_gallery td .image_container {
        margin: 0 !important;
    }



        #content .ce_gallery td.col_last .image_container {
            margin-right: 0;
        }





/* VIDEO ce_ce_jw_media */

.ce_jw_media_container {
    margin-bottom: 10px;
}

    #videos .ce_ce_jw_media {
            width: 300px;
            height: 290px;
    }

    .ce_ce_jw_media {
            padding: 7px 7px 15px 7px;
            border: 1px solid #ebebeb;
            background-color: #fff;
            margin: 0 22px 22px 0;
            float: left;
            overflow: hidden;

    }

    .ce_ce_jw_media h3{
        margin-bottom: 5px;
    }






/* ROUTENPLANER */

.mod_routenplaner {
        padding: 7px;
        background: #fff;
        width: auto;
}



.mod_routenplaner table{
    border: none;
    border-spacing: 2px;
}

    .mod_routenplaner td {
        padding: 2px 7px;
    }

    .mod_routenplaner .inputbutton {
        width: auto;

        color: transparent;
        border: none;

    }



/* RECHTE SPALTE */

#sidebar {     
    width: 98%;
    margin: 0px 0 0 0;
}

#oeffnungszeiten {
}








/* ===============================
   =FUSSBEREICH
=============================== */

#footer {
    padding: 10px 0 0 0;
    margin: 0 0 30px 0;
    border-top: 1px dashed #6d6b68;
    clear: both;
    font-size: 11px;
    overflow: hidden;
}



/* ===============================
   =sIFR-Formatierungen
=============================== */

.sIFR-flash {
	visibility: visible;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 20px;
}

/* ===============================

   =3. Spezielle Seiten

=============================== */


#sitemap {

}

    #sitemap ul li {
        float: left;
        width: 110px;
        margin: 0 30px 15px 0;
    }
    #sitemap ul li.first {
        display: none;
    }
    #sitemap ul li.last {
        margin-right: 0px;
    }

    #sitemap .level_2 {
        margin-top: 15px;
    }



    #sitemap ul {

    }

    #sitemap ul a {
        font-weight: bold;
        color: #233035;
    }
        #sitemap ul ul {


        }
            #sitemap ul ul li {
                float: none;
                margin-bottom: 10px;
            }
            #sitemap ul ul li.first {
                display: block;
            }
            #sitemap ul ul a {
                font-weight: normal;
                color: #18A2D9;
            }
            #sitemap ul ul a:hover {
                color: #000;;
            }



/* ===============================
   Kontaktformular
=============================== */

form {
    margin: 0;
}



    .formbody {
        overflow: hidden;
        margin-bottom: 20px;
    }

        .formbody table td {
            vertical-align: top;
            padding: 0 0 10px 0;

        }

            .formbody span.mandatory {
                color: #18a2d9;
            }



        .formbody td.col_0 {
            width: 100px;
            font-weight: bold;
        }

            .formbody .error {
                color: #18a2d9;

            }


    label {
        display: block;
        float: left;
    }


    input,
    select,
    textarea { /* Alle Labels UND Formularelemente auswählen */
        width: 250px; /* Breite.*/
        border:  	 1px solid #d5d3cd;
        background-color: #f2f0f0;
    }

    textarea {
        height: 150px;
    }


        input.submit { /* den Submit-Button */
            width: auto;
            border: none;
        }

    form br { /* Alle Zeilenumbrüche in Formularen auswählen */
      clear: left; /* das floating der labels und inputs aufheben */
    }






/* EoF */