/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
} 
body { 
	line-height: 1; 
}

ol, ul { 
	list-style: none; 
} 

blockquote, q { 
	quotes: none; 
} 
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none; 
} 
:focus { 
	outline: 0; 
} 
ins { 
	text-decoration: none; 
} 
del { 
	text-decoration: line-through; 
}
table { 
	border-collapse: collapse;
	border-spacing: 0; 
}
a img{
	border:none;
}




/* 
   General 
------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #b3b3b3;
	color: #ffffff;
	font: normal 13px Helvetica,Arial,sans-serif;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}



h1, h2, h3, h4, h5, h6{
	margin-bottom:5px;
	font-weight:bold;
	color:#131828;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#131828;
	text-decoration:none;
}
/*
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:#252c44;
	text-decoration:none;
}
*/
h1{font-size: 28px; line-height:28px;}
h2{font-size: 20px; line-height:20px;}
h3{font-size: 16px; line-height:16px;}

h1.sep, h2.sep{
	width:100%;
	padding-bottom:10px;
	background: url('images/separator_light.png') left bottom repeat-x;
}

/* 
   Links 
------------------------------------------------------------------- */

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





/* 
   Floats
------------------------------------------------------------------- */

.left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}





/* 
   Buttons
------------------------------------------------------------------- */

.button a{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
	height:26px;
	line-height:26px;
	background-position: 0 0;
}
.button a:hover {
	background-position: 0 -26px;
}

.button_readmore_de a{
	width: 87px;
	background: url(images/buttons/read_more_de.png) no-repeat;
}
.button_readmore_en a{
	width: 87px;
	background: url(images/buttons/read_more_en.png) no-repeat;
}

.button_readblog_de a{
	width: 108px;
	background: url(images/buttons/read_my_blog_de.png) no-repeat;
}
.button_readblog_en a{
	width: 108px;
	background: url(images/buttons/read_my_blog_en.png) no-repeat;
}

.button_learnmore_de a{
	width: 108px;
	background: url(images/buttons/learn_more_de.png) no-repeat;
}
.button_learnmore_en a{
	width: 108px;
	background: url(images/buttons/learn_more_en.png) no-repeat;
}

.button_contactme_de a{
	width: 108px;
	background: url(images/buttons/contactme_de.png) no-repeat;
}
.button_contactme_en a{
	width: 108px;
	background: url(images/buttons/contactme_en.png) no-repeat;
}

.button_rss_sidebar a{
	margin-left:15px;
	width: 130px;
	background: url(images/buttons/rss_sidebar.png) no-repeat;
}
.button_twitter_sidebar a{
	width: 130px;
	background: url(images/buttons/twitter_sidebar.png) no-repeat;
}

.button_followme a{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
	height:39px;
	line-height:39px;
	background-position: 0 0;
	width: 108px;
	background: url(images/buttons/twitter_bottom.png) no-repeat;
}
.button_followme a:hover {
	background-position: 0 -39px;
}




/* 
   Layout 
------------------------------------------------------------------- */

/* General ################################*/
#background_wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 1127px;
	background: #4A627D url('images/background.png') repeat-y;
}

.center_wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 940px;
	position:relative;
}
.center_sidebar_bg{
	background: url('images/center_sidebar_bg.png') repeat-y;
}





/* Header ################################*/
#header {
	margin: 0 auto;
	padding: 0px;
	width: 1064px;
	height: 59px;
	background: #212b3f url('images/header_bg.png') no-repeat;
}





/* Logo ################################*/
#logo {
	background: url('images/logo.png') no-repeat;
	width:333px;
	height:58px;
	padding:0;
	float:left;
}





/* Navigation ################################*/
#navigation{
	width:600px;
	height:45px;
	float:right;
	padding-top:14px;
}

#navigator a{
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -8000px;
}

ul#navigator,  
ul#navigator li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#navigator {
	width: 600px;
	height: 30px;
	display: inline;
}

ul#navigator li {
	float: right;
	display: inline;
	height: 30px;
	line-height: 30px;
	margin-left:5px;
}

ul#navigator li a {
	float: left;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

ul#navigator li a:hover {
	background-position: 0 -60px;
}

ul#navigator li.current_page_item a, ul#navigator li.current_page_item a:hover {
	background-position: 0 0;
}

ul#navigator li#nav-home a {
	width: 74px;
	background-image: url(images/nav_bar/home.png);
}

ul#navigator li#nav-blog a {
	width: 74px;
	background-image: url(images/nav_bar/blog.png);
}

ul#navigator li#nav-iphone a {
	width: 74px;
	background-image: url(images/nav_bar/iphone.png);
}

ul#navigator li#nav-desktop a {
	width: 74px;
	background-image: url(images/nav_bar/desktop.png);
}
ul#navigator li#nav-portfolio a {
	width: 74px;
	background-image: url(images/nav_bar/portfolio.png);
}
ul#navigator li#nav-support a {
	width: 74px;
	background-image: url(images/nav_bar/support.png);
}


ul#navigator li#nav-language-de a {
	width: 74px;
	background-image: url(images/nav_bar/language.png);
	background-position: 0 -30px;
}
ul#navigator li#nav-language-en a {
	width: 74px;
	background-image: url(images/nav_bar/language.png);
	background-position: 0 0;
}
ul#navigator li#nav-language-de a:hover{
	background-position: 0 -30px;
}
ul#navigator li#nav-language-en a:hover{
	background-position: 0 0;
}

/* Middle ################################*/
#middle {
	line-height: 1.4em;
	padding-top: 17px;
	padding-bottom: 31px;
}

.content_padding{
	padding-top: 7px; /* ->even to sidebar rss/twitter button */
}

.post_sep{
	padding-bottom:10px;
	margin-bottom:10px;
	background: url('images/separator_light.png') left bottom repeat-x;
}

#headline_image{
	margin-bottom:35px;
}
#headline_image img{
	height:92px;
}

/* content full ################################*/
#content_full {
	width: 940px;
}

#content_full #headline_image img{
	width:940px;
}

/* App Page ################################*/
#content_full #app_icons{
	width: 940px;
}

#app_icons div.app_icon,
#app_icons div.app_icon_nohover{
	font-size:10px;
	padding:0;
	margin-bottom:15px;
	text-align:center;
	float:left;
	width:94px;
	height: 104px;
	background:none;
}
#app_icons div.app_icon a{
	text-decoration:none;
}

#app_icons div.app_icon_active,
#app_icons div.app_icon:hover{
	background-image: url('images/app_icon_bg.png');	
}

#app_icons div.app_icon img,
#app_icons div.app_icon_nohover img{
	margin-top:16px;
	/* ie6.css: margin-left:0px; */
	margin-left:16px;
	display:block;
	width:61px;
	height:61px;
}

#app_banner{
	padding:0;
	margin-bottom:40px;
	width:940px;
	height:282px;
	background: url('images/app_banner_bg.png') repeat-x;
}
#app_banner img{
	width:940px;
	height:282px;
	background:none;
}

#app_description{
	width:940px;	
}

#app_description .column{
	float:left;
	width:300px;
	margin-right:20px;
}
#app_description .column h1{
	margin-bottom:15px;
	line-height:28px;
}
#app_description .column h2{
	margin-bottom:15px;
	line-height:28px;
}

#app_description .column img.screenshot,
#app_description .column a img.screenshot{
	float:left;
	height:124px;
	width:94px;
	margin-right:9px;
	margin-bottom:9px;
}
#app_description .column img.lastscreenshot,
#app_description .column a img.lastscreenshot{
	margin-right:0px;
}

#app_description .features ul li{
	background: url('images/ul_disc_dark.png')no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#app_description .reviews ul li{
	background: url('images/separator_light.png') left top repeat-x;
	padding-top: 10px;
	margin-top: 10px;
}
#app_description .reviews ul li strong{
	color:#131828;	
}

#app_description .firstcolumn p{
	font-size: 15px;
	margin-bottom:15px;
}
#app_description .midcolumn{
	
}
#app_description .lastcolumn{
	padding-top:140px;
	margin-right:0px;
}
#app_description .lastcolumn p{
	font-size: 11px;
	margin-bottom: 20px;
}
#app_description .lastcolumn img{
	margin-bottom: 5px;
}

/* iphone image*/
.center_wrapper #iphone_image{
	position:absolute;
	height:414px;
	width:224px;
	z-index:100;
	top:150px;
	left:638px;
}

/* download button*/
.center_wrapper #download{
	position:absolute;
	padding-top:20px;
	height:89px;
	width:226px;
	z-index:100;
	top:330px;
	left:200px;
	background:transparent url('images/download_bg.png') no-repeat;
	text-align:center;
}
.center_wrapper #download a{
	text-decoration:none;
}
.center_wrapper #download a:hover{
	color:#d6fafa;
	text-decoration:none;
}
.center_wrapper #download a strong{
	margin-bottom:5px;
	display:block;
	font-size:20px;
}


/* Apps Index ################################*/
#content_full .app_row{
	width: 940px;
	margin-bottom:20px;
}
.app_row .column{
	float:left;
	width:300px;
	margin-right:20px;
}
.app_row .column p{
	margin-top:5px;
	margin-bottom:5px;
}
.app_row .lastcolumn{
	margin-right:0px;
}

/* content right ###############################*/
#content_right{
	width: 300px;
}
#content_right .app_row{
	width: 300px;
	margin-bottom:20px;
}

/* content left ################################*/
#content_left {
	width: 620px;
}

#content_left #headline_image img{
	width:620px;
}

#content_left .post,
#content_left .comment{
	font-size: 13px;
	margin-bottom:35px;
}

/* content left general */
#content_left .post ul,
#content_left .comment ul,
#content_left .post ol,
#content_left .comment ol,
#content_left .post p,
#content_left .comment p{
	margin-bottom:10px;
}

#content_left .post ul li,
#content_left .comment ul li{
	background: url('images/ul_disc_dark.png')no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#content_left .post ol,
#content_left .comment ol{
	margin-left: 25px;
	list-style:decimal;
}

#content_left .post_body{
	margin-bottom:15px;
}
#content_left .post_body a {
	color: #4db5b5;
	text-decoration: underline;
}
#content_left .post_body a:hover {
	color: #59d1d1;
	text-decoration: none;
}


#content_left .post .post_date,
#content_left .comment .post_date{
	margin-bottom:15px;
}
#content_left .post .post_meta{
	margin-top:15px;
}
#content_left .post .post_date a, 
#content_left .comment .post_date a,
#content_left .post .post_meta a{
	text-decoration:none;
}
#content_left .post .post_date a:hover, 
#content_left .comment .post_date a:hover,
#content_left .post .post_meta a:hover{
	text-decoration:underline;
}
#content_left .post .post_date strong, 
#content_left .comment .post_date strong, 
#content_left .post .post_meta strong{
	font-weight:bold;
	color:#131828;
}

/* Comments Form*/
#comments .form{	
	width:100%;
	margin-top:10px;
}

#comments .form ul{
	list-style: none;
	margin: 0px ;
	padding: 0px;
 }

#comments .form li.title {
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	padding-top:10px;
}

#comments .form li{ /* contact form errors*/
	font-size:11px;
	color:#ff0000;
}

#comments .form textarea,
#comments .form select,
#comments .form input { 
	font-size:12px;
	color:#131828;
}

#comments .form form {
	overflow:hidden;
}

#comments .form .inputfield {
	border:1px solid #212B3F;
	width:290px;
	padding:4px;
	display:block;
}
#comments .form textarea {
	width:614px;
	height:100px;
	border:1px solid #212B3F;
	font-family: Helvetica,Arial,sans-serif;
	padding:2px;
	overflow:auto;
	display:block;
}

#comments .form input:focus, 
#comments .form textarea:focus{
	background-color: #D6E1EA;
}

#comments .form input.submit_button{
	margin-top:12px;
	width:87px;
	height:26px;
	line-height:26px;
	padding-top:0px;
	border:0px;
	color:#fff;
	background: url('images/buttons/blank.png') no-repeat;
}


/* Sidebar ################################*/
#sidebar_wrapper {
	width: 300px;
	background: url('images/sidebar_mid_bg.png') repeat-y;
}
#sidebar_top {
	width: 300px;
	height:26px;
	background: url('images/sidebar_top_bg.png') top left no-repeat;
	margin:0px;
	padding-top:42px;
}
#sidebar_content {
	width: 270px;
	padding: 15px;
	margin:0px;
}
#sidebar_bottom {
	width: 300px;
	height:10px;
	background: url('images/sidebar_bottom_bg.png') bottom left no-repeat;
	margin:0px;
}

#sidebar_top .button{
	float:left;
}
#sidebar_top .button_twitter_sidebar{
	margin-left:10px;
}


#sidebar_content .sidebar_box{
	margin-bottom:20px;
}

.sidebar_box h3{
	height:20px;
	width:100%;
	padding-bottom:10px;
	margin-bottom:5px;
	background: url('images/separator_dark.png') left bottom repeat-x;
	color:#4db5b5;
	font-size:16px;
}
.sidebar_box a {
	color: #4db5b5;
	text-decoration: none;
}
.sidebar_box a:hover {
	text-decoration: underline;
}

.sidebar_box p {
	padding: 5px 0;
}
.sidebar_box ul {
	color:#b2bcc9;
	margin-left: 15px;
	list-style: disc;
}
.sidebar_box li {
	padding: 5px 0;
	border: none;
}
.sidebar_box li a {
	color: #ffffff;
	text-decoration: none;
}
.sidebar_box li a:hover {
	color: #59d1d1;
	text-decoration: underline;
}

/* search box */
.sidebar_box form{
	width:270px;	
}
.sidebar_box form input { 
	width:260px;	
	font-size:12px;
	color:#131828;
	border:1px solid #9da1a9;
	padding:4px;
	display:block;
}
.sidebar_box form input:focus{
	background-color: #D6E1EA;
}

.sidebar_box .ads a.ad {
	background: url('images/ads_bg.png') no-repeat;
	width: 125px;
	height: 125px;
	padding:2px;
	float: left;
	margin-bottom: 10px;
}
.sidebar_box .ads a.left_ad{
	margin-right: 5px;
}
.sidebar_box .ads a.right_ad{
	margin-left: 5px;
}

.sidebar_box .ads a.ad img {
	width:125px;
	height:125px;
}



/* Bottom ################################*/
#bottom_wrapper {
	margin: 0 auto;
	padding: 0px;
	width: 1064px;
	background: url('images/bottom_mid_bg.png') repeat-y;
}
#bottom_top{
	width: 1064px;
	height:10px;
	background: url('images/bottom_top_bg.png') top left no-repeat;
	margin:0px;
}
#bottom_content{
	line-height:15px;
	width: 1064px;
	margin:0px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#bottom_bottom{
	width: 1064px;
	height:10px;
	background: url('images/bottom_bottom_bg.png') bottom left no-repeat;
	margin:0px;
}

#bottom_content .bottom_box {
	width: 220px;
	margin-right:20px;
}
#bottom_content .bottom_box_last {
	width: 220px;
	margin-right:0px;
}

#bottom_content h3{
	height:20px;
	width:100%;
	padding-bottom:10px;
	margin-bottom:5px;
	background: url('images/separator_dark.png') left bottom repeat-x;
	color:#4db5b5;
	font-size:16px;
}

#bottom_content p {
	padding: 15px 0;
}
#bottom_content ul {
	padding-bottom: 15px;
}

#bottom_content li {
	padding-top:15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #555c6a;
}

#bottom_content a {
	color: #4db5b5;
	text-decoration: none;
}
#bottom_content a:hover {
	color:#59d1d1;
	text-decoration: underline;
}



/* Footer ################################*/
#footer {
	font-size:12px;
	color: #212b3f;
	padding: 12px 0;
	height: 59px;
}
#footer .right a {
	color: #4db5b5;
	text-decoration: none;
}
#footer .right a:hover {
	color: #59d1d1;
	text-decoration: underline;
}



/* Contactform ##########################*/
#wpcf {
	margin-top:40px;	
}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	font-weight:bold;
}
#wpcf input {
	float: left;
	border:1px solid #212B3F;
	width: 292px;
	padding:4px;
	margin: 2px 5px 2px 0;
	font-size:12px;
}
#wpcf textarea {
	border:1px solid #212B3F;
	width: 450px;
	height: 150px;
	font-family: Helvetica,Arial,sans-serif;
	padding:2px;
	overflow:auto;
	margin: 0 5px 0px 0;
	font-size:12px;
}

#wpcf input:focus, 
#wpcf textarea:focus{
	background-color: #D6E1EA;
}

#wpcf #contactsubmit {
	width:87px;
	height:26px;
	line-height:26px;
	padding-top:0px;
	border:0px;
	color:#fff;
	background: url('images/buttons/blank.png') no-repeat;
}



/* Portfolio ############################*/
#portfolio-mid {
	width: 920px;
	height: 600px;
	padding: 10px;
	margin: 0px;
	background: transparent url(images/portfolio/indexbg.png) no-repeat 50% 0;
}

.panel{
	position: relative; 
	display: block; 
	width: 920px;
	height: 600px;
}

.post-title{
	max-width: 870px;
	padding: 16px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	background: #212B3F;
	font-size:28px;
}

.entry {
	color: #F8F8F8;
	max-width: 260px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	background: #212B3F;
	font-size: 13px;
	line-height: 15px;
}


.entry a {
	color:#4db5b5;
	text-decoration:none;
}
.entry a:hover {
	color:#59d1d1;
	text-decoration:underline;
}


.entry p {
	margin-top:8px;
	margin-bottom:8px;
}
.entry ul {
	margin: 5px 0 10px 0;
}
.entry li {
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #3b3b3b;
	list-style: none;
}

/* Coda Slider */

.csw {width: 100%; height: 600px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}

.stripViewer {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 920px;
	height: 600px;
	margin: 0px auto;
	padding: 0;
	
}
.stripViewer .panelContainer {
	position: relative;
	left: 0; 
	top: 0;
	width: 100%;
}
.stripViewer .panelContainer .panel {
	float:left;
	height: 600px;
	position: relative;
	width: 920px;
}
.stripNavL, .stripNavR {
	position: absolute;
	top: 270px;
	z-index: 200;
}

.stripNavL{
	left: 0px;	
}
.stripNavR {
	right: 0px;	
}

/* 
   IE float/background fixes
------------------------------------------------------------------- */

blockquote, #sidebar_wrapper, #bottom_wrapper {min-height: 0.01%;}