﻿/* 1.nci yuvarlak köşeli alan---Border yok 
	<b class="b1f"></b><b class="b2f"></b><b class="b3f"></b><b class="b4f"></b>
    <div class="contentfff">
        <div>
            Round FILL!!</div>
    </div>
    <b class="b4f"></b><b class="b3f"></b><b class="b2f"></b><b class="b1f"></b>
*/
.b1f, .b2f, .b3f, .b4f{	font-size:1px; 	overflow:hidden; display:block;}
.b1f {height:1px; background:#fff; margin:0 5px;}
.b2f {height:1px; background:#fff; margin:0 3px;}
.b3f {height:1px; background:#fff; margin:0 2px;}
.b4f {height:2px; background:#fff; margin:0 1px;}
.contentfff {background: #fff;}
.contentfff div {}

/* 1.1.nci yuvarlak köşeli alan---Border yok 
	<b class="b5f"></b><b class="b6f"></b><b class="b7f"></b><b class="b8f"></b>
    <div class="contentff">
        <div>
            Round FILL!!</div>
    </div>
    <b class="b8f"></b><b class="b7f"></b><b class="b6f"></b><b class="b5f"></b>
*/
.b5f, .b6f, .b7f, .b8f{	font-size:1px; 	overflow:hidden; display:block;}
.b5f {height:1px; background:#e6e8df; margin:0 5px;}
.b6f {height:1px; background:#e6e8df; margin:0 3px;}
.b7f {height:1px; background:#e6e8df; margin:0 2px;}
.b8f {height:2px; background:#e6e8df; margin:0 1px;}
.contentff {background: #e6e8df;}
.contentff div {}

/* 1.2.nci yuvarlak köşeli alan---Border yok 
	<b class="b9f"></b><b class="b10f"></b><b class="b11f"></b><b class="b12f"></b>
    <div class="contentffff">
        <div>
            Round FILL!!</div>
    </div>
    <b class="b12f"></b><b class="b11f"></b><b class="b10f"></b><b class="b9f"></b>
*/
.b9f, .b10f, .b11f, .b12f{	font-size:1px; 	overflow:hidden; display:block;}
.b9f {height:1px; background:#c41220; margin:0 5px;}
.b10f {height:1px; background:#c41220; margin:0 3px;}
.b11f {height:1px; background:#c41220; margin:0 2px;}
.b12f {height:2px; background:#c41220; margin:0 1px;}
.contentffff {background: #c41220;}
.contentffff div {}

/* 1.3.nci yuvarlak köşeli alan---Border yok 
	<b class="b13f"></b><b class="b14f"></b><b class="b15f"></b><b class="b16f"></b>
    <div class="contentf">
        <div>
            Round FILL!!</div>
    </div>
    <b class="b16f"></b><b class="b15f"></b><b class="b14f"></b><b class="b13f"></b>
*/
.b13f, .b14f, .b15f, .b16f{	font-size:1px; 	overflow:hidden; display:block;}
.b13f {height:1px; background:#cfe9ee; margin:0 5px;}
.b14f {height:1px; background:#cfe9ee; margin:0 3px;}
.b15f {height:1px; background:#cfe9ee; margin:0 2px;}
.b16f {height:2px; background:#cfe9ee; margin:0 1px;}
.contentf {background: #cfe9ee;}
.contentf div {}


/* 2.nci yuvarlak köşeli alan --- Border var (Zemin=Beyaz)
	<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>    
	<div class="contentb">
        <div>
            Round Border!!</div>
    </div>
    <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
    <br />
*/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#d37542; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #d37542; border-left:2px solid #d37542; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #d37542; border-left:1px solid #d37542; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #d37542; border-left:1px solid #d37542; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #d37542; border-left:1px solid #d37542;}
.contentb div {}


/* 3. yuvarlak koseli alan --- Baslıklı 
	<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>
    <div class="headh">
        <h3>
            Here is your Header!</h3>
    </div>
    <div class="contenth">
        <div>
            Look ma, no images!</div>
    </div>
    <b class="b4bh"></b><b class="b3bh"></b><b class="b2bh"></b><b class="b1h"></b>
*/

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh
{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#f9eeef; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#c51120; border-right:2px solid #f9eeef; border-left:2px solid #f9eeef; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#c51120; border-right:1px solid #f9eeef; border-left:1px solid #f9eeef; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#c51120; border-right:1px solid #f9eeef; border-left:1px solid #f9eeef; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #E8EFF9;}
.headh {background: #c51120; border-right:1px solid #f9eeef; border-left:1px solid #f9eeef;}
.contenth {background: #f9eeef; border-right:1px solid #f9eeef; border-left:1px solid #f9eeef }
.contenth div {padding-top: 5px}