@charset "UTF-8";
/*
Theme Name: iphoneblog '09
Theme URI: http://www.iphoneblog.de
Description: 09 Release des iPhoneblog Designs
Version: 1.0
Author: Thorsten Philipp
Author URI: http://www.kyri0s.org
License: All Rights Reserved
*/


/* ============= */
/* = Allgemein = */
/* ============= */

body {
	font: 12px Helvetica, Arial, sans-serif;
	background-color: #fcfcfc;
	background-image:url('');
	background-repeat:repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1, h2, h3, h4
{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;

}

h1 /* Beitrags Überschriften*/
{
	font-size: 14pt;
	padding-bottom:0px;
	margin-bottom:-5px;
}

h2
{
	font-size:14px;
}

a.beitragstext:link, a.beitragstext:visited
{

}


a:link,a:visited
{
	text-decoration:none;
	color:#666;
}

a:hover{
	color:#999;
	text-decoration:underline;
}

img{
	border:none;
}


.strike{
	text-decoration:line-through;
}

.links{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.rechts{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}	




/* ========== */
/* = Header = */
/* ========== */

#header {
	padding: 25px;
	
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	
    -khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;

}

#metalogin{
	position:relative;
	right:0px;
	top:0px;
	list-style:none;
}

/* ========================== */
/* = Horizontale Navigation = */
/* ========================== */

#nav {
	padding-top:5px;
	padding-bottom:5px;
	/* border-top: none; */
	border-bottom: none;
	overflow:hidden;
	/* TP padding-right:none; */
}

.navbox {
	text-align:center;
	width:130px;
	float:left;
}
.navbox h3
{
	text-transform:uppercase;
	color:#666;
	font-size:11px;
	letter-spacing: 2px;
	margin:0px;
}

.googlesearch
{
	width:300px;
	float:right;
	background-color:#f1f1f1;
	-webkit-border--radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
	margin-right:25px;
	margin-top:10px;
}

.googlesearch input[type="text"]
{
	margin:6px;
	-webkit-border--radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
	font-family:Verdana, Geneva, sans-serif;
}





/* ===================== */
/* = Mittelteil (Main) = */
/* ===================== */
#main
{
	margin:0px;
	padding:0px;	
	padding-top:0px;
	background:white;
	width:900px;
	overflow:visible;
	border-bottom:none;
}





/* =========== */
/* = Content = */
/* =========== */
#content {
	border-left:none;
	border-bottom:none;
	
	padding:25px;
	padding-top:10px;
	margin-right:350px;
	margin-top:1px;
}

#content_footer
{
	clear:both;
	width:850px;
	min-height:50px;
	padding:25px;
	border:none;
	margin:0px;
	margin-top:50px;
}

/* Beitrags Autor und Datum */
h2.meta {
	font-size:9pt;
	color:#999;
	font-weight:normal;
	font-style:italic;
	padding:0px;
}


.beitragstext a:link, .beitragstext a:visited /*Unterstriche Links*/
{
    	text-decoration:underline;
}    


.beitrag /* Die gesamte Beitragsbox .. mit Header und Content*/
{
	margin-top:20px;
    margin-bottom:40px;
	padding-top:10px;
	border-top:#CCC;
	border-top-style:dotted;
	border-top-width:1px;
	overflow:auto;
}

.beitrag_1st /* Die gesamte Beitragsbox .. mit Header und Content*/
{
	padding-top:0px;
	overflow:auto;
}

h1 a:link, h1 a:visited{
	color:#000;
}

.beitragstext /* Nur der Text */
{
	line-height:16px;
	text-align:justify;
}

.beitragstext img
{
	margin-right:5px;
	border: 1px solid #CCC;
	padding:2px;
}

.beitragstext img[width="430"]
{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.beitragstext img[width="218"]
{
	margin-right:0px;
	float:right;
	margin-left:10px;
}


.beitragcomment
{
	font-size:24px;
	color:#CCC;
	clear:both;
}
.beitragcomment strong
{
	font-size:18px;
	margin-right: 5px;
}
.beitragcomment a {
	font-size:12px;
	color:#000;
}
.beitragcomment a:hover {
	font-size:12px;
	color:#000;
	text-decoration:underline;
}

.contentad
{
	margin-top:35px;
	padding-top:10px;
	border-top:#CCC;
	border-top-style:dotted;
	border-top-width:1px;
}

.ad_headline
{
    color:#AAA; 
    font-size:10px; 
    margin-bottom:4px; 
    padding-bottom:0px;
}










/* ================= */
/* = Rechte Spalte = */
/* ================= */

#rightcol
{
	border-left:none;
	border-bottom:none;
	border-right:none;
	padding: 25px;
	margin-top:1px;
	float:right;
	width:300px;
	
}


div.rightcolbox
{
	width:300px;
	background-color:#f1f1f1;
	color:#666;
	border: none;
	font-size:11px;
	
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	
    -khtml-border-radius-topleft:5px;
	-khtml-border-radius-topright:5px;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
	
	padding:0px;
	margin:0px;
	margin-bottom:25px;
	
}

div.rightcolbox h1{
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding:3px;
	padding-right:8px;
	letter-spacing:2px;
	
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
}
div.rightcolcontentbox
{
	background-color:white;
	padding:10px;
	border:1px solid #f1f1f1;
	border-top:none;
	
	
}

div.rightcolbox p{
	margin:0px;
	padding:5px;
	padding-top:3px;
	text-align:justify;
}
#LinkVorschlaege ul{
	margin:0px;
	padding:5px;
	padding-left:15px;
	padding-top:3px;
}

div.rightcolbox img{
	
	border:none;
}


#partnerprogramm a:visited, #partnerprogramm a:link, #partnerprogramm a:hover
{
	text-decoration:underline;
	color:blue;
}


div.application_image
{
	display:block;
	float:left;
	padding:3px;
	height:47px;
	width:47px;
	background-repeat:no-repeat;
	background-position:3px 3px;
}
ul.application
{
	display:block;
	float:left;
	width:150px;
	list-style:none;
	margin:0px;
	padding:3px;
	font-size:11px;
	font-weight:600;
}
.application_right
{
	display:block;
	float:left;
	width:40px;
	margin-top:18px;
}

.application_hover a:link{
	color:white;
}
.application_hover a:hover{
	color:white;
}
.application_hover a:visited{
	color:white;
}


.application_even
{
	background:#adadb0;
	border-top:solid 1px #bbbbbd;
	border-bottom:solid 1px #8a8a8d;
	clear:both;
	overflow:hidden;
	color:#3a3a3a;
}

.application_odd
{
	background:#98989c;
	border-top:solid 1px #a7a8ab;
	border-bottom:solid 1px #898a8d;
	clear:both;
	overflow:hidden;
	color:#3a3a3a;
}

.application_hover
{
	background-color:#0277f0;
	border-top:solid 1px #a7a8ab;
	border-bottom:solid 1px #898a8d;
	color:white;
	clear:both;
	overflow:hidden;
	cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,137,245,1)), to(rgba(1,95,231,1)));
}

.application .appname
{
	font-weight:600;
	font-size:13px;
}




	
	
/* ========== */
/* = Footer = */
/* ========== */
#footer{
	border-top: none;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	
    -khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;

}

#footer img
{
	border:none;
}

#footer h1
{
	font-size:20px;
	color:white;
	letter-spacing:5px;
	text-transform:uppercase;
}

#footer ul{
	list-style:none;
}

#blackfooter /*Der eigentliche Footer*/
{
	padding:25px;
	width:800px; 
	background-color:#191919;
	border:none;
	color:#DDD;
	overflow:auto;
	min-height:300px;
	-webkit-border-radius:5px;	
        -khtml-border-radius:5px;
        -moz-border-radius:5px;
}

#footerlogo{
	border:none;
	background:none;
	position:relative;
	margin-bottom:-135px;
	padding-left:5px;
}

#rightfooter
{
	border:none;
	background:none;
	padding:0px;
	margin:0px;
	float:right;
	width:325px;
}

#leftfooter
{
	border:none;
	background-color:#191919;
	padding:0px;
	margin:0px;
	/*margin-right:325px;*/
	margin-top:125px;
}
#footer #Projekte
{
	margin-left:25px;
}

#footer #archiv{
	float:left;
	margin:25px;
	
}

#footer #archiv ul{
	padding-left:0px;
}

#footer #kategorie{
	float:right;
	margin:25px;
	width:225px;
	font-size:14px;

	
}

#footer #kategorie ul{
	padding-left:0px;
}

#footer #tag{
	float:right;
	margin:25px;
	width:225px;
}

#footer #kooperations-partner{
	margin:25px;
	margin-top:50px;
}

#footer #kooperations-partner a img{
	margin:25px;
}

#footer #impressum{
	position:relative;
	top:100px;
	margin-left:200px;
}


#pagefooter
{
	text-align:center;
}

#pagefooter img
{
	padding:25px;
	padding-bottom:0px;
}

.navigation .navtext{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px;
	position:relative;
	top:-3px;
}

.navigation a:link, .navigation a:active, .navigation a:visited{
	color:black;
}

.navigation #older{
	
}

.navigation #newer{
	/*margin-left*/
}

/* ================= */
/* = Comment       = */
/* ================= */

.says {display:none;}

.comment{
	margin:5px;
	
	padding:5px;
	overflow:hidden;
	-webkit-border-radius:5px;	
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
}
.comment ul{
	padding:0px;
	overflow:hidden;
	margin:0px;
}

li.comment.parent{
	margin-top:25px;
	border:none;
}

li.comment.odd{
	background-color:#f0f0f0;
	
}

li.comment.even{
	background-color:#FFF;
}

.comment-author.vcard{
	float:left;
}
.comment-meta
{
	margin-left:100px;
	overflow:hidden;
}
.comment p
{
	margin-left:100px;
}
.reply
{
	margin-left:100px;
}

#commentinput
{
	width:450px;
	height:220px;
}

.commentlist
{
	padding-left:15px;
}

#comments
{
	margin-top:25px;
}



/* ================= */
/* = Masterklassen = */
/* ================= */
.layout
{
	margin:0 auto;
	padding: 0px;
	text-align:left;
	background:none;
	border: none;
}

.box
{
	margin: 0px;
	padding: 0px;
	background:#FFFFFF;
	border: 1px solid #CCC;
	z-index:1;
	
}

#sidebar_skyscraper
{
    background-color:red;
    width:0px;
    height:600px;
    z-index:2;
    float:right;
    position:relative;
    right:-0px;
    border:0px;
}

#container {
	width: 902px;  
	margin-top: 25px;
	margin-bottom: 25px;
}



/* Sonstiges */

#debug
{
	position:fixed;
	margin:0px;
	width:100%;
	background-color:#f6bdbd;
	font-weight:bold;
	color:#333;
	padding: 3px;
	border-bottom: #000 solid 1px;
}


.tbd
{
	background-color:#FF0;
}


/* comments START */
#commentlist ol li, .dummycomment {
	list-style-type:none;
	background:#F1F5F6;
	margin-bottom:10px;
	padding-bottom:1px;
}
#commentlist ol li .authorinfo, .dummycomment .authorinfo {
	background:#E9EEF1;
	padding:7px 10px 6px 15px;
	border-bottom:1px solid #FFF;
}
.regularcomment blockquote, .regularcomment pre {
	background:#E9EEF1;
	border-color:#B0BEC7;
}
#commentlist ol li.trackback {
	background:#FFF;
}
#commentlist ol li.trackback a {
	color:#E05C23;
}
#commentlist ol li.trackback .authorinfo {
	background:#F1E9E1;
	border-bottom:none;
	margin-bottom:-1px;
}
#commentlist ol li.admincomment {
	background:#FAFDEC;
}
#commentlist ol li.admincomment .authorinfo {
	background:#ECF3D3;
}
.admincomment blockquote, .admincomment pre {
	background:#ECF3D3;
	border-color:#A6B97E;
}
#commentlist ol li .content {
	padding:8px 10px 0 15px;
}
.dummycomment .content {
	padding:8px 10px 8px 15px;
}
#commentlist ol li .content p {
	margin-bottom:8px;
	overflow:hidden;
}
.authorinfo .authoravatar {
	float:left;
	margin-right:10px;
	line-height:10px;
}
.authorinfo .authoravatar img {
	background:#FFF;
	padding:1px;
	border:1px solid #999;
}
.authorinfo .authortext {
	margin-right:10px;
	float:left;
}
.authorinfo .count {
	float:right;
	text-align:right;
	font-size:10px;
	color:#666;
}
.authorinfo .date {
	font-size:10px;
	color:#666;
}
.authorinfo .authorname {
	font-weight:bold;
}
#respond {
	background:#FAFDEC;
	padding:10px 0 10px 15px;
	font-size:10px;
}
#respond .row {
	margin-bottom:5px;
	position:relative;
}
#respond .textfield {
	width:200px;
}
#submit {
	font-size:10px;
	margin-right:10px;
	cursor:pointer;
}
#emoticon {
	float:right;
	margin-top:3px;
	margin-right:10px;
}
#comment {
	width:619px;
}
#commentnavi a.page-numbers {
	padding:6px 8px;
	text-decoration:none;
	margin:0 -2px;
}
#commentnavi a.page-numbers:hover {
	text-decoration:none;
	background:#ECF3D3;
}
#commentnavi span.pages {
	padding:0 10px 0 0;
	float:left;
}
#commentnavi span.current {
	background:#FFF;
	padding:6px 8px; 
	font-weight:bold;
	margin:0 -2px;
}
.says{
	display:none;
}


/* comments END */