html{background-color:#C91818}
body{background-color:transparent}
/* ====== TYPO ====== */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p{color:#293134;}
/* ====== Toolbar ====== */
.toolbar{
	background-color:#343F41;
	padding:6px;
	clear:both;
}

.toolbar span{
float:left;
padding:2px 6px;
border: 1px solid #343F41;
margin: 0 6px;
background-color:#3F4B4E;
font-family: Helvetica,verdana;
}

.toolbar span:hover{
background-color:#C91818;
}

.toolbar a { color: #DFCFAF;font-weight:normal;text-decoration: none }
.toolbar a:visited { color:#DFCFAF; }
.toolbar .extension{
float:right;
}

.toolbar span.formHolder{
width:240px;
}
.toolbar form{
float:right;
padding:0;
margin:0;
width:240px;
text-align:center;
}

/* ====== google search ======*/
#cse-search-box input{
padding:0;
margin:0;
display:inline;
vertical-align:middle;
}
#cse-search-box input.text{
height:14px;
background-color:#C91818;
}

#cse-search-box input.submit{
height:18px;
border: 1px solid #343F41;
font-size:0.8em;
padding:0 2px;
color: #DFCFAF;
background-color:#C91818;
}

#cse-search-results
{
margin:10px;
}

/* ====== Template extend ======*/
.myPage{width:960px !important;}

.myHeader{
height:80px;
position:relative;
background:#C91818;
}

.myContent{
width:700px !important;
padding:10px;
}

.myRightCol{
width:240px !important;
color:#fff;
}
/* ====== end Template extend ======*/

.myBody{
border-top:2px solid #343F41;
border-bottom:2px solid #343F41;
background:#fff url('../../image/app/back-konfiden-page.gif') repeat-y;
}

.myHeader h1{
color:#fff;
float:left;
margin:0;
}

span.headerLogo{
position:absolute;
bottom:0;
}

.contentList{border-bottom: 1px dashed #ABC3C4;}
.contentList h2 a{color:#343F41;}
.contentList h2 a:hover{color:#C91818;}

.contentListDate{
font-size:0.8em;
margin-left:10px;
padding:0 10px;
color:#EBE1C6;
background-color:#3F4B4E;
border-left: 1px solid #ABC3C4;
border-right: 1px solid #ABC3C4;
border-top: 1px solid #ABC3C4;
}

.contentListDate a{
color:#EBE1C6;
}

/* ====== Pagination ====== */
.pagePagination{
padding: 2px 4px;
margin:10px;
background-color:#3F4B4E;
border: 1px solid #293134;
color:#C91818;
}

.pagePagination a{
padding: 3px 2px;
margin:0 2px;
font-weight:normal;
color:#EBE1C6;
}

/* ====== Sidebar content ====== */
.myRightCol p, 
.myRightCol a, 
.myRightCol h1, 
.myRightCol h2, 
.myRightCol h3, 
.myRightCol h4, 
.myRightCol h5, 
.myRightCol h6{
color:#fff;
}

.sidebarBox{
background-color:#DDFDFE;
font-size:0.875em;
color:#293134;
border: 1px solid #293134;
}

.sidebarBox p{color:#293134;}
.sidebarBox a { color: #1E90FF; font-weight:normal;text-decoration: none }
.sidebarBox a:focus, .sidebarBox a:hover { text-decoration: underline }
.sidebarBox a:visited { color:#005a9c; }

.sidebarBoxHead{
padding:4px 10px;
background-color:#3F4B4E;
color:#C1D2EE;
font-size:1.2em;
}

.sideTeaser{
margin:10px auto;
width:170px;
}

.postInfo{
background-color: #DDFDFE; 
color:#293134;
font-weight:bold;
padding:10px;
}

.dateInfo{
text-align:center;
border-left: #CCC solid 1px;
}

.dateInfo span{
clear:left;
display:block;
}

.dayInfo{
font-size:46px
}

.categoryInfo{
text-align:center;
}

.categoryInfo span{
display:block;
margin-top: 26px; 
}

.backtToNews{}
.backtToNews a{
padding:2px 10px;
display:block;
font-size:1.2em;
font-weight:bold;
text-align:center;
color:#293134;
}
.backtToNews a:hover{
color:#C91818;
}
/* ====== CONTENT ====== */


/* ====== table ====== */
.myContent table{
width:94%;
margin:10px;
}

span.subTitle{
font-size:0.8em;
}


.myContent th,.myContent td{padding:3px 6px}
.myContent thead tr{background-color: #fff0f8;}
.myContent th{color: #000; font-weight:bold}

.myFooter{background-color:#343F41}
.myFooter p{font-size:0.875em;color: #EBE1C6;}
.myFooter a { color: #EBE1C6;font-weight:normal;text-decoration: none }
.myFooter a:focus, .myFooter a:hover { text-decoration: underline }
#copyright{}
#copyright p{
color: #EBE1C6;
text-align:center;
font-size:0.85em;
}
#copyright a{
color: #EBE1C6;
}


/* ====== Content ====== */

img.borderandpadding {
    border: #CCC solid 1px;
    padding: 3px;  
}

img.floatLeft { 
    float: left;
    border: #CCC solid 1px;
    padding: 3px; 
    margin: 6px 6px 6px 0; 
}

img.floatRight { 
    float: right;
    border: #CCC solid 1px;
    padding: 3px;     
    margin: 6px 0 6px 6px; 
}

.margin_bottom_ten_px {
    margin-bottom: 10px;
}
.image_on_topright {
	margin-left: 4px;
	margin-bottom: 4px;
} 
.image_on_topleft {
	margin-right: 4px;
	margin-bottom: 4px;
}

#teaser{margin:10px auto;width:680px;}
/**
* Generic Content Classes
*/

.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }

.film_box {
    padding: 10px;
    background-color: #eae0c4;
}

.blockclean, .blockblue {
    padding: 6px;
	margin: 10px 10px 0 10px;
    border: 1px solid #ccc;
    line-height: 1.3em;
}

.blockblue {
    border-color: #518DEE;
    background-color: #C1D2EE; 
}