*{
padding:0;
margin:0;
}

body{
background:#edebd9 url(images/body-bg.png) left top repeat-x;
text-align:center;
font:normal 11px arial;
color:#000;
line-height: 24px;
}

h1{
font-size:16px;
color:#2795E2;
font-weight:bold;
}

p{}

a{
color:#287BC2;
}


a:hover{
text-decoration:none;
}


.module li{
list-style-position:inside;
list-style-type:square;
color:#287BC2
}

#rounded-wrap{
height:34px;
width:976px;
margin:0 auto;
background:url(images/top-section.png) right top no-repeat;
}


#wrapper{
text-align:left;
width:976px;
margin:0 auto;
overflow:hidden;
background:url(images/section-bg.png) right top repeat-y;
}

*:first-child+html #wrapper{
width:973px;
}

#left{
background:url(images/leftsection-b.png) left bottom no-repeat;
width:228px;
float:left;
}

#lefttop{
background:url(images/leftsection-t.png) left top no-repeat;
height:50px;
position:relative;
overflow:hidden;
}

#slogan{
text-align:center;
padding:10px 0 20px 0;
}

#flashimg{
margin-left:6px;
overflow:hidden;
}

#logo{
text-decoration:none;
position:absolute;
left:14px;
top:20px;
}

#logo img{
border:none;
}

#right{
width:742px;
float:right;

}
#menu-garis{
width:708px;
margin-left:12px;
height:1px;
background:#287bc2;
margin-bottom:10px;

}

#top{
margin:0 auto;
width:980px;
height:100px;
position:relative;
}



#menu{
width:730px;
height:60px;
overflow:hidden;
padding:10px 0 0 12px;
position:absolute;
top:24px;
left:250px;
}

#logo1{
position:absolute;
left:0;
top:9px;
}

#logo1 img{
border:none;
}

#nav{
}

#nav li{
float:left;
list-style:none;
padding:0 10px;
}

#nav li a{
display:block;
float:left;
text-decoration:none;
font-size:12px;
color:#000;
font-weight:bold;
height:33px;
}

#nav li a:hover, #nav li.active a{
background:url(images/ahover.png) center bottom no-repeat;
color:#287BC2;
}
#submenu{
width:709px;
height:24px;
overflow:hidden;
padding:0;
position:absolute;
top:74px;
left:265px;
}
#subnav{


}
#submenu ul#subnav {
background:url(images/submenu_bg.gif) left top no-repeat;
width:709px;
height:24px;

}

#subnav li{
float:left;
list-style:none;
padding:3px 5px;


}

#subnav li a{
border-right:1px solid #fff;
display:block;
float:left;
text-decoration:none;
font:10px Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
padding:0 10px;
margin-top:2px;
}

#subnav li a:hover, #subnav li.active a{
color:#287BC2;
}

#section{
clear:both;

}

#section-b{
overflow:hidden;
width:746px;
}

#content-section{
background:url(images/content-bg.png) left top repeat-y;
width:708px;
overflow:hidden;
min-height:500px;
}

#content-left{
width:500px;
float:left;
}



#content-right{
float:right;
width:198px;
margin-right:2px;
line-height:16px;
color:#014076;
}

.module{
padding:20px;
}

#content-left .module .csc-header{
border-bottom:1px dashed #CAE1F3;
}

#content-left .module p{
margin-top:20px;
}

#content2{
background:#287BC2;
color:#fff;
margin-top:8px;
margin-left:6px;
width:496px;
float:left;
min-height:130px;
}
*:first-child+html #content2{
margin-left:9px;
width:497px;
}

#content2 h1{
color:#FEFF1D
}
#content4{
background:#FCD41B;
color:#000;
float:left;
width:187px;
min-height:127px;
margin-top:8px;
padding-top:3px;
padding-left:11px;
margin-left:8px;
}
*:first-child+html #content4{
width:187px;
height:112px;
margin-top:8px;
padding-left:11px;
margin-left:9px;
}

#content4 p{
line-height:14px;
font-size:11px;
}

.module-login{
background:#fff url(images/login.png) left top no-repeat;
padding:10px;
text-align:center;
height:110px;
}
.module-login .csc-mailform{
border:none;
}
.module-login input{
border:1px solid #ccc;
width:150px;
margin-bottom:5px;
}


.module-login .csc-mailform-submit{
background:#287BC2;
border:1px solid #287BC2;
color:#fff;
width:152px;
}




#content-right .module{
padding-top:10px;
padding-bottom:10px
}

#content-right .module #mailform{
text-align:left;

}
#content-right .module .csc-mailform{
border:none;
}
#content-right .module .csc-mailform input{
border:1px solid #ccc;
width:150px;
margin-bottom:5px;
}


#content-right .module .csc-mailform .csc-mailform-submit{
background:#FFD817;
border:1px solid #FFD817;
color:#000;
width:152px;
}



                
                
                
                
                





#content-left .csc-mailform-submit, form .csc-form-fieldcell input{
background:#ffffff;
color:#fff;
font-size:11px;
padding:2px;
text-align:left;
width:144px;
border:1px solid #cdcdcd;
margin-top:10px;
}



#content-left form{
border:1px dashed #CAE1F3;
margin-top:10px;
padding:20px 30px;
text-align:center;
}

#content-left .csc-mailform{
border:none;
padding:20px 30px 0 30px;
}


#content-left form{
padding:0 20px 30px 20px;
}

#content-left #mailform .csc-mailform-field{
text-align:left;
}
#content-left #mailform label{
float:left;
display:block;
width:100px;
}

#content-left #mailform input{
width:200px;
}
#content-left #mailform textarea{
width:250px;
}
#content-left #mailform input, #content-left #mailform textarea{
margin-bottom:2px;
border:1px solid #CAE1F3;
padding:2px 0 2px 0;
}
#content-left #mailform .csc-mailform-submit {
margin-left:100px;
text-align:center;
background:#0F7FD5;
color:#fff;
margin-left:109px;
}



#footer{
background:url(images/section-b.gif) right top no-repeat;
height:70px;
width:976px;
margin:0 auto;
padding-top:80px;
}

#footer p{
margin-left:180px;}



*:first-child+html #footer,*:first-child+html #rounded-wrap{
width:980px;

}
                
            
            
        
    
* typo3 */
#content-left #mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content-left .csc-mailform {
padding:15px 15px 5px 15px;
}
#content-left .csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#content-left .csc-mailform label {
display:block;
float:left;
padding-right:9px;
width:166px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
#content-left .csc-mailform input, #content-left .csc-mailform textarea, #content-left .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
#content-left .csc-mailform input, #content-left .csc-mailform textarea {
padding:1px 4px;
}
#content-left .csc-mailform option {
padding-right:6px;
}
#content-left .csc-mailform .csc-mailform-check, #content-left .csc-mailform .csc-mailform-radio {
border:none;
}
#content-left .csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
#content-left .csc-mailform .csc-mailform-radio legend {
display:none;
}
#content-left .csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html #content-left .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
#content-left .csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content-left .csc-mailform .csc-mailform-submit {
border:none;
background:#000;
color:#ccc;
padding:2px 5px;
}
/* end of typo3 */
#search{
position:relative;
background:url(images/search_b.gif) 14px 16px no-repeat;
width:190px;
height:50px;

}
#lefttop #search .module .csc-mailform .csc-mailform-field label{
display:none;
}


#lefttop #search .module .csc-mailform{
border:none;
}
#lefttop #search .module .csc-mailform .csc-mailform-field input#mailformsword{
background:none;
width:124px;
margin-left:21px;
margin-bottom:9px;
border:none;

}
#lefttop #search .module .csc-mailform .csc-mailform-field input#mailformsubmit {
position:absolute;
top:17px;
left:180px;
background:url(images/arrow.gif) right top no-repeat;
width:33px;
height:24px;
border:none;
}

#slogan{
padding:10px 20px;
text-align:left;
}



#left .tx_newsflexible_title a{
text-align:left;
font-size:11px;
text-decoration:none;
color:#6F5B00;
font-weight:bold;
}

#left a:hover{
text-decoration:underline;
}




#left .tx_newsflexible_teaser{
line-height:11px;
}

#left .tx_newsflexible_archivelink_a{
color:#6F5B00;

font-size:11px;
margin-top:10px;
margin-bottom:20px;
text-decoration:none;
font-weight:bold;
}


#left .tx_newsflexible_datetime{
border-bottom:1px dashed #CFAA00;
height:28px;
margin-bottom:5px;
}