/*
-----------------------------------------------
Jimdo Surfer Template, User CSS
Author: Y.Kollega
Version: Aug 07
----------------------------------------------- */

/*  Typo, Links, Headlines
----------------------------------------------- */



h1
{
    margin:0;
    font-weight:bold;
    font-size:20px;
    line-height:150%;
}


h2
{
    margin:0;
    font-weight:normal;
    font-size:12px;
    line-height:150%;
    text-transform:uppercase;
}


h3
{
    margin:0;
    font-weight:normal;
    font-size:11px;
    line-height:150%;
}


/*  CSS Layout
----------------------------------------------- */


div#cc-tp-padding-container {
    position: relative;
    padding:0px 0px;
    text-align:center;
}


div#verlauf
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:550px;
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/body_bg.png');
}


html>body div#verlauf { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/body_bg.png); }


div#all
{
    position:relative;
    width:980px;
    margin:0 auto;
    padding-top:20px;
    text-align:left;
}


div#schatten_oben
{
    width:980px;
    height:70px;
    background-repeat:no-repeat;
    background-position:0 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt_oben.png');*/
}


html>body div#schatten_oben { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt_oben.png); }


div#schatten_mitte
{
    width:980px;
    text-align:center;
    background-repeat:repeat-y;
    background-position:0 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt.png');
}


html>body div#schatten_mitte { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt.png); }


div#container
{
    position:relative;
    top:-30px;
    width:900px;
    margin:0 auto;
    padding-top:222px; /* Navi, Content und Sidebar liegen in Wrapper, der hiermit erst unter den Headern beginnt. */
    text-align:left;
    background:black;
}


div#schatten_unten
{
    position:relative;
    width:980px;
    height:70px;
    background-repeat:no-repeat;
    background-position:0 0;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt_unten.png');
}


div#schatten_unten
{
    /* Ohne diesen Hack ensteht im IE5er 1px Margin */
    top:-1px; /* Deklaration fuer IE 5.x */
    voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
    voice-family:inherit;
    top:0px; /* Korrektur fuer andere Browser */
}


html>body div#schatten_unten { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/glueh_effekt_unten.png); }


/* Header Links und Rechts ueberlagern Headerbild, was widerum die Headerfarbe ueberlagert */
div#emo
{
    z-index:4;
    position:absolute;
    top:0;
    left:0;
    width:900px;
    text-align:left;
    background-color:#A1B7CC;
}


/* Box zum Emo-Header/Titel ändern liegt sonst hinter der Navi */
div#emo .iframe { position:absolute; top:245px; left:0; }


div#header_links
{
    z-index:5;
    position:absolute;
    top:126px;
    left:0;
    width:410px;
    height:119px;
    text-align:left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/header_links.png');
}


html>body div#header_links { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/header_links.png); }


div#header_rechts
{
    z-index:6;
    position:absolute;
    top:0;
    left:410px;
    width:490px;
    height:245px;
    text-align:left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/header_rechts.png');
}


html>body div#header_rechts { background-image:url(https://u.jimcdn.com/cms/o/layout/lae0470b650fba00d/img/header_rechts.png); }


div#navigation
{
    width:480px;
    margin-top:2px;
    text-align:left;
    list-style-type:none;
}


div#wrapper
{
    z-index:3;
    position:relative;
    width:900px;
}


div#content
{
    width:610px;
    float:left;
    text-align:left;
    border-right:1px solid #222;
    border-top:1px #222 solid;
}


div#contentfooter
{
    margin-top:15px;
    border-top:1px #222 solid;
}



div#sidebar
{
    width:240px;
    float:left;
    text-align:left;
    margin-left:-1px; /* Damit der Border zwischen Content und Sidebar 1px breit ist */
    border-left:1px solid #222;
    border-top:1px #222 solid;
}


div#jimdobox
{
margin-bottom:30px;
}


/* Gutter zum browser-unabh. Positionieren der Elemente */
div#wrapper 	.gutter { padding:20px 20px 20px 20px; }
div#navigation	.gutter { padding:0px 0px 20px 0px; }
div#content 	.gutter { padding:10px 20px 20px 0px; }
div#sidebar 	.gutter { padding:20px 20px 20px 20px; }







/*  Navigation
----------------------------------------------- */


ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
    width:480px;
    margin:0;
    padding:0;
    list-style-type:none;
}


/* Clearen der Floats aus den A-Tags */
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } /* Firefox and all */


* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } /* IE */


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
    display:inline;
    margin:0;
    padding:0;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { color:#777; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { color:#555; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { color:#333; }


ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
    display:block;
    float:left;
    margin:0 14px 2px 1px;
    padding:3px 3px 3px 3px;
    font-weight:normal;
    text-decoration:underline;
    white-space:nowrap;
}


ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current { color:#FFF; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
    color:#FFF;
    text-decoration:none;
}