/************************************************
PROJECTNAME
http://www.comspace.de
Author: XXX@comspace.de
Create Date: XX.XX.2008


NOT Tested in: 
PC -> IE 6, IE 7, FF 2, FF 3, Safari 3, Opera 9.2, Opera 9.5
MAC -> FF 2, FF 3, Safari 3, Opera 9.2
LINUX-> FF 2, FF 3, Konqueror

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

@import url('/nav.css');
@import url('/cnt.css');
@import url('/search.css');
@import url('/table.css');
@import url('/forms.css');
/*



BASE (css reset)

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

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline: 0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a img {border: none;}
:focus {outline: 0;}




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

INPUTS 

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

input {
    padding: 4px 5px;
    font-size: 10px;
    border: 0px solid #fff;
    color: #009b92;
    font-weight: bold;
}
/****************************************

CORE (basic layout/wrappers)

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

body {
    background: #f7f7f7 url(/img/bg_body.gif) center top;
    color:#333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:16px;
}
div#design_shadow {
    height: 15px;
    background: url(/img/bg_design_shadow.gif) repeat-x;
}
#frame_wrapper {
    width: 880px;
    margin:0 auto; /*center*/
    padding: 0 20px;
    background: #fff;
}

#frame_wrapper_cnt {
    width: 704px;
    float: right;
    margin-bottom: 40px;
}

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

LINKS (non-navigation)

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

a {
    color: #009b92;
    font-weight:normal;
    text-transform: none;
    text-decoration: none;
}
a:hover {
    color: #009ace;
}
a:active {
    color: #009b92;
}
a:visited {
    color: #009b92;
}
#frame_header  a{
}
#frame_cnt a {
}

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

HEAD

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

#frame_header {
    height: 200px;
    width: 880px;
    margin: 0 auto;
    /*padding: 16px 0 0 0;*/
    background: url(/img/bg_header.gif) center bottom no-repeat;
}

#frame_header_logo {
    float:left;
}

#frame_header_logo img {/*header image: wide*/
    float:left;
}


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

CONTENT 

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

#frame_cnt {
    width: 525px;
    margin-right: 20px;
    margin-bottom: 39px;
    float:left;
    font-size: 11px;
}


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

CONTENT  LEFT OR RIGHT 

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

#frame_cnt_col {
    width:158px;
    float:left;
    font-size: 11px;
    padding: 20px 0 0 0;
    overflow: hidden;
}

#frame_cnt_col h1, #frame_cnt_col h2 {
    color: #656565;
    background: #d6d6d6;
    font-size: 10px; /*12px*/
    line-height: 21px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #c4c4c4;
    padding: 0 5px;
}

#frame_cnt_col div {
    background: #e5e5e5;
    color: inherit;
    margin: 0 0 20px 0;
    padding: 0 10px 5px 5px;
    clear: left;
}

#frame_cnt_col div.clr {
    margin: 0;
    padding:0;
}

#frame_cnt_col div.cnt_col_news {
    background: #fff;
    color: inherit;
}
#frame_cnt_col div.cnt_col_news p {
    background: #fff;
    margin: 0;
    padding: 2px 0 0 0;
}
#frame_cnt_col  a {
    font-weight: bold;
}
#frame_cnt_col div.cnt_col_news a {
    display: block;
    /*border-bottom: 1px solid #c4c4c4;*/
    padding-bottom: 2px;
}

#frame_cnt_col label {
    display: block;
    float: left;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
}
#frame_cnt_col input {
    width: 43px;
    margin-bottom: 5px;
    margin-right: 6px;
    margin-left:5px;
    color: #04caf9;
    float:left;
    clear: left;
}
#frame_cnt_col input.submit {
    width: 148px;
    background: #fff;
    margin-bottom: 5px;
    margin-right: 6px;
    text-align: left;
    color: #009B92;
}

.news_block {
    display: block;
}
.news_none {
    display: none;
}

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

FOOT

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

div#frame_foot {
    width: 880px;
    clear: both;
    border-top: 1px solid #c4c4c4;
    color: #c4c4c4;
    font-size: 10px;
    padding-bottom: 74px;
    background: #fff;
}

div#frame_foot p{
    color: inherit;
    font-size:inherit;
}

div#frame_foot a{
    display: block;
    float:left;
    margin-right: 22px; 
    padding-left:2px;
    color: #009b92;
}

div#frame_foot a:hover {
    color: #009ace;
}

div#frame_foot a.rt{
    float: right;
}

div#frame_foot a.language_switch{
    width: 174px;
    margin: 0;
}
#language-switch {
    margin: 1px 0 5px;
    padding-left: 10px;
}
#language-switch a {
    margin-right: 4px;
}