@import "reset.css";
@import "reset2.css";

html, body { 
	background:url(images/bg3.png) repeat-y #b1eafc center fixed;
	font-size: 101%;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	height: 100%;
	/*width:99.7%;*/
}

a{ 
	color:#633000; 
	text-decoration:none;
 }
a:link {}
a:visited {}
a:hover { color:#23B9D9; }
a:active { color:#23B9D9; }

a.btn, button, .btn, .btn2{
	background:url(images/btn.gif) no-repeat right top;
	color:#F9F5EA;
	cursor:pointer;
	display:block;
	/*float:left;*/
	font-size:12px;
	font-weight:700;
	height:33px;
	line-height:33px;
	padding:0 10px;
	text-align:center;
	width:130px;
      
}

button, .btn, .btn2{
	border:0;
	color:#FFEFC2;
	height:33px;
	width:150px;
      float:left;
}

.btn2{
	float: none;
}

a.btn:hover, button:hover, .btn:hover, .btn2:hover{ background-position:right center;color:#633000;}
a.btn:active, button:active, .btn:active, .btn2:active{background-position:right bottom;color:#633000;}

h1{font-size:70px;font-weight:900;letter-spacing:-6px;}
h2{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:25px;}

h3{
	font-size:14px;
	font-weight:700;
	color:#633000;
	margin-top:5px;
	margin-bottom:10px;
}

h3#comments{ 
	margin-left: 166px;
	width: 930px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.fullcolpost h3{ font-size: 18px;}

h4{font-size:18px;font-weight:700;}
h5{font-size:12px;margin-bottom:10px;margin-top:3px;}
h5#blog_date{
	font-size:12px;
	margin-bottom:20px;
	font-weight: bold;
}

.fullcolpost h5{
	color:#633000;
	font-style: normal;
   margin-bottom:20px;
}

.fullcolpost p a{font-weight: bold;}



p, li, input, textarea{font-size:12px;line-height:17px;}

hr{margin-bottom:20px;}acronym{cursor:help;}

noscript p, .noscript{
	background:url(task.png) #FFEFC2 no-repeat top left;
	border:1px solid #FB6B12;
	color:#FB6B12;
	font-size:18px;
	font-weight:700;
	height:35px;
	margin:0 10px;
	padding:25px 0 3px 70px;
}

strong { font-weight:bold; }

.beige{color:#F9F5EA; }
.blue{ color:#23B9D9; }
.orange{ color:#FB6B12; }
.green{ color:#CCCC03; }

.clear { clear:both; float:none; }

.logotype{ color:#23B9D9; font-weight:700; }

.marginup{ margin-top:-70px; }
.cursor{ cursor:pointer; }
.right{float:right; text-align:right; }


#wrapper{ 
	height:auto !important;
	height:100%;
	min-height:100%; 
}

#headerbox
{
	position:relative;
	bottom: 8px;
}

#headerbox, #contentbox, #bignavbox, #footerbox{ 
	margin:auto;
	width:960px; 
}


#header{ 
	background:transparent url(images/header/bg2.png) repeat-x scroll 0 0;
	/*border:1px solid;*/
	height:84px;
	/*left:-7px;
	position:relative;
	top:-8px;*/
	/*width:1263px;*/
}


#shadow_top { 
	background: transparent url(images/shadow/top2.png) repeat-x scroll 0 0;
	height:20px;
	/*width:1265px;*/
	border-top: 1px solid #633000;
}

#shadow_bottom {
	background:transparent url(images/shadow/bottom.png) repeat-x scroll 0 0;
	border-bottom:1px solid #633000;
	clear:both;
	height:23px;
	position:relative;
	top:8px;
	/*width:1265px;*/
}


#headerlogo img{ 
	margin:35px 0 0 16px; 
	border:medium none;
}

#headernav{ 
	float:right;
	margin-top: -10px;
}
#headernav li{ display:block;float:left;margin-top:55px;padding:10px 3px 15px 3px;text-align:left;z-index:5; }
#headernav a{font-weight:700;padding:8px;padding-bottom:0px;}

#headernav a:hover{ 
	color: #23B9D9; 
}

#headernav .selected{-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;padding-bottom:10px;background:transparent url(images/bg_selected.png) repeat-x 0 3px;color:#F9F5EA;}

#content{ 
    background:transparent none repeat scroll 0 0;
	position:relative;
	top: -8px;
}


#slidebox, #contentbox{overflow:hidden;}

.main{min-height:380px;padding:40px 25px 0 25px;padding:0;}

div, li{border:0px solid gray;}

.main{margin-top:40px;}
.main div{float:left;}
.main .colwrapper{padding-right:40px;margin:0;width:970px;}
.main .fullcol{float:left;clear:both;margin:15px 15px 8px 15px;width:930px;}
.main .fullcolpost{float:left;clear:both;margin: 0px 15px 8px;width:930px;}

.main .fullcol p, .main .fullcolarv p{ font-size: 14px;}

.main .fullcolarv{float:left;clear:both;margin:0 10px 0;width:930px; padding:5px;}
.main .fullcolarv p.postmetadata{ font-size: 12px;}

.main .fullcolpost p{ font-size: 14px;}
.main .fullcolpost p#comment{ font-size: 12px;margin-top: 60px;font-weight:bold;}
.main .fullcolpost .postimg{
	border: 6px solid #633000;
	margin-top: 10px;
}


.main .halfcol{
	float:left;
	margin:15px 15px 8px;
	width:446px;
}

.main .halfcol2{
	float:left;
	/*margin: 0px 15px 8px 15px;*/
	margin-right:8px;
	padding:5px;
	width: 310px;
}

.main .halfcol2 h3{ font-size: 18px;}
.main .halfcol2 h5{ margin-bottom: 23px;}
.main .halfcol2 a{ font-weight: bold;}


.main .halfcol p#index{ margin-left: 17px; margin-top: 20px; font-weight:bold;}


.main .threequartercol{float:left;margin:15px 15px 8px 15px;width:688px;}

.main .threequartercol2{
	margin:10px 15px 8px;
	width:635px;
}

.main .quartercol{float:left;margin:15px 15px 8px 15px;width:208px;}

.main .sidebar{
	/*clear:both;
	float:right;*/
	width:208px;
	position:relative;
	/*top:-174px;*/
	margin-bottom:12px;
}

.main div#options{
	float:right;
	padding: 10px;
	width: 208px;
	background:#DDDDDD;
	position:absolute;
	margin-left:729px;
	margin-top:14px;
}

.main p{
	/*margin:8px 0;*/
	margin-bottom:20px;
	margin-top:-11px;
}
.main ul#innermenu{
  /*margin-left: -39px;
  margin-top: -10px;*/
}

.main ul#innermenu li a{ font-weight: bold;}

.main .worktest{
	/*border: 1px solid;*/
	float:right;
	width: 622px;
}

.main .worktest img{ border: 6px solid #633000;}

.main .worktest ul{
	float:left;
	margin-left:-10px;
}

.main .worktest ul li{ 
	float:left; 
	margin-left:10px;
	margin-top:10px;
}

#contactdetails{
}

#contactdetails li{
	float:left;
	font-weight:bold;
	color:#633000;
}
#contactdetails li li{float:none;}
#contact_phone, #contact_mail, #contact_home{padding:20px;}

#contact_phone{
	background:transparent url(images/phone.png) no-repeat scroll left top;
}

#contact_mail{
	background:transparent url(images/mail.png) no-repeat scroll left top;
}

#contact_home{
	background:transparent url(home.png) no-repeat scroll left top;
}

.featured{
	border:6px solid #633000;
	display:block;
	height:264px;
}

.featured:hover{
	border: 6px solid #23B9D9;
}

#featuredproject{ 
	padding:13px;
	position:relative;
	margin-top:-8px;
}



#featuredsign{
	width:120px;
	height:120px;
	position:absolute;
	top:0px;left:340px;
	background:transparent url(images/featured_badge.png) no-repeat scroll left top;
	z-index:10;
}


#skills_title{ margin-left: 17px;}

#skills li{ background:transparent url(images/blue.gif) no-repeat scroll right center; }

#skills li span{
	font-weight:700;
	color:#F9F5EA;
	display:block;
	line-height:12px;
	margin:3px 0 3px 17px;
	padding:4px 0 4px 12px;
	width:400px;
}

#skills li.med span{ margin-left: 0;}
#skills li.new span{ margin-left: 0;}

#skills .med{background-image: url(images/orange.gif);width:260px;margin-left:17px;}
#skills .new{background-image: url(images/green.gif);width:160px;margin-left:17px;}


.work{
	/*border:1px solid #633000;*/
	clear:both;
	float:none;
	margin-top:50px;
	/*padding-bottom:50px;*/
	width: 958px;
}

div#border{
	background: transparent url(images/border.png) no-repeat scroll;
	width: 960px;
	height: 24px;
	margin-bottom:-30px;
}

div#border_round{
	background: transparent url(images/border_other.png) no-repeat scroll;
	width: 960px;
	height: 24px;
	margin-bottom:-30px;
}

div#blog_border{
	background:transparent url(images/border_other.png) no-repeat scroll 0 0;
	height:24px;
	margin-bottom:-30px;
	margin-left:15px;
	margin-top:-24px;
	width:699px;
}

div#blog_border2{
	background:transparent url(images/border_other.png) no-repeat scroll 0 0;
	height:24px;
	margin-bottom:-30px;
	margin-left:15px;
	margin-top:-24px;
	width: 930px;
}


.picturetitle{clear:both;font-size:10px;margin-top:-20px;padding-left:6px;}
.workpicture img, .workpicture_small img, object{border: 6px solid #FFFFFF;}

.workpicture{
	background:transparent url(images/pic_large.png) no-repeat scroll right top;
	padding-right:23px;
}

.workpicture_small{
	background:transparent url(images/pic_small.png) no-repeat scroll bottom right;
	padding-bottom:10px;
	padding-right:10px;
}


img.clickable{cursor:pointer;}
img.clickable:hover{border: 6px solid #23B9D9;}
object{display:block;}

.top, .topbtn, .bottom{display:block;font-size:10px;font-variant:small-caps;font-weight:700;text-align:left;width:80px;}
.bottom{float:right;text-align:right;}
.impressum p{font-size:10px;text-align:justify;}

.main h1, .main h2 {
	/*background:transparent url(h1.gif) no-repeat;*/
	height:92px;
	margin-left: 5px;
	color:#633000;
}



.main h2 {
	/*background:transparent url(h2.gif) no-repeat;*/
	height: 29px;
	margin-top: -60px;
	margin-left:13px;
}

.main h2.pagetitle{
  	height:29px;
	margin-left:13px;
	margin-top:-30px;	
}

.start h1 {
	background-position:0 0;
	padding-left:11px;
	background:#DDDDDD none repeat scroll 0 0;
}
.start h2 {
	background-position:0 -4px;
	padding: 5px;
	background: #CCCCCC none repeat scroll 0 0;
	margin-left:20px;
	margin-bottom: 20px;
	margin-top: -20px;
	padding-left:9px;
	width:450px;
}




.kompetenzen h1 {background-position:0 -80px;}
.kompetenzen h2 {background-position:0 -44px;}
.profil h1 {background-position:0 -160px;}
.profil h2 {background-position:0 -84px;}
.kontakt h1 {background-position:0 -240px;}
.kontakt h2 {background-position:0 -124px;}

.portfolio h1 {background-position:0 -320px;}
.portfolio h2 {background-position:0 -164px;}
.impressum h1 {background-position:0 -400px;}
.impressum h2 {background-position:0 -204px;}
.noh h1, .noh h2 {background:none;margin-left:13px;text-indent:0px;}
.noh h1 {margin-left:11px;}

form{
	margin-top:-20px;
}

form#search{
	padding:0;
	width: 212px;
	margin: 0;
}

form#searchform{
  border:6px solid #633000;
  /*float: left;*/
  background: #DDDDDD;	
  /*padding: 5px;*/
padding-bottom:13px;
padding-left:5px;
padding-right:5px;
  margin:0;
}


form#search input.input{ width: 140px; padding:0;margin:0;}
form#search input.input:focus{ padding:0; }

label{
	/*cursor:pointer;*/
	display:block;
	font-size:12px;
	margin-top:10px;
	width: 200px;
}

.input {
	background:url(images/shadow/input.png) #F9F5EA repeat-x scroll bottom;
	border:2px solid #633000;
	color:#444444;
	float:none;
	line-height:18px;
	margin:3px 0;
	padding:4px;
	width:440px;
	z-index:20000;
	font-size: 12px;
}

.input:focus {
	background:url(images/shadow/top.png) #F9F5EA repeat-x scroll 0 -8px;
	border:2px solid #23B9D9;
	padding:3px;
}


textarea{background:url(images/shadow/input.png) #F9F5EA repeat-x scroll bottom;font-family:Arial, Helvetica, sans-serif;height:100px;}

span.validationMessage{
	color:#C50E0A;
	font-size:14px;
	font-weight:bold;
}

span.error{
	background-color:#EFD8D7;
	margin-bottom:10px;
	padding:5px;
	width:456px;
	float:left;
	margin-top:5px;
}

span.error .input{
	border: 2px solid #C50E0A;
}

#footer{
	background:#633000;
	color:#F9F5EA;
	clear:both;
	display:block;
	font-size:10px;
	height: 280px;
	/*left:-8px;
	position:relative;
	width: 1265px;*/
}


#footer p, #footer li{
	font-size:12px;
	line-height:20px;
}

#footerbox{
	height:79px;
	background:#633000;
	clear:both;
	line-height:10px;
}



#copyright, #socialbar{/*padding:15px 15px;*/ margin-top:20px;margin-left:15px;width:330px;}
#copyright, #footernav, #twitter{color:#F9F5EA;float:left;}

#footernav{
	margin:20px 0 0 90px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}




#footernav li{
	font-size:12px !important;
	border-bottom:1px solid #CCCCCC;
	font-size:12px !important;
	width:200px;
	padding: 5px;
}

#footer a{color:#F9F5EA;}

#footer a:hover { color:#23B9D9; }

#footer a:active { color:#23B9D9; }



#twitter{margin:20px 0 0 160px;}
#twittermsg, #twittertime{display:block;width:230px;line-height:normal;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
#twittertime{margin-top:3px;font-size:10px;}
#socialbar{
	float:right;
	left:76px;
	position:relative;
	width:250px;
}

#socialbar a{ 
	display:block;
	float:left;
	height:32px;
	margin:8px 0 0 2px;
	width:32px;
 }

#socialbar a:hover{
	border: 3px solid #23B9D9;
}

#socialbar a.rss{
	background:url(images/socialicons/rss_lego.png) no-repeat 0 0;	
}

#socialbar a.twitter{
	background:url(images/socialicons/twitter_lego.png) no-repeat 0 0;	
}

#socialbar a.in{
	background:url(images/socialicons/in_lego.png) no-repeat 0 0;	
}

#socialbar a.github{
	background:url(images/socialicons/github-icon.png) no-repeat 0 0;	
}

#socialbar a.wwr{
	background:url(images/socialicons/wwr.png) no-repeat 0 0;	
}

#socialbar a.wordpress{
	background:url(images/socialicons/wordpress.png) no-repeat 0 0;	
}

#socialbar a.rm{
	background:url(images/socialicons/rm.png) no-repeat 0 0;	
}

/* COMMENTS FORM FOR WP */
div#respond{
	/*border: 1px solid;*/
	/*float:left;*/
	margin-left: 166px;
	/*margin-top:-16px;*/
	/*width:960px;*/
	padding:15px;
	background:#DDDDDD;
	width:466px;
}

form#commentform{
	margin:0;
	padding:0;
}

.commentlist{
	/*border: 1px solid;*/
	/*float: left;*/
	margin-left: 166px;
	padding:10px;
	width:476px;
	background:#DDDDDD none repeat scroll 0 0;
}

.comment{ margin-bottom:30px;}


#footerlogo
{
	float: left;
	margin-bottom:10px;
	margin-left:-4px;
	margin-right:190px;
}

.resultz{
	/*background: #DDDDDD;*/
	font-size: 14px;
	position:relative;
	top:-10px;
}

.resultz h3{ font-weight:bold; font-size: 16px;margin-left:10px;}

.resultz p{ margin-left: 10px; padding-bottom:170px;}

#searchsubmit2{
	margin-left:462px;
      margin-top: -34px;
      float: none;
}

p#code{
  background:#000000;
  color:#ffffff;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
}


div.comment-body p{ margin-top: 10px; margin-bottom: 10px;}