/*******
AUTHOR 	: Dominik Hermann
URL 	: http://www.löwenminies.de
UPDATE	: Sonntag, den 25. April 2010
CSS, Syles und Grafiken sind Eigentum von Löwenminies.de!
Copyrights by löwenminies.de
*******/

* {   /*oberer Rand FF debug - alg. Browser debuger */
   margin: 0;
   padding: 0;
}
html, body {
    margin: 0;
    padding-top: 0;
    padding-bottom: 50px;
    text-align: center;     /*IE!!!*/
    background: #F7A2C9 url(../img/page/header_back.jpg) repeat-x;
}
body {
    font: 14px arial, sans-serif;
}
p {
    margin: 0 5px 5px;
}
a {
    color: gray;
}
a:hover {
    color: #FF00FF;
    text-decoration: none;
}
/*Seiten Container*/
div#container {
    background: url(../img/page/tabelle_rand_links.jpg) repeat-y;
    position:relative;
    text-align:left;  /*IE!!!*/
    width: 85%;
    margin: 0 auto;    /*IE!!!*/
    padding: 0;
}
/*Header*/
#header {
    background: #FF4DCF;
    background: url(../img/page/header.jpg) repeat-x;
}
#header img {
   position:relative;
   left: 180px;
   top: 73px;
    right: 0;
    bottom:0;
}
.header_left {
    width: 164px;
    background: #FF4DCF url(../img/page/header_links.jpg) no-repeat;
}
.header_mitte {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    width: 100%;
}
.header_right {
    position:relative;
    float:right;
    width: 50px;
    background: #FF4DCF url(../img/page/header_rechts.jpg) no-repeat;
}
.header_left, .header_mitte {
    position: absolute;
}
.header_left, .header_mitte, .header_right, #header {
    height: 221px;
}
/*oberes Navi*/
#navi_oben {position:relative;left:50px; top:191px; right:0; bottom:0; width: auto;}
#navigation ul {list-style-type: none;}
#navigation li {padding: 11px 0px; display: inline;margin-left:-1px;}
#navigation a {
    color: #FFF;
    background-color:#F01F73;
    padding: 6px 20px;
    text-decoration: none;
    border-left:1px solid #FF2396;
    border-right:1px solid #FF2396;
}
#navigation li a:hover {
    background-color:#FCEEF4;
    color: #66004B;border-bottom:2px solid #FCEEF4;
}
#navigation li a:active, #navigation li a:focus {
    background-color:#FCEEF4;
    color: #66004B;
}
/*Innerer Table*/
#menu_table1 {
    font-size: 12px;
    background: #FCEEF4;
    text-align: justify;
    line-height: 16px;
    margin-right:60px;      /* !!!Navi rechts ausgeschaltet --->  margin-right:50px; <---!!!!*/
}
#menu_table1_innen {
    padding: 0px 40px 0px 30px;  /* !!!Navi rechts ausgeschaltet ---> padding: 10px 60px 10px 0px;<---!!!!*/
    width: 10000px;           /* da ma nicht wundern!!! Breiteste Breite deffiniert*/
}
#menu_table2_innen {
    background: #FCEEF4;
    background-position: right;
    background-repeat:repeat-y;
    background-image:url(../img/page/tabelle_rand_rechts.jpg);
    margin-left:182px;
}
#menu_table1 img {
    /*float:right; */
    border: 1px solid silver;
    border-style:solid;
    margin: 5px;
    padding: 5px;
    background-color:#FFF;
}
/*Kategorien*/
.cat_left, .cat_right {
    /*background:#F06;*/
    color:#66004B;
    font-size:12.5px;
    font-weight:700;
    margin:0 16px 0 4px;
    padding:5px;
    background-repeat:repeat-x;
    background-image:url(../img/page/cat_header.jpg);
}
.cat_right {
    margin:0 4px 0 16px;
}
/*Navi Boxen*/
/*Menu Links*/
#left, #right {
        float: left;
        width: 187px;
        background: url(../img/page/nav_links.jpg) repeat-y;
}
#right {
        float: right;
        width: 187px;
        background: url(../img/page/nav_right.jpg) repeat-y;
}
#left ul, #right ul {
        list-style-type: none;
        text-indent: 8px;
        width: 170px;
        margin: 0;
        padding: 0;
}
#left li {
        border-bottom: 1px solid #FCEEF4;
        display: block;
        margin-left: 10px;
        margin-right: -10px;
        background: url(../img/page/cat.png) no-repeat 0 7px;
}/*Menu Rechts*/
#right li {
        border-bottom: 1px solid #FF2396;
        display: block;
        margin-left: 20px;
        background: url(../img/page/cat.png) no-repeat 0 7px;
}
#left li a, #left li a:link, #right li a, #right li a:link {
        color: #66004B;
        display: block;
        text-decoration: none;
        width: auto;
        padding: 5px;
}
#left li a:hover, #left li a:active, #left li a:focus, #right li a:hover, #right li a:active, #right li a:focus {
        color: #FFF;
        background: url(../img/page/cat.png) no-repeat 0 7px;
        font-weight:700;
}
#left_start {
        height: 26px;
        width: 187px;
        background: url(../img/page/nav_links_oben.jpg) no-repeat;
}
#left_end {
        height: 158px;
        width: 187px;
        background: url(../img/page/nav_links_end.jpg) no-repeat;
}
#right_start {
        height: 26px;
        width: auto;
        background: url(../img/page/nav_right_start.jpg) no-repeat;
}
#right_end {
        height: 26px;
        width: auto;
        background: url(../img/page/nav_right_end.jpg) no-repeat;
}
/*News*/
#news_header, #content_header {
height : 90px;
position : relative;
}
#news_header, #content_header {
height : 38px;
}
.news_header_text {
font-weight : 700;
margin-top : 20px;
padding : 0 40px;
width : auto;
}
.content_header_text {
font-weight : 700;
margin : 20px 35px 0 35px;
width : auto;
text-align : left;
text-indent : 12px;
font-size : 14px;
color : #66004b;
border-bottom : 1px solid #dcd1d7;
}
.news_header_left, .content_header_left {
height : 90px;
position : absolute;
width : 35px;
background : #efefef url(../img/page/news_links.jpg) no-repeat;
}
.content_header_left {
height : 38px;
background : #efefef url(../img/page/content_links.jpg) no-repeat;
}
.news_header_right, .content_header_right {
height : 90px;
position : relative;
float : right;
width : 35px;
background : #efefef url(../img/page/news_rechts.jpg) no-repeat;
}
.content_header_right {
height : 38px;
background : #efefef url(../img/page/content_rechts.jpg) no-repeat;
}
.news_header_mitte, .content_header_mitte {
height : 90px;
position : absolute;
width : 100%;
background : url(../img/page/news.jpg) repeat-x;
}
.content_header_mitte {
height : 38px;
background : url(../img/page/content.jpg) repeat-x;
}
#news_content, #content_content {
background : #fdf3f8;
background-image : url(../img/page/news_rechts_y.jpg);
background-position : right;
background-repeat : repeat-y;
float : left;
width : 100%;
height : auto;
}
#content_content {
background-image : url(../img/page/content_rechts_y.jpg);
}
.news_content_left, .content_content_left {
float : left;
height : auto;
width : auto;
background : url(../img/page/news_links_y.jpg) repeat-y;
}
.content_content_left {
background : url(../img/page/content_links_y.jpg) repeat-y;
}
#news_footer, #content_footer {
clear : left;
height : 38px;
position : relative;
}
.news_footer_left, .content_footer_left {
height : 38px;
position : absolute;
width : 35px;
background : #efefef url(../img/page/news_links_unten.jpg) no-repeat;
}
.content_footer_left {
background : #efefef url(../img/page/content_links_unten.jpg) no-repeat;
}
.news_footer_right, .content_footer_right {
height : 38px;
position : relative;
float : right;
width : 35px;
background : #efefef url(../img/page/news_rechts_unten.jpg) no-repeat;
}
.content_footer_right {
background : #efefef url(../img/page/content_rechts_unten.jpg) no-repeat;
}
.news_footer_mitte, .content_footer_mitte {
height : 38px;
position : absolute;
width : 100%;
background : url(../img/page/news_unten.jpg) repeat-x;
}
.content_footer_mitte {
background : url(../img/page/content_unten.jpg) repeat-x;
}
.news_date {
color : #66004b;
direction : rtl;
font-size : 11px;
font-style : italic;
margin-top : 0;
padding : 0 60px;
width : auto;
}
.news_text {
line-height : 16px;
padding-left : 25px;
padding-right : 25px;
margin-top : 60px;
}
.content_text {
line-height : 16px;
padding-left : 20px;
padding-right : 22px;
margin-top : 10px;
}
/*Blättern*/
#blaettern {
    float: right;
    font-size: 12px;
    margin-top: 30px;
    margin-right: -60px;
    width: 100%;
    padding: 0 5px 5px;
    background: #C9DB54;
    color: #66004B;
    cursor:pointer;
    font-weight:700;
}
#blaettern a {
    text-decoration: none;
    color: #66004B;
    background: #FCEEF4;
    padding: 1px 5px;
}
#blaettern a:hover, a:active, a:focus {
    color: #66004B;
    background: #F7A2C9;
    padding: 4px 5px;

}
/*Listen*/
#liste ul li {
    list-style-type: none;
    margin: 4px;
    text-indent: 12px;
    white-space: normal;
    background: url(../img/page/list.png) no-repeat 0 3px;
}
/*Footer*/
#footer {
    clear: both;
    height: 45px;
    position: relative;
    background: url(../img/page/footer.jpg) repeat-x;
    margin-left:-182px;
}
.footer_left {
    height: 45px;
    position: absolute;
    width: 64px;
    background: url(../img/page/footer_links.jpg) no-repeat;
}
.footer_mitte {
    height: 45px;
    position: absolute;
    width: 100%;
}
.footer_right {
    height: 45px;
    position:relative;
    float:right;
    width: 60px;
    background: url(../img/page/footer_rechts.jpg) no-repeat;
}
.copy {
        /*color: #FCEEF4;*/
        color:#66004B;
        direction: rtl;
        font-size: 11px;
        margin: 12px 7% 0 0;
        text-align: right;
}
.copy a {
        color: #66004B;
        font-style: italic;
        text-decoration: none;
}
.copy a:hover, a:active, a:focus {
        color: #FCEEF4;
        text-decoration: none;
}
input, textarea {
        border: 1px solid silver;
        width: auto;
        background: #FFF url(http://www.jaysalvat.com/_images/bg-form.png) repeat-x;
        color: #66004B;
}
label, input, select {
        display: block;
        float: left;
        padding: 4px;
        margin: 4px;
        width: auto;
}
form br {
        clear: left;
}
input#submit {
        float: right;
        border: 1px solid silver;
        padding: 4px;
        margin-top: 10px;
        width: auto;
}
label {
        text-align: right;
        padding-right: 5px;
        width: 120px;
        color: gray;
        border-bottom: 1px solid #DCD1D7;
}

form {
        margin: 0;
}
#hidden {
        visibility: hidden;
}
/*Counter*/
    #counter {
color:#66004B;
}