/*
Theme Name: apprupt Blog
Theme URI: http://www.apprupt.com/blog
Description: apprupt GmbH
Version: 1.0
Author: apprupt GmbH
Tags: mobile

*/


/* Basic Elements */
* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(/blog/wp-content/themes/apprupt/images/bgBodyWrapper.png);
	background-repeat: repeat-x;
	background-color: #f8f5f0;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}

a img {
	border: 0;
}

#bodyWrapper {
	margin: 0 auto;
	width: 63.50em;
}

p{
	color:#666666;
	font-size:0.75em;
}

hr {
	border: none;
	border-top:0.1em dotted #CCCCCC;
	margin-bottom:0.5em;
	margin-top:0.25em;
}

ol {
	color:#666666;
	font-size:12px;
	margin-left: 40px;
}

/* HEADER */

#header {
	height: 6.3em;
	padding-bottom: 0.9em;
	padding-left: 1em;
	padding-right: 0.4em;
}

	#logo {
		float: left;
		position: relative;
		padding-top: 0.9em;
	}

#rightBox{
	position: relative;
	float: right;
}

.dashboardBtn{
	background-image: url(/blog/wp-content/themes/apprupt/images/dashboardBtn.png);
	background-repeat: no-repeat;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
	width: 11.5em;
	height: 1.52em;
	padding-left: 1.5em;
	position: relative;
	float: right;
}

.dashboardBtn a{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#greeting{
	color: #666;
	font-size:0.8em;
	float: right;
	padding-right: 0.5em;
}

/* login area*/
.loginBtn{
	background-image: url(/blog/wp-content/themes/apprupt/images/loginBtn.png);
	background-repeat: no-repeat;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
	width: 70px;
	height: 1.52em;
	padding-left: 1.5em;
	cursor: pointer;
	position: relative;
	float: right;
}

.loginBtn a{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#loginBox {
background-color:#ddd;
padding:1em 2em;
width:15em;
top: 0.9em;
right: 0.53em;
position: absolute;
display: none;
z-index: 5;
-moz-border-radius-topleft: 0.5em;
-moz-border-radius-bottomleft: 0.5em;
-moz-border-radius-bottomright: 0.5em;
}

#loginBox label {
	display: block;
	font-size:0.8em;
	font-weight:bold;
}

#loginBox input {
	display: block;
}

#loginBox div{
	padding-bottom: 0.7em;
}

#loginBox span{
	font-size: 0.7em;
}

#loginBox #globalEmail,
#loginBox #globalPassword{
	width: 17.5em;
}

#loginBox .passwordForgot {
	font-size: 0.7em;
	color: #03A1D1;
	margin-left: 3em;
}

#loginBox .signUp {
	font-size: 0.7em;
	color: #03A1D1;
	margin-left: 1.4em;
}

#global_send_login{
	width: 9em;
	height: 1em;
	background-image: url(/img/basicBtn.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 0.75em;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	padding-top: 0.5em;
	margin-bottom: 1em;
	
}

/* Navigation */
#navigation {
	padding-top: 1.88em;
	padding-right: 0.5em;
	position:relative;
	clear: right;
	float:right;
	width: 43.7em;
	text-align: right;
}

#navigation ul li{
	display: inline;
}

#navigation ul li ul li{
	display: inline;
	float:left;
}

#navigation .mainLink{
	display: inline-block;
	width: 6em;
	height: 1.6em;
	text-align: center;
	padding-top: 0.3em;
	color: #666;
	text-decoration: none;
}

#navigation ul li:hover .mainLink{
	color:#03A1D1;
}

#navigation ul li .linkActive{
	color:#03A1D1;
}

#navigation .devLink{
	border-left: 0.09em solid #c0c0c0;
	border-right: 0.09em solid #c0c0c0;
}

#navigation .blogLink {
	border-right: 0.09em solid #c0c0c0;
}

#flip ul{
	display: none;
	position: absolute;
	right: 1.1em;
}

#navigation #flip:hover ul{
	display: block;
}

#flip .sublinkActive{
	display: block;
}

#flip2 ul{
	display: none;
	position: absolute;
	right: 12.3em;
}

#flip2:hover ul{
	display: block;
}

#flip2 .sublinkActive{
	display: block;
}

.subNavigation a{
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1.5em;
	color: #FFF;
	text-align: center;
	padding-top: 0.6em;
	padding-bottom: 0.8em;
	margin-top: 0.3em;
}

#flip .subNavigationAktive{
	background-color: #fff;
	color: #666;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
}

#flip2 .subNavigationAktive{
	background-color: #fff;
	color: #666;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
}

/* CENTER */
#center {
	background-image: url(images/bgCenter.png);
	background-repeat: repeat-y;
	padding: 1em;
}

#breadcrumbNavigation {
	padding-bottom: 1em;
}

	#breadcrumbNavigation a {
		text-decoration: underline;
	}
	
	#breadcrumbNavigation a, #breadcrumbNavigation .current, #breadcrumbNavigation .arrow {
		color: #b3b3b3;
		font-size: 0.7em;
	}
	
#bottom {
	background-image: url(images/bgBottom.png);
	height: 0.63em;
}


/* HOME */
#leftBlock {
	position:relative;
	float: left;
	width: 40.4em;
}

#leftBlock #banner {
	padding-bottom: 1.6em;
}

#rightBlock {
	position:relative;
	float: left;
	width: 20.5em;
	padding-left: 0.6em;
}

#rightBlock a {
	display: inline-block;
	color:#03A1D1;
	text-decoration:none;
	padding-left: 1em;
	font-weight: bold;
}

#rightBlock .btn{
	margin-left: 5em;
}

#rightBlock .news{
	min-height:8.67em;
	margin-bottom: 1.2em;
}

.twtr-tweets {
	font-size: 1.3em;
}

.twtr-hd h3{
	display: none;
}

/* FOOTER */

#footer {
	padding-top: 0.25em;
	padding-left: 0.5em;
	padding-right: 0.25em;
	padding-bottom: 0.25em;
}

#copy {
	float: left;
	position: relative;
}

#footerNavigation {
	float: right;
	position: relative;
}

	#footerNavigation ul {
		list-style-type: none;
	}
	
	#footerNavigation ul li {
		float: left;
		position: relative;
		padding-left: 0.25em;
		padding-right: 0.25em;
	}
	
	#copy, #footerNavigation ul li a {
		color: #999;
		font-size: 0.70em;
	}
	


/* Content Design -> 1 Spaltig */

#contentFull .message {
	-moz-border-radius: 0.5em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-right: 0.75em;
	padding-left: 5em;
	background-color: #faecdb;
	margin-bottom: 1em;
}

#contentFull .message p {
	font-size: 0.75em;
	color: #666;
}

#content70 .message p {
	padding-bottom: 0;
}

#content70 a {
	text-decoration: none;
	color: #03A1D1;
}


.box {
	-moz-border-radius: 0.5em;
	padding: 0.75em;
	background-color: #FDFAFA;
}

.box ul{
	color:#666666;
	font-size:0.75em;
	padding-left: 1.2em;
}

.box ul li{
	padding-bottom: 1.5em;
}

/* Text Design */

h1 {
	font-size: 1.3em;
	color: #03a1d1;
	padding-bottom: 2em;
}

h2 {
	font-size: 1em;
	color:#666;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
	border-bottom: 0.1em #ccc dotted;
	padding-right: 100px;
}

#content70 h2 a {
	color: #666;
}

h3 {
	font-size: 0.80em;
	color:#999;
	padding-bottom: 0.25em;
	margin-bottom: 1em;
	border-bottom: 0.1em #ccc dotted;
}

.linkBlock {
	display: block;
	background-image: url(images/iconLink.png);
	background-repeat: no-repeat;
	margin-top: 0.5em;
	padding-left: 0.75em;
	color: #666666;
	font-size: 0.75em;
	
}

.linkBlockTop {
	background-image:url(images/iconLinkTop.png);
	background-repeat:no-repeat;
	color:#666666;
	display:block;
	font-size:0.8em;
	margin-top:0.5em;
	padding-left:1.25em;
}

#content30 {
	float: right;
	position: relative;
	width: 25%;	
}


#sidebarPage {
	background-color: #f3f2f2;
	padding: 0.75em;
	margin-bottom: 1em;
	-moz-border-radius: 0.5em;
}

	#sidebarPage p {
		padding-bottom: 1em;
		line-height: 1.4em;
	}

#content70 {
	float: left;
	position: relative;
	width: 70%;
	padding-left: 1em;
}
	
	#content70 p {
		font-size: 0.8em;
		color: #666666;
		line-height: 1.35em;
		padding-bottom: 1em;
	}

/* box with member*/
#boxMember {
	height: auto;
	background-color: #FFF;
	padding: 0.75em;
	color: #999;
}
	#boxMember img{
		float:left;
		position: relative;
		padding-right: 0.7em;
		padding-top: 0.19em;	
	}
	
	#boxMember a {
		color: #999;
		text-decoration: underline;
	}

/* Box Help & Support -> Hilfe & Support */
	
#box-Help {
	height: auto;
	background-color: #FFF;
	padding: 0.75em;
	color: #999;
}

	#box-Help a {
		color: #999;
		text-decoration: underline;
		padding-left: 0em;
	}
	
	#searchForm {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	#searchForm .text, #searchForm .submit {
		float: left;
		position: relative;
	}
	
	#searchForm .text {
		padding-top: 0.5em;
	}
	
	#faqNavigator {
		height: 8em;
		margin-top: 0.75em;
		overflow: auto;
	}
		
		#faqNavigator ol {
			margin-left: 1.75em;	
		}
	
			#faqNavigator ol li a {
				text-decoration: underline;
			}
			
/* faq */
.faqList {
	margin-bottom: 1em;
}
	
	.faqList ul {
		margin-left: 1.5em;
		font-size: 0.8em;
	}
	
		.faqList ul li {
			line-height: 1.5em;
		}
	
			.faqList ul li a {
				color: #666666;
				text-decoration: underline;
			}
#contentFull p {
padding-bottom: 1em;
color: #666;
}

#contentFull .contentList {
margin-left: 1em;
margin-bottom: 1em;
}


#contentFull .contentList {
font-size: 0.85em;
color: #666;
}

h2, h3 {
padding-top: 1em;
}

h3 a {
text-decoration: none;
}

/* kontakt */
#name,
#email,
#subject{
	width: 17em;
}

#message{
	width: 25em;
	height: 10em;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.9em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.subNavigation a{
		padding-top: 0.8em;
	}
	
	#loginBox {
	right: 0.40em;
	}
}

/* ##################BLOG################ */

/* SIDEBAR */

#followUs, #sidebar {
	background-color: #f3f2f2;
	padding: 0.75em;
	-moz-border-radius: 0.5em;
	margin-bottom: 1em;
}

.element .img {
	float: left;
	position: relative;
	width: 1.88em;
	margin-right: 1em;
}

.element .name {
	float: left;
	position: relative;
	padding-top: 1em;
}

.element .name a {
	color: 	#03a1d1;
	font-size: 0.80em;
	margin-left: 1.5em;
}

#sidebar ul {
	list-style-type: none;
	clear: both;
}

.screen-reader-text {
	font-size: 0.8em;
	color: #666;
	display: block;
	margin-bottom: 0.25em;
}

#sidebar h2, #followUs h2 {
	font-size: 0.80em;	
}

.blogHomeLink {
	margin-bottom: 0.75em;	
}

.blogHomeLink a {
	color: #03A1D1;
	text-decoration: none;	
	font-size: 0.80em;
}

/* wp sidebar */

#sidebar h3, #followUs h3 {
	color: #666;
}
#sidebar div.title {
	margin-bottom: 0.5em;
	border-bottom: 0.1em dotted #CCC;
	font-size: 0.80em;
	font-weight: bold;
	color: #666;
}

#sidebar ul  {
	margin-bottom: 1em;
}

#sidebar ul li  {
	padding-left: 1em;
	color: #03A1D1;
	font-size: 0.80em;
	line-height: 1.5em;
}

#sidebar a {
	color: #03A1D1;
	text-decoration: none;	
}


/* Searchform Input Text */

#s {
	border:0.1em solid #DDDDDD;
	padding:0.25em;
	margin-bottom: 1em;
}


/* POSTINGS */

.postField{
	position: relative;
}

.dateField{
	position: absolute;
	background-image: url(/blog/wp-content/themes/apprupt/images/dateField.png);
	background-repeat: no-repeat;
	height: 1.6em;
	width: 6.5em;
	right: 0em;
	top: -2.55em;
	color:#FFF;
	text-align: center;
	padding-top: 0.4em;
	font-size: 1.2em;
}

.dateField strong{
	font-size: 0.8em;
}

.post {
	margin-bottom: 1em;	
}

.editor {
	position: relative;
	text-align: right;	
	font-size: 0.75em;
	margin-bottom: 1.25em;
	color: #CCC;
}

/* SOCIABLE */

.sociable {
	padding-top: 1em;	
	padding-bottom: 1.5em;
}

.sociable_tagline {
	color: #666;
	font-size: 0.8em;
	padding-bottom: 1em;
}

.sociable ul {
	list-style-type: none;
}

.sociable ul li {
	float: left;
	position: relative;
	padding-right: 0.25em;
}

.sociable img {
	border: solid #999 0.1em;	
}

/* COMMENTS */

.commentlist {	
	list-style-type: none;
}

.commentlist li {
	background-color: #F3F2F2;
	padding: 0.75em;
	-moz-border-radius: 0.5em;
	margin-bottom: 0.75em;
}

.comment-author, .comment-meta {
	padding-bottom: 0.5em;	
	font-size: 0.80em;
}

#comment {
	width: 50%;
	padding: 0.25em;
	font-size: 0.85em;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* newsletter */
.newsletter label {
	color:#666666;
	font-size:1em;
	margin-right: 0.25em;
	display: inline-block;
	width: 3em;
}

.newsletter #newsletter_name {
	border:0.1em solid #DDDDDD;
	padding:0.25em;
	width: 15em;
	margin-bottom: 0.5em;
}

.newsletter #newsletter_email {
	border:0.1em solid #DDDDDD;
	padding:0.25em;
	width: 15em;
	margin-bottom: 0.5em;
}

.newsletter .positionRight{
	text-align:right;
}

.newsletter #send {
	margin-right:1.2em;
	background-image: url(/blog/wp-content/themes/apprupt/images/basicBtn.png);
	background-repeat: no-repeat;
	border: none;
	width: 8em;
	height: 2em;
	color: #FFF;
	font-weight: bold;
}

.img2{
	float: left;
	margin-right: 0.5em;
}

.spacer{
	margin-bottom: 1.5em;
}

/* search*/
#searchsubmit{
	background-image: url(/blog/wp-content/themes/apprupt/images/basicBtnSmall.png);
	background-repeat: no-repeat;
	border: none;
	width: 4.3em;
	height: 2em;
	color: #FFF;
	font-weight: bold;
}

#pageScroll{
	text-align: center;
	font-size: 0.8em;
	padding-top: 4em;
	color: #666;
}

#pageScroll a{
	background-image: url(/img/pfeil.png);
	background-repeat: no-repeat;
	background-position: right 0.5em;
	padding-right: 0.8em;
}

#pageScroll .previous{
	background-image: url(/img/pfeilFlip.png);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding-right: 0em;
	padding-left: 0.8em;
}

/* ie7 fix */
*+html #s{
	width: 10em;
	float: left;
}


.pagenav{
	display: none;
}

#content70 ul {
	color:#666666;
	font-size: 0.75em;
	padding-left: 2em;
}

#content70 li {
	padding-top: 0.3em;
}