/* 
myblog Stylesheet
brizk design (www.brizk.com)
Created: 11.12.2007
*/

/* Basics ######################################################### */

body {
	background:#e5f9ff url(http://icache.20six.net/myblog/de/if/img/pix/bg.gif) 0 0 repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:0;
	margin:0;
	border: 0;
	color: #000000;
	line-height: 1.4em;
	}

div.bg-gradient {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-gradient.jpg) 0 0 repeat-x;
	padding:25px 0;
	}	

div.wrap {
	margin: 0  auto;
	padding: 15px;
	width: 800px;
	text-align:left;
	background:#ffffff;
	}

div.skyscraper {
    margin: 0  auto;
    padding: 0px;
    /* width: 975px; */
    width: 1015px;
	}

div.skyscraper div.wrap {
	margin: 0 0 0 0;
	float:left;
	}

div.skyscraper div.ad {
	/* width:120px; */
	width:160px;
	float:right;
	}

div.blackbar {
	background:#000000 url(http://icache.20six.net/myblog/de/if/img/pix/bg-blackbar.gif) 0 0 repeat-x;
	height:23px;
	position:relative;
	padding:9px 0 0 82px;
	color:#b9b9b9;
	line-height:1.3em;
	}
	
div.blackbar a.logo {
	width:82px;
	height:32px;
	position:absolute;
	top:0;
	left:0;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/logo-blackbar_20six.gif) 0 0 no-repeat;
	text-indent:-1000em;
	}
	
div.blackbar span.loggedin {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/loggedin.gif) 0 0 no-repeat;
	padding-left:17px;
	}	

div.header {
	height:126px;
	background:#1886b8 url(http://icache.20six.net/myblog/de/if/img/pix/bg-header.jpg) 0 0 no-repeat;
	position:relative;
	margin-bottom:15px;
	}
	
div.header a.logo {
	float:left;
	margin-left:30px;
	width:185px;
	height:126px;
	text-indent:-1000em;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/logo_fr.gif)  0 0 no-repeat;
	}	
	
div.header div.illu {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/illu.gif) 0 0 no-repeat;
	width:328px;
	height:160px;
	position:absolute;
	top: -34px;
	left:250px;
	}	

div.header div.quicklinks {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-quicklinks.gif) 0 0 no-repeat;
	width:148px;
	height:98px;
	margin:14px 15px 0 0;
	display:inline;
	float:right;
	color:#ffffff;
	}
	
div.header div.counter {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-counter.gif) 0 0 no-repeat;
	width:138px;
	height:25px;
	padding:35px 0 0 10px;
	margin:33px 20px 0 0;
	display:inline;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:0.53em;
	}
	
div.content {
	background: url(http://icache.20six.net/myblog/de/if/img/pix/bg-left-column.gif) 0 0 repeat-y;
	clear:both;
	margin-bottom:15px;
	}	

div.content div.left {
	width:199px;
	float:left;
	}
	
div.content div.left p {
	padding:15px;
	margin:0;	
	}
	
div.content div.left hr {
	width:100%;
	border:0;
	color: #b2ca52;
	background-color: #b2ca52;
	border-bottom:1px solid #def38a;
	height: 2px;
	}
	
div.headline-box {
	border-bottom:2px solid #c3c3c6;
	}

div.headline-box div {
	width:170px;
	float:right;
	text-align:right;
	padding-top:8px;
	color:#c3c3c6;
	}		
	
div.content div.left p.country {
	text-align:center;
	}	
	
div.content div.left p.country img {
	margin-right:3px;
	}
	
div.content div.right {
	width:586px;
	float:right;
	}		

div.intro {
	background:#ffc86c url(http://icache.20six.net/myblog/de/if/img/pix/bg-intro.jpg) 0 0 no-repeat;
	border:2px solid #ffdeab;	
	height:104px;
	margin-bottom:30px;
	position:relative;
	padding:20px;
	color:#8f5018;
	}

div.intro div {
	width:175px;
	float:left;
	}

div.intro a {
	width:270px;
	height:32px;
	text-align:center;
	position:absolute;
	display:block;
	top:120px;
	left:145px;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-arrow-red.gif) 0 0 no-repeat;
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	padding:15px 20px 0 0;
	z-index:10;
	}	

div.teaser-area {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-teaser-area.gif) 0 0 repeat-y;
	}
	
div.teaser1, div.teaser2 {
	width:208px;
	margin-right:18px;
	float:left;
	}	

div.teaser1 ul li span {
	font-weight:bold;
	font-style:italic;
	color:#9cc7da;
	}

div.teaser1 ul li a span {
	color:#0085c1;
	font-style:normal;
	} 	
	
div.teaser3 {
	width:134px;
	float:right;
	overflow:hidden;
	}	

div.teaser3 div {
	padding:5px 0;
	text-align:center;
	}

div.teaser3 p {
	padding:0;
	margin:2px 0 0 0;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-username.gif) center 2px no-repeat;
	line-height:1.3em;
	}	

div.footer {
	background:#1785b7 url(http://icache.20six.net/myblog/de/if/img/pix/bg-footer.jpg) 0 0 no-repeat;
	height:30px;
	color:#97c9df;
	}

div.footer div.left {
	float:left;
	width:550px;
	padding:6px 10px;
	}
	
div.footer div.right {
	float:right;
	width:180px;
	padding:6px 10px;
	text-align:right;
	}		

div.table {
	background:#e5f9ff;
	padding:15px;
	}			

a.hinweis {
	padding-left:17px;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/hinweis-icon.gif) 0 0 no-repeat;
	font-weight:bold;
	}	
	
div.button-line {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-button-line.gif) center center repeat-x;
	margin-top:15px;
	text-align:center;
	}
	
div.box-blue {
	background:#e5f9ff;
	padding:5px 15px;
	margin:10px 0;
	}
	
div.box-orange {
	background:#ffe386;
	padding:5px 15px;
	margin:10px 0;
	}	
	
div.split-left {
	float:left;
	width:370px;
	}

div.split-right {
	float:right;
	width:200px;
	}	
	
/* Headlines ######################################################### */		

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	margin:0;
	width:415px;
	float:left;
	padding:5px 0;
	line-height:1.1em;
	}
		
div.intro h1 {
	font-size:1.25em;
	float:none;
	width:100%;
	padding:0;
	line-height:1em;
	text-transform:uppercase;
	}	
	
div.box-orange h2 {
	border-bottom:2px solid #D99340;
	color:#8F5018;
}

h2 {
	font-size:1.25em;
	line-height:1em;
	padding:6px 0 6px 0;
	margin:10px 0 0 0;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0085c1;
	border-bottom:2px solid #94deff;
	}

h2 span.bg {
	padding:5px;
	background:#dbf6ff url(http://icache.20six.net/myblog/de/if/img/pix/bg-h2.gif) left bottom repeat-x;
	}		

h2 span.bg span {
	padding-right:18px;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-arrow-h2.gif) right center no-repeat;
	}			
		
div.teaser-area h2 {
	padding:8px 5px 0 5px;
	margin:0;
	display:block;
	height:29px;
	background:none;
	border:none;
	text-align:center;
	}	

div.teaser-area div.teaser1 h2, div.teaser-area div.teaser2 h2 {
	width:198px;
	background:#caf0ff url(http://icache.20six.net/myblog/de/if/img/pix/bg-subheader-start.gif) 0 0 no-repeat;
	}
	
div.teaser-area div.teaser3 h2 {
	width:124px;
	background:#caf0ff url(http://icache.20six.net/myblog/de/if/img/pix/bg-subheader-start-small.gif) 0 0 no-repeat;
	}
		

	
/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#0085c1; text-decoration:none}
a:hover {color:#0085c1; text-decoration:underline;}	

.link-white a:link, .link-white a:visited, .link-white a:active {color:#ffffff; text-decoration:none}
.link-white a:hover {color:#ffffff; text-decoration:underline;}	

.link-black a:link, .link-black a:visited, .link-black a:active {color:#000000; text-decoration:none}
.link-black a:hover {color:#000000; text-decoration:underline;}	

.link-green a:link, .link-green a:visited, .link-green a:active {color:#617511; text-decoration:none}
.link-green a:hover {color:#617511; text-decoration:underline;}	

.link-orange a:link, .link-orange a:visited, .link-orange a:active {color:#ffcd71; text-decoration:none}
.link-orange a:hover {color:#ffcd71; text-decoration:underline;}	

div.teaser3 p a:link, div.teaser3 p a:visited, div.teaser3 p a:hover {font-weight:bold; background:#ffffff;}

div.box-orange a:link, div.box-orange a:visited, div.box-orange a:active { color:#8F5018; text-decoration:none; }
div.box-orange a:hover { color:#8F5018; text-decoration:underline; }

/* Navigation ######################################################### */

div.content div.left div.header {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.25em;
	color:#ffffff;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-nav-head.gif) 0 0 no-repeat;
	padding:7px 10px 0 10px;
	height:22px;
	margin:0;
	}

ul.nav {
	padding:0;
	margin:0;
	list-style-type:none;
	}
		
ul.nav li {
	padding:0;
	margin:0;
	}
	
ul.nav li a:link, ul.nav li a:visited {
	height:auto;
	padding:4px 20px 5px 10px;
	margin:0;
	display:block;
	border-bottom:1px solid #b2ca52;
	border-top:1px solid #def38a;
	width:169px;
	font-weight:bold;
	color:#617511;
	text-decoration:none;
	}	
	
ul.nav li a:hover {
	background:#def38a;
	color:#4c5c0a;
	} 		
	
ul.nav li a.active:link, ul.nav li a.active:visited	, ul.nav li a.active:hover {
	background:#eeff79 url(http://icache.20six.net/myblog/de/if/img/pix/bg-nav-arrow.gif) 180px 6px no-repeat;
	color:#4c5c0a;
	} 		
	
	
/* Images ######################################################### */	

img {
	border:0;
	}
	

/* Lists ######################################################### */
	
div.intro ul {
	width:175px;
	float:left;
	padding:0 0 0 15px;
	margin:0;
	list-style-type:none;
	}

div.intro ul li {
	background:url(http://icache.20six.net/myblog/de/if/img/pix/list-check-intro.gif) 0 5px no-repeat;
	padding:0 0 4px 14px;
	margin:0;	
	font-weight:bold;
	}	

div.teaser1 ul, div.teaser2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
div.teaser1 ul li, div.teaser2 ul li {
	padding:4px 0 5px 0;
	margin:0;
	border-bottom:1px solid #94deff;
	}
	
div.teaser2 ul li div.rank {
	width:21px;
	height:18px;
	float:left;
	padding:0;
	margin:0;
	font-weight:bold;
	text-align:center;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-rank.gif) 0 0 no-repeat;
	color:#0085c1;
	}	
	
div.teaser2 ul li div.user {
	width:167px;
	padding:0 0 0 13px;
	background-position:0 6px;
	background-repeat:no-repeat;
	float:right;
	}		
	
div.teaser2 ul li div.user2 {
	width:167px;
	padding:0 0 0 13px;
	background-position:0 6px;
	background-repeat:no-repeat;
	}
		
div.teaser2 ul li div.up {
	background-image:url(http://icache.20six.net/myblog/de/if/img/pix/rank-up.gif);
	}	
		
div.teaser2 ul li div.same {
	background-image:url(http://icache.20six.net/myblog/de/if/img/pix/rank-same.gif);
	}	
		
div.teaser2 ul li div.down {
	background-image:url(http://icache.20six.net/myblog/de/if/img/pix/rank-down.gif);
	}
	
div.quicklinks ul {
	margin:27px 8px 0 8px;
	padding:0;
	list-style-type:none;
	}		
	
div.quicklinks ul li {
	padding:2px;
	border-bottom:1px solid #96cee7;
	}

/* Tables ######################################################### */

div.table table {
	margin:0;
	width:100%;
	font-size:1em;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #94deff;
	}

div.table table tr td {
	border-bottom:1px solid #94deff;
	border-top:1px solid #ffffff;
	padding:7px;
	}

div.table table tr td.label	{
	width:32%;
	font-weight:bold;
	vertical-align:top;
	}

div.table table tr td.form	{
	width:40%;
	}

div.table table tr td.comment	{
	width:28%;
	}

p.comment, div.table table tr td.comment {
	font-size:0.9em;
	color:#42abdb;
	line-height:1.15em;
	padding:0;
	margin:0;
	font-weight:normal;
	}
	
p.comment {
	padding:3px 0;
	}	

/* Formulare ######################################################### */

form {
	padding:0;
	margin:0;
	}
	
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border: 1px solid #42abdb;
	padding:2px;
	}	
	
input.large {
	width:185px;
	}		

input.small {
	width:75px;
	}			

textarea.small {
	width:185px;
	height:40px;
	}	
			
textarea.large {
	width:185px;
	height:120px;
	}		
			
textarea.xlarge {
	width:340px;
	height:200px;
	}	

input.checkbox, input.radio {
	border:none;
	margin-bottom:0px;
	}	
	
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border: 1px solid #42abdb;
	padding:2px;
	}		

form.login-left {
	margin:0;
	padding:15px;
	}

form.login-left input {
	border:1px solid #748b16;
	width:110px;
	margin:2px 0;
	}

form.login-left input.submit {
	width:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#4c5c0a;
	font-weight:bold;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-button-green.gif) center center repeat-x;
	cursor:pointer;
	}

div.button-line input.submit-large {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#ffffff;
	font-weight:bold;
	padding:5px 20px;
	text-transform:uppercase;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-button-orange.gif) center center repeat-x;
	cursor:pointer;
	border-color:#c44001;
	}	

div.button-line input.submit-small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#606060;
	font-weight:bold;
	padding:3px 10px;
	margin:2px 10px;
	text-transform:uppercase;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-button-grey.gif) center center repeat-x;
	cursor:pointer;
	border-color:#cccccc;
	}
	
.orange-form {
	border:1px solid #8F5018;
	background:#FFFFFF none repeat scroll 0%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:2px;	
	}
	
.orange-form-button {
	border:1px solid #8F5018;
	background:#FFE386 none repeat scroll 0%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:2px;	
	}

/* Tooltip ######################################################### */	

span.tooltip {
	position: relative;
	}

span.tooltip a span {
	display: none;
	}

span.tooltip a:hover {
	font-size: 99%;
	text-decoration:none;
	}

span.tooltip a:hover span {
	display: block;
	position: absolute;
	margin-top: 10px;
	margin-left: 0px;
	top:5px;
	left:0;
	width: 160px;
	padding: 5px;
	z-index: 100;
	font-weight:normal;
	background:#ffe386;
	border:1px solid #d99340;
	padding:4px;
	color:#8f5018;
	line-height:1.3em;
	text-decoration:none;
	}	


/* Misc & Bugfixes ######################################################### */		

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}	

.clear {
	clear:both;
	}	

/* hiclip ###################################################################### */
.hiclip_api1 { width: 100%; }
.hiclip_api1 table {}
.hiclip_api1 td {}
.hiclip_api1 h1 { font-size:14px; }
.hiclip_api1 h2 { font-size:12px; border-bottom:0px; text-transform:none; color:#000;}
.hiclip_api1 strong {color: #000;}

.hiclip_api1 .hiclip_helptxt { color: #999; padding-top:10px; }
.hiclip_api1 .hiclip_input { background: #ffffff; border: 1px solid #999; }
.hiclip_api1 .hiclip_small { }
.hiclip_api1 .hiclip_verysmall { }
.hiclip_api1 .hiclip_button { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#ffffff;
	font-weight:bold;
	padding:5px 20px;
	text-transform:uppercase;
	background:url(http://icache.20six.net/myblog/de/if/img/pix/bg-button-orange.gif) center center repeat-x;
	cursor:pointer;
	border-color:#c44001;
}
.hiclip_api1 .hiclip_status{ color: #999; }
.hiclip_api1 .description { }
.hiclip_api1 textarea {width: 100% !important;}
.hiclip_api1 .hiclip_upload_border { width: 500px; border: 1px solid #ccc; padding: 1px;}
.hiclip_api1 .hiclip_upload_bar { 
        font-size: 0; 
        text-indent: -5000px; 
        height: 12px; 
        background: #fb8d3d; 
        width: 10%; margin: 0; } 

/* Burak ###################################################################### */
.spaceline {
	border-bottom:1px solid #94DEFF;
}
.spacer {
	padding:0px 5px;
}
.sections {
	display:none;
}
td {
	vertical-align:top;
}	
#topad {
	text-align:center;
	height:90px;
	width:728px;
	margin:0 auto 25px;
}