@charset "utf-8";
/************************************************
    CSS StyleSheet
    biv-kaelte.de
    
    Media: Screen
    Part:  Main
    
    last change: MT 2008-06-13

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

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    color: #000;
    background: url("style.screen_02_FILES/mainbg.gif") no-repeat fixed 105% 120%;
}

body {
    width: 100%;
    margin: 0;
    font: small/150% "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
    color: #333;
    padding: 0 0 3em 0;
}

#header {
    width: 940px;
    height: 152px;
    background: #fff url("style.screen_02_FILES/header_main.jpg") no-repeat 0 0;
}

#header a.header-logo {
    display: block;
    width: 100px;
    height: 152px;
    float: left;
    background: transparent url("style.screen_02_FILES/bivlogo.gif") no-repeat 100% 100%;
    overflow: hidden;
    text-indent: -200px;
}

#header a.chilventa {
    float: right;
    margin-top: 45px;
    background: transparent url("style.screen_02_FILES/Banner_350.gif") no-repeat;
    width: 350px;
    height: 45px;    
}

#header h1 {
    z-index: 10;
    position: absolute;
    font: 130% "Tahoma";
    color: #003474;
    padding: 75px 0 0 200px;
}

#wrapper {
    width: 940px;
}

#navi {
    float: left;
    width: 220px;
    overflow: hidden;
    background: url("style.screen_02_FILES/navi_main.gif") repeat-y 0 0;
}

#content {
    float: left;
    width: 515px;
    padding-top: 20px;
}

#sidebar {
    float: right;
    width: 185px;
    padding-top: 20px;
}

.clear {
    clear: both;
}

table.foerder_mitglied tr{
    height: 70px;
}

table.foerder_mitglied {
    width: 100%;
    border-top: 1px dashed #000;
}


/*********************************
    NAVIGATION
*********************************/

#navi ul {
    border-top: 1px solid #bddef3;
    width: 200px;
}

#navi ul li {
    width: 200px;
}

#navi ul a {
    display: block;
    padding: 2px 15px;
    border-bottom: 1px solid #bddef3;
    color: #037;
    text-decoration: none;
}

#navi ul a:hover {
    background-color: #fff;
}

#navi ul ul {
    border: 0;
}

#navi ul ul a {
    padding-left: 25px;
    background-color: #fff;
    border-bottom: 1px solid #deeef9;
}

#navi ul ul a:hover {
    background-color: #f2f8fd;
}

#navi ul a.active {
    font-weight: bold;
}

#navi ul a.margin {
    border-top: 1px solid #bddef3;
    margin-top: 1.5em;
}

#navi ul.small {
    margin-top: 1.5em;
    font-size: 90%;
}

#navi div.box h3 {
    font-family: "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    background-color: #87c0e5;
    font-size: 110%;
    font-weight: normal;
    padding: 4px 15px;
    margin: 0;
    color: #037;
    width: 170px;
    margin-top: 25px;
}

#navi {
    
}

#navi div.box ul li{
    width: 185px;
    font-size: 95%;
    color: #037;
    margin-left: 15px;
    list-style: none;
}

.mitglieder #navi div.box ul li{
    color: #fff;
}

#navi div.box a.more {
    padding: 0;    
}
/*********************************
    TYPO
*********************************/

p {
    margin-bottom: 1em;
}

h1, h2, h3 {
    font-family: Georgia, Palatino, Garamond, Utopia, "Times New Roman", serif;
    font-weight: normal;
    color: #444;
    margin-bottom: 0.6em;
}

h1 {
    font-size: 190%;
    line-height: 1.2em;
}

h1 span {
    color: #555;
    display: block;
    font-size: 60%;
    margin-top: -5px;
}

h2 {
    font-size: 150%;
    line-height: 1.2em;
    margin-top: 1.5em;
}

h3.line {
    border-top: 1px solid #87c0e5;
    padding-top: 0.5em;
    margin-top: 1em;
}

a, a:active, a:link { text-decoration: underline; color: #026; }
a:visited { color: #026; }
a:hover { color: #a00; }

#sidebar h3 {
    font-family: "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    background-color: #87c0e5;
    font-size: 110%;
    font-weight: normal;
    padding: 4px 15px;
    margin: 0;
    color: #037;
}

#sidebar div.box {
    background-color: #bddef3;
    margin-bottom: 1em;
}

#sidebar div.box div.text {
    padding: 15px;
}

p.error {
    background-color: #ffc;
    color: #d22;
    padding: 0.2em 1em;
    border: 1px solid #d22;
    font-weight: normal;
    -moz-border-radius: 1em;
}

.small { font-size: 85%; color: #aaa; }

/*********************************
    FORMULARE
*********************************/

input, select, textarea {
    font-weight: normal;
	border:1px solid #002266;
}

label {
    display: block;
    color: #444;
    font-size: 90%;
}

p.noblock label {
    display: inline;
}

input.form, textarea.form {
    padding: 2px 5px;
}

input.form, textarea.form, select.form { 
    background-color: #f2f8fd;
    border: 1px solid #85bce0;
    width: 450px; 
    color: #037;
}

input.form:hover, textarea.form:hover, select.form:hover { 
    background-color: #fff;
}

input.form:focus, textarea.form:focus, select.form:focus { 
    border: 1px solid #037 !important;
}

select.form {
    width: 460px;
}

select.form option {
    padding: 2px 5px;
}

input.short {
    width: 200px;
}

input.button {
    background-color: #f2f8fd;
    border: 1px solid #85bce0;
    border-right: 1px solid #037;
    border-bottom: 1px solid #037;
    color: #037;
    margin-top: 1em;
    font-size: 90%;
    padding: 3px 1em;
}

input.button:hover {
    background-color: #bddef3;
}

/*********************************
    INNUNGSSUCHE
*********************************/

#innungssuche {
    height: 90px;
    background: #edf6fa url("style.screen_02_FILES/innungssuche.gif") no-repeat 0 0;
    border-bottom: 1px solid #99b5cd;
    width: 200px;
    margin-bottom: 1em;
}

#innungssuche p {
    padding: 17px 10px 0 10px;
}

#innungssuche p label {
    color: #037;
    line-height: 110%;
    margin-bottom: 5px;
    font-size: 100%;
}

#innungssuche p span {
    display: block;
    font-size: 75%;
    color: #037;
}

#innungssuche input.form {
    width: 70px;
    background: #fff;
}

/*********************************
    LISTS
*********************************/

#content ul, #content ol {
    margin-left: 2em;
}

#content ul li, #content ol li {
    margin-bottom: 0.5em;
}

#sidebar div.box ul {
    list-style: none;
    margin: 0px 0;
    padding: 0;
}

#sidebar div.box ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #87c0e5;
}

#sidebar div.box ul li:hover {
    background-color: #f2f8fd;
}

#content ul.subnav {
    float: left;
    width: 100%;
    list-style: none;
    margin: 1em 0 0 0;
    font-size: 90%;
    line-height: 120%;
    border-top: 1px solid #87c0e5;
    background-color: #f2f8fd;
}

#content ul.subnav li {
    padding: 5px 0.5em;
}

#content ul.subnav li.L {
    float: left;
    margin: 0 !important;
}

ul.subnav li.R {
    float: right;
    margin: 0;
}

.loginContent h2 { border-top: 1px solid #87c0e5; padding-top:20px; }
.loginContent h5 { border-top: 1px solid #87c0e5; padding-top:20px; }

dl {
    margin-bottom: 1em;
}

dt {
    font-family: Georgia, Palatino, Garamond, Utopia, "Times New Roman", serif;
    font-weight: normal;
    color: #444;
    font-size: 120%;
    border-top: 1px solid #87c0e5;
    padding-top: 0.5em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
csc-textpic csc-textpic-intext-right{
float:right;
   }

dt span {
    font-family: "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    display: block;
    font-size: 70%;
}

dl dd p.R {
    float: right;
    width: 200px;
    text-align: right;
}

dl dt p.R {
    float: right;
    width: 200px;
    text-align: right;
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
    font-size: 80%;
}


div.text dl.mini {
    line-height: 100%;
}

div.text dl.mini dt {
    font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-top: 0.3em;
}

div.text dl.ini dd {
}

div.text ul {
    list-style-type: disc;
    overflow: hidden;
    width: 155px;
}

div.text ul li {
    margin-left: 15px;
    padding-left: 0px !important;
    list-style-type: disc;
    border: 0 !important;
}

div.text ul li:hover {
    background: none !important;
}

/***************************
    Counter
***************************/

div #counter {
    height: 60px;
    margin-bottom: 20px;
}

#counter img {
    float: left;
}


#counter-text {
    font-family: "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    background-color: #87c0e5;
    background-color: #BDDEF3;
    font-size: 110%;
    font-weight: normal;
    margin-left: 160px;
    color: #037;
    font-size: 110%;
    background-color:;
    padding:5px;
}

/*********************************
    Misc
*********************************/

.floatL {
    float: left;
    margin-right: 1em;
}

.floatR {
    float: right;
    margin-left: 1em;
}

.clear {
    clear: both;
}

/*********************************
    Themes
*********************************/

#main.mitglieder #header { background: #fff url("style.screen_02_FILES/header_mitglieder.jpg") no-repeat 0 0; }
#main.biv #header { background: #fff url("style.screen_02_FILES/header_sonne.jpg") no-repeat 0 0; }
#main.informationsstelle #header { background: #fff url("style.screen_02_FILES/header_meer.jpg") no-repeat 0 0; }
#main.bildung #header { background: #fff url("style.screen_02_FILES/header_gras.jpg") no-repeat 0 0; }
#main.foerdergemeinschaft #header { background: #fff url("style.screen_02_FILES/header_meer.jpg") no-repeat 0 0; }

#main.mitglieder #navi ul {
    border-top: 1px solid #4d719e;
}

#main.mitglieder #navi {
    background: url("style.screen_02_FILES/navi_mitglieder.gif") repeat-y 0 0;
}

#main.mitglieder #navi ul a {
    border-bottom: 1px solid #4d719e;
    color: #fff;
}

#main.mitglieder #navi ul a:hover {
    background-color: #335d90;
}

#main.mitglieder #navi ul ul a {
    background-color: #335d90;
    border-bottom: 1px solid #718eb2;
}

#main.mitglieder #navi ul ul a:hover {
    background-color: #f2f8fd;
    color: #037;
}

#main.mitglieder #innungssuche {
    background-color: #4d719e;
    border-bottom: 1px solid #6685ac;
}

#main.mitglieder #innungssuche p label {
    color: #fff;
}


/*** TT_NEWS ***/
.tx-ttnews-browsebox-SCell  {
       font-weight:bold;
}
#csc-textpic csc-textpic-intext-right {
float: right;

}