/*
Theme Name: Advanced Simple Refined
Theme URI: http://www.advanced-simple.de
Description: a two column business blog theme for WordPress 2.x.
Version: 1.0
Author: Sven Albrecht
Author URI: http://www.advanced-simple.de
Tags: right sidebar, two-columns, flexible design
*/
* {
	margin:0;
	padding:0;
}
img {
	border:0 none;
}
body {
	background:#F9FAFB;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size:small;
	line-height:1.05em;	
}
p, li, th, td {
	font-size:105%;
	line-height:1.6em;
}
p, ul, ol, blockquote, h2, h3, h4, h5, h6 {
	display:block;
}
h2 {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	color:#083869;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:150%;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:15px;
	margin-top:14px;
	padding-left:6px;
}
h3 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:130%;
	font-weight:bold;
}
h4 {
	clear:both;
	color:#444444;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:120%;
	font-weight:bold;
	line-height:1.4em;
	margin-top:15px;
	width:100%;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
h6 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
acronym {
	cursor:help;
	border-bottom:1px dotted #333;
}
blockquote {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	color:#666666;
	font-family:Georgia,Times New Roman,Times,serif;
	font-style:italic;
	margin:1em;
	padding:12px;
}
a:link, a:visited, a:active {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
    display: block;
    left: -200%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.skiplinkholder a:focus, .skiplinkholder a:active {
    left: 0;
    top: 0;
    z-index: 100;
}
.skiptargetholder {
    left: -200%;
    position: absolute;
}
.skiplinkholder a,.skiplinkholder a:link, .skiplinkholder a:visited {
    background: #333366;
	background:rgba(8,56,105,0.7);
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 5px;
    text-decoration: none;
}

#content div li.more {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	float:left;
	font-size:110%;
	text-align:right;
	width:100%;
}

#header {
	height:153px;
	width:100%;
}
html, body {
	height:100%;
}
.cap {
	text-transform:uppercase;
}
#content {
	color:#333333;
	float:left;
	line-height:1.5em;
	min-height:100%;
	width:64% !important;
	margin-bottom:40px;
}
#sidebar {
	border-left:1px solid #CCCCCC;
	float:right;
	font-size:98%;
	margin:40px 0;
	width:35%;
}
#content .post {
	margin:20px 25px 0 0;
	padding: 0 3px 20px;
	width:94%;
}
#content .article, #content .portfolio{
    margin: 0 25px 0 0;
	padding-bottom:0;	
}
#content .clickable{
  cursor:pointer;
}
#content .hoverPortfolio{
  background:#fff;  
  -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
  -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  
}
#content .entry {
	padding:25px 0 0;
	width:100%;
}
#content .entry p {
	font-size:105%;
	margin:0;
	padding:5px 0;
}
#content .portfolio a:hover, #content .portfolio a:focus{
  text-decoration: none;  
}
#content .entry a {
	color:#535161;
}
a.more {
	background:url(images/content_link.png) no-repeat scroll left top transparent;
	color:#535161;
	padding:5px 0 6px 30px;
}
a.extern {
	background:url(images/extern_link.png) no-repeat scroll 0 5px transparent;
	color:#535161;
	padding:5px 0 5px 40px;
}
span.extlink {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}
#content a:hover, #sidebar a:hover {
	color:#000000;
	text-decoration:underline;
}
#content a:active, #sidebar a:active , #content .portfolio:active{
  position: relative;
  top: 1px;
}
#content pre code {
	color:#4682B4;
	font-size:105%;
	padding:5px 10px;
}
#content h2 {
	font-variant:small-caps;
	margin:0;
	padding:20px 0 5px;
}
#content h3 {
	font-variant:small-caps;
	margin-top:15px;
	padding:5px 0 10px;
}
#content ul {
	margin:5px 20px;
	padding:0 0 20px;
}
#content ol {
	margin:5px 20px;
	padding:0 0 20px;
}
#content ul.short {
	margin:0 20px;
	padding:0 0 10px;
}
#content .entry p img {
    -webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:8px solid #D9E0E6;
	margin:2px;
	max-width:95%;
}
#content .entry .thumb{
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
  border-radius:7px;
  border:6px solid #D9E0E6;
  float:left;
  margin:5px 15px 5px 0;
}

#content .portExcerpt, #content .webnotes{
  padding:0 0 20px 0;
  float:left;
}
.article, .portfolio{
  border-top:1px dashed #ccc;
  float:left;
}
.webnotes a{
  float:right;
}
.webnotes a.more{
  background-position:left 2px;
}
.webnotes em{
  font-weight:bold;
}
#content .sociable{

}
#content .sociable .postdate{
  float:left;
  margin:5px 15px 5px 0;
}
#content .sociable  #sharethis_0{
  float:right;
  margin:5px;
}
#content h3 a, #content h3 a:hover, #content h3 a:focus{
  color:#0d529b;
}
#sidebar .gutter {
	padding:0 10px;
}
.widget {
	color:#333333;
	line-height:1.5em;
	margin:0 0 20px;
	padding:0 0 12px;
}
.widget h3 {
	color:#333333;
	font-variant:small-caps;
	margin:0;
	padding:10px 15px;
}
.widget p {
	margin:0;
	padding:5px 15px;
}
.widget ul {
	padding:5px 5px 5px 35px;
}
.widget address {
	font-style:normal;
	margin:0;
	padding:5px 15px;
}
.widget a {
	color:#333333;	
}

#header {
	height:155px;
	left:3px;
	margin:0 auto;
	position:relative;
	top:1px;
	width:85%;
	min-width:770px;
	max-width:1200px;
}
#header h1 {
	font-size:180%;
	height:164px;
	left:0;
	line-height:2em;
	position:absolute;
	text-align:center;
	top:0;
	width:464px;
}
#nav {
	bottom:-8px;
	list-style:none outside none;
	position:absolute;
	right:15px;
	width:auto;
	z-index:1;
}
.error404 #nav{
  bottom:-4px;
}
#nav a, #nav span {
    color:#fff;
	display:block;
	padding:5px 0 0;
	font-weight:bold;

}
#nav li {
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	background:#083869;
	float:left;
	margin:0 5px;
	padding:0 12px 5px;

}
#nav .current_page_item, #nav .current_page_parent ,body.category-webdesign #nav .page-item-469, body.category-werkschau #nav .page-item-351, body.category-notizblock #nav .page-item-517{
    -webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	background:url(images/nav_bg.png) repeat-x left top #F9FAFB;
	padding-bottom:10px;

}
#nav .current_page_item a, #nav .current_page_parent a ,body.category-webdesign #nav .page-item-469 a, body.category-werkschau #nav .page-item-351 a, body.category-notizblock #nav .page-item-517 a{
	color:#083869;
	border-bottom:2px solid;
}
#nav a {
	float:none;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	border-bottom:2px solid;
}

.hidden {
	left:-10000px;
	position:absolute;
}
p {
	margin-top:1.5em;
}
#page {
	background:url(images/body_bg2-2.png) no-repeat scroll center top transparent;
	margin:0 auto;
	min-height:100%;
	text-align:left;
}
#main {
	margin:0 auto;
	padding-bottom:8.5em;
	width:85%;
	min-width:770px;
	max-width:1200px;
}
#footer {
	background:#004996;
	-moz-box-shadow:0 5px 10px rgba(8,56,105,0.8) inset;
	-webkit-box-shadow:0 5px 10px rgba(8,56,105,0.8) inset;
	box-shadow:0 5px 10px rgba(8,56,105,0.8) inset;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.5em;
	padding-bottom:1.5em;
	width:100%;
}
#footer a:hover, #footer a:focus, #footer a:active{
	text-decoration:none;
	border-bottom:1px solid;
}
#footer-inner{
 	margin:0 auto;
	width:85%;
	min-width:770px;
	max-width:1200px; 
}
#footer address p{
	float:left;
    padding: 5px 10px;
	margin:0;	
}
#footer p, #footer address{
	margin: 2% 0;
}
#footer address a{
  font-weight:normal;
  border-bottom: 1px dashed;
}
#footer address{
    float: left;
    font-style: normal; 	
    padding: 0 9%;
    width: auto;
}
.tel .type{
  display:none;
}
#footer #toplink{
  float:right;  
}
#footer #toplink a{
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background: #4d8086;
    background: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    padding: 2px 10px 5px 2px;    
}
#footer #toplink a:before{
  content:"\21e7\00A0";
  font-size:220%;
}
#footer #toplink a:hover{
    border: 1px solid #fff;
	background:#336dab;
    background: rgba(255,255,255,0.2);
    -moz-box-shadow: 0 0 7px rgba(255,255,255,0.9);
	-webkit-box-shadow: 0 0 7px rgba(255,255,255,0.9);
	box-shadow: 0 0 7px rgba(255,255,255,0.9);
    padding: 1px 9px 4px 1px;	
}
#footer #copyright{
 float:left;
}
#footer a {
	color:#FFFFFF;
}

#content .gutter {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:20px;
	padding:25px;
}

.group:after {
    content: ".";	
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #page {
	height:100%;
}
/* Slideshow */
 .portText{
  
}
#content .portImg{
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  background:#D9E0E6;
  border:8px solid #D9E0E6;
  float:left;
  padding-bottom:65%;
  margin:10px 20px 5px 0;
  width:97%;
 }
#content .portImg .sliderCtrl{
   text-align:center;
}
 #content .portImg ul{
	height:90%!important;
	width:100%!important;
	margin:0;
	padding:0;
}
#content .portImg li{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:8px solid #D9E0E6;
	margin-left:-8px;
	margin-top:-8px;
	height:auto!important;
	width:100% !important;
	list-style:none;
	display:none;
}

#content .portImg li img{	
	width:100%;
	vertical-align:bottom;
}
#content .entry p .wp-smiley{
  border:none;
}
#content h3#comments{
  margin-top:45px;
}
#content #commentlist{
  margin:5px 20px 5px 0;
}
#content #commentlist cite{
 
}
#content #commentlist cite a{
  font-style:normal;
  font-size:110%;
}
#content #commentlist li.comment{
  border:1px dashed #ccc;
  padding:15px;
  margin-bottom:10px;
  list-style:none;
}
#content #commentlist li.comment p{
  margin:5px;
  font-size:95%;
}
#content #commentlist li.comment p em{
  font-size:85%; 
}
#content #commentlist li.comment img{
    margin:5px 10px 5px 5px;
    float:left;
  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:5px solid #D9E0E6;
}
#sidebar.portfolio{
  border:none;
}
#sidebar .portMeta{
  margin:35px 2%;
}
#sidebar .back{
	margin:5px 2%;
 }
#sidebar .back a{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background:#2261A4;
	padding:5px 14px;
	color:#fff;
}
#sidebar .back a:hover, #sidebar .back a:focus, #sidebar .back a:active{
  background:#083869;
  text-decoration:none;
  color:#fff;
}
#sidebar .portMeta a{
   color:#535161;
}
#sidebar .portMeta a:hover, #sidebar .portMeta a:focus, #sidebar .portMeta a:active{
   text-decoration:underline;
   color:#000;
}
#content .prevBtn{
	padding:5px;
}
#content .nextBtn{
	padding:5px;
}
#content .entry .prevBtn img, #content .entry .nextBtn img{
	  border:none;
	  margin:0;
	  background:none;
}

/* Formular Layout*/
#content .cform{
    width:95%;
}
#content .cform label {
	color:#326CA0;
}
#content .linklove {
	display:none;
}
#content .cform fieldset {
	border:1px solid #DDDDDD;
	margin:15px 0;
	padding:10px;
}
#content .cform legend {
	color:#999999;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
	font-size:130%;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding-bottom:5px;
}
#content .cform textarea, #content .cform input {
	width:97%;
}
#content ol.cf-ol {
	margin:0 auto !important;
	width:80%;
	list-style:none;
}
#content span.reqtxt, #content span.emailreqtxt {
	color:#888888;
	display:block;
	font-size:9px;
	height:13px;
	letter-spacing:3px;
	line-height:13px;
	text-align:right;
	vertical-align:top;
	width:100%;
	margin:-15px 0 0;
}
#content .cform input, #content .cform textarea, #content .cform select {
    -webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border:3px solid #C5DAED;
	color:#326ca0;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 15px;
	padding:6px;
	vertical-align:top;
}
#content .cform textarea{
  height:12em;
}
#content .cform input.cf-box-a, #content .cform input.cf-box-b {
    width:5%;   
}

#content .cform input:hover, #content .cform textarea:hover, #content .cform select:hover , #content .cform input:focus, #content .cform textarea:focus, #content .cform select:focus {
	border:3px solid #326CA0;
	color:#326ca0;
}
#content .cform input.backbutton, #content .cform input.resetbutton, #content .cform input.sendbutton {
	-webkit-box-shadow:0 0 4px #326ca0;
	-moz-box-shadow:0 0 4px #326ca0;
	box-shadow:0 0 4px #326ca0;
	border:1px solid #c7d7e5 !important;
	background-position: 0 100%;
	text-shadow:0 1px 1px #FFFFFF;
	cursor:pointer;
	color:#326ca0;
	font-size:100%;
	width:25%;
}
#content .cform input.backbutton:hover, #content .cform input.resetbutton:hover, #content .cform input.sendbutton:hover{
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.1) inset, 0 0 2px #326ca0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1) inset, 0 0 2px #326ca0;
   box-shadow: 0 0 20px rgba(0,0,0,0.1) inset, 0 0 2px #326ca0;   
} 
::-moz-selection{background-color: #FFFF46 !important;color: #000 !important;}
::selection{background-color: #FFFF46 !important;color: #000 !important;}
::-webkit-selection{background-color: #FFFF46 !important;color: #000 !important;}
}

/* The CSS that's required to position the footer */

* html #page {
	height:100%;
}
#footer {
	margin:-8.5em auto 0;
	position:relative;
} /* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer {
	margin-top:-8.4em;
}