/*
Theme Name: Seraph-Design
Theme URI: http://www.seraph-design.de
Description: Seraph-Design Wordpress Theme.
Version: 5.0
Author: Benjamin Schulz
Author URI: http:/www.seraph-design.de
Tags: fixed width, two columns
*/
.awsm #header,.awsm #cont,.awsm #subcont,.awsm #foot{display:none;}
#loader{display:block;background:url(gfx/loading.gif) no-repeat center center;width:100%;height:64px;position:absolute;top:150px;left:0;}

*{margin:0;padding:0;}
html{background:#131d24 url(gfx/bg-foot.jpg);}
body{background:url(gfx/fadebg.png) repeat-x top;font-family:Arial, Helvetica, sans-serif;font-size:1.05em;min-height:300px;}
#head{background:#253b4c url(gfx/bg-head.jpg) repeat-x top;height:111px;border-top:1px solid #131f26;}
h1 a{display:block;width:360px;float:left;background:url(gfx/logo.jpg) no-repeat top left;text-indent:-9999px;height:111px;position:relative;margin-right:-120px;margin-left:-10px;}
/*h1 a:hover{background-position:0 -111px;}*/
h1 .hover{position:absolute;top:0;right:0;width:360px;height:111px;background:url(gfx/logo.jpg) no-repeat bottom left;}
h1 a small{display:block;text-indent:-9999px;height:1px;}
#nav{float:right;list-style-type:none;margin-top:35px;}
#nav li,#nav li a{float:left;}
/*#nav li a{color:#fff;text-decoration:none;margin-left:20px;height:35px;display:block;background:url(gfx/navbgr.jpg) no-repeat right;padding-right:9px;font-weight:bold;font-size:1.2em;text-shadow:0px 2px 0px #000;}
#nav li a span{display:block;background:url(gfx/navbg.jpg) no-repeat left;padding-left:9px;line-height:33px;height:35px;}*/
#nav li+li{border-left:1px solid #131d24;}
#nav li a{display:block;color:#fff;padding:5px 15px;text-shadow:0px 2px 0px #000;text-decoration:none;font-weight:bold;}
#nav li a em{font-size:0.55em;font-weight:normal;font-style:normal;}
#nav li a img{margin-right:2px;}
#nav li a:hover{background:#131d24 url(gfx/bg-foot.jpg);border-bottom:1px dashed #4d7087;}
#cont{background:#fff url(gfx/bg-cont.jpg) repeat-x top;padding-top:2px;position:relative;}
#subcont{background:#4d7087 url(gfx/bg-subcont.jpg) repeat-x top;border-bottom:1px solid #6ba1c5;}
#foot{height:300px;color:#fff;border-top:1px solid #131d24;padding-top:20px;}
.wrap{width:940px;margin:0 auto;}
.wrap.services{padding-top:20px;padding-bottom:20px;background:url(gfx/service-title.gif) no-repeat center left;}
.wrap.services h2{display:block;width:40px;float:left;text-indent:-9999px;}
.teasebox{width:280px;padding-left:20px;float:left;background:#3a5465;height:136px;position:relative;padding-top:34px;}
.teasebox h3{display:block;width:60px;height:134px;float:left;margin-top:-34px;}
.teasebox p{text-align:right;color:#fff;padding-right:15px;font-size:0.75em;line-height:1.5em;text-shadow:0px 1px 0px #000;padding-top:3px;}
.tease2 h3{width:70px;height:80px;}
.teasebox a{display:block;height:170px;width:100%;position:absolute;text-indent:-9999px;}
.teasebox:hover{margin-top:3px;margin-bottom:-3px;}
.tease1{background:url(gfx/tease1.jpg) no-repeat;}
.tease2{background:url(gfx/tease2.jpg) no-repeat;}
.tease3{background:url(gfx/tease3.jpg) no-repeat;}
#foot{text-shadow:0px 1px 0px #000;}
#foot h4{text-transform:uppercase;margin-bottom:10px;border-bottom:1px solid #fff;line-height:0.6em;margin-top:10px;}
#foot #lastfoot{text-align:center;display:block;color:#fff;clear:both;padding-bottom:10px;position:relative;width:500px;margin:0 auto;border-bottom:1px dashed #fff;margin-bottom:20px;padding-right:30px;}
#foot #lastfoot small{font-size:0.7em;line-height:1.5em;}

#sd-foot{display:block;width:78px;height:62px;background:url(gfx/seraph.gif) no-repeat;position:absolute;bottom:0;left:0px;}
#wp-foot{display:block;width:78px;height:62px;background:url(gfx/wordpress.gif) no-repeat;position:absolute;bottom:0;right:10px;}
#foot small a{color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}
#foot small a:hover{border-bottom:1px solid #fff;}
.footbox{width:220px;margin-left:20px;float:left;margin-bottom:20px;}
.footbox.first{margin-left:0;}
.footbox ul a,.footbox a{color:#6999b7;}
.footbox ul{list-style-type:none;}
.footbox ul li a{display:block;padding:10px 5px;text-decoration:none;}
.footbox ul li a:hover{color:#fff;text-decoration:underline;}
.footbox ul li+li{border-top:1px dotted #4d7087;}
.footbox.services ul li,.services li{background:url(gfx/service.png) no-repeat center left;padding-left:15px;}
ul.services{list-style-type:none;margin-left:10px;background:url(gfx/service-menu.gif) no-repeat left bottom;padding-bottom:65px}
ul.services li{padding-left:20px;}
.footbox.links ul li{background:url(gfx/link.png) no-repeat center left;padding-left:15px;}

#cont .wrap{position:relative;padding-top:20px;padding-bottom:20px;}
#introshow{width:620px;padding:10px;float:left;background:url(gfx/introshow.jpg) no-repeat;height:217px;overflow:hidden;}
#introshow img{margin-bottom:50px;}
#intro{left:620px;width:280px;padding-left:20px;float:right;background:#fff;height:237px;}
#intro h2{display:block;width:269px;height:54px;background:url(gfx/intro-txt.gif) no-repeat;margin-bottom:10px;text-indent:-9999px;margin-top:20px;}
#intro h2 span{text-indent:-9999px;display:block;}
#intro p{font-size:0.8em;line-height:1.5em;color:#1a2228;margin-bottom:10px;}
#intro p a{color:#000;}
.intronav{list-style-type:none;clear:both;text-align:center;padding-top:10px;margin-bottom:-10px;}
.intronav li{display:inline;}
#cont .intronav li a{border-bottom:none;display:inline-block;width:16px;height:16px;text-indent:-9999px;background:url(gfx/button.jpg) no-repeat top;margin-right:10px;}
#cont .intronav li a:hover{background:url(gfx/button.jpg) no-repeat bottom;}
.ft-title{padding:5px 10px;position:absolute;bottom:0;right:0;text-align:right;font-weight:bold;}

#cont a.button{background:url(gfx/buttonr.gif) no-repeat right;height:24px;display:block;float:left;padding-right:11px;font-weight:bold;text-decoration:none;border-bottom:none;margin-top:5px;}
#cont a.button span{display:block;background:url(gfx/button.gif) no-repeat left;line-height:24px;height:24px;padding-left:11px;text-shadow:0px 1px 0px #fff;border-bottom:none;}
#cont a.button:hover{border-bottom:none;}

a img{border:none;}

.feedback{position:relative;}
.feedback cite,.zitat cite{font-style:normal;font-size:0.8em;line-height:1.5em;}
.feedback div img{float:left;margin-right:5px;margin-top:4px;}
.feedback br.zitat br{margin-bottom:10px;}
.feedback b br{margin-bottom:0;}
.feedback b span{font-style:italic;}
#feednav{position:absolute;top:9px;right:0;width:27px;height:9px;background:url(gfx/arrows.gif) no-repeat;}
#feednav a{float:right;display:block;width:13px;height:9px;}


.contact p{font-size:0.8em;line-height:1.5em;margin-bottom:10px;}

.contact input:hover,.contact input:active,.contact input:focus,.contact textarea:hover,.contact textarea:active,.contact textarea:focus{border:1px solid #fff;}
.contact form{width:105%;}
.contact input,.contact select{width:101px;background:#131d24;color:#fff;padding:2px;border:1px solid #3d5c6f;float:left;margin-bottom:5px;margin-right:5px;}
.contact textarea{background:#131d24 url(gfx/email.jpg) no-repeat center right;color:#fff;padding:2px;border:1px solid #3d5c6f;margin-bottom:5px;height:100px;width:213px;}
.contact select{width:213px;}
.contact .message{height:50px;margin-bottom:5px;}
.contact .sendbutton{width:100px;cursor:pointer;font-weight:bold;}
.contact label,#bigform label{display:none;}
.contact .cf_hidden,#bigform .cf_hidden{display:none;}
.contact #usermessagea,#bigform #usermessagea{width:100%;font-weight:bold;margin-bottom:5px;}
.contact .cf-ol,#bigform .cf-ol{list-style-type:none;}
#bigform input{float:left;margin-right:3px;}

.main{width:640px;float:left;}
.sidebar{width:280px;margin-left:20px;float:right;}
.service .main{width:700px;}
.service .sidebar{width:220px;}

.main{line-height:1.5em;}
.main h2,.main h3,.sidebar h3,.portfolio h2{background:#344652 url(gfx/bg-title.jpg);color:#fff;padding:2px 10px;display:inline-block;margin-bottom:10px;text-shadow:0px 2px 0px #000;}
#cont .skillbox h3{margin-bottom:10px;}
.portfolio h2{display:block;float:left;}
.main h3{padding:0px 10px;}
.main h3{margin-bottom:0px;}
.main p{margin-bottom:10px;}



.main .accordion h3{margin-bottom:5px;display:block;float:left;cursor:pointer;font-size:0.9em;clear:both;}
/*.main .accordion h3.active{margin-top:10px;}*/
.main .accordion p{font-size:0.9em;line-height:1.5em;}
.main .accordion div{clear:both;}

.teasetext{float:right;font-style:italic;padding:10px;margin:10px;text-align:right;margin-top:0;margin-right:0;padding-right:0;padding-left:20px;border-bottom:5px dotted #344652;position:relative;margin-left:20px;}
.kontakt .teasetext{margin-left:0;}

.sidebar{line-height:1.5em;font-size:0.85em;}
.sidebar p{margin-bottom:10px;}
.sidebar small{line-height:1.5em;}
.sidebar img{float:right;}

.skillbox.first{clear:both;}
.skillbox{width:200px;float:left;font-size:0.9em;line-height:1.5em;margin-top:10px;}
.skillbox ul,ul.checklist{list-style-type:none;margin-bottom:10px;}
.skillbox ul li,ul.checklist li{background:url(gfx/bullet.jpg) no-repeat center left;padding-left:17px;}
.vitapic{float:right;margin-left:30px;margin-bottom:10px;}
#hireme{background:url(gfx/hireme.jpg) no-repeat center left;height:143px;padding-top:20px;padding-left:160px;}

.wrap.twitter{background:url(gfx/twitter-title.jpg) no-repeat center left;font-size:0.75em;color:#fff;position:relative;padding-top:10px;padding-bottom:10px;}
.twitter a{color:#fff;}
.twitter h4{display:block;width:297px;text-indent:-9999px;float:left;height:38px;}
.twitter ul li,.twitter p{line-height:1.5em;}
.twitter ul{list-style-type:none;text-shadow:0px 1px 0px #000;}
.twitter li{padding-right:180px;}
.twitter li span a{display:inline;}
.twitter li a{}
#followbtn{position:absolute;top:10px;height:38px;right:0;display:block;width:170px;background:url(gfx/follow.jpg);text-indent:-9999px;}

.socials{list-style-type:none;margin-top:0px;margin-bottom:20px;}
.socials li{padding-left:21px;width:40%;display:inline-block;}
.twitter{background:url(gfx/twitter_16.png) no-repeat center left;}
.creattica{background:url(gfx/creattica_16.gif) no-repeat center left;}
.linkedin{background:url(gfx/linkedin_16.png) no-repeat center left;}
.youtube{background:url(gfx/youtube_16.png) no-repeat center left;}
.skype{background:url(gfx/skype_16.png) no-repeat center left;}

.clear{clear:both;}

#cont a{color:#000;text-decoration:none;border-bottom:1px dashed #000;}
#cont a:hover{border-bottom:1px solid #000;}
acronym,abbr,dfn{cursor:help;}
#cont a.nobord{border-bottom:none;}

.portbox{float:left;margin-right:20px;margin-bottom:15px;padding-top:5px;}
.portbox:hover{background:#344652 url(gfx/bg-title.jpg);}
.portbox:hover b{color:#fff;text-shadow:0px 2px 0px #000;}
/*.portbox a img{background:url(gfx/shine.png) no-repeat;background-position:-300px 0;display:block;}*/
.portbox img{margin-top:5px;padding:5px;background:#fff url(gfx/shadow1.gif) no-repeat center bottom;padding-bottom:11px;margin-bottom:-6px;display:block;}
.portbox b{padding:5px;color:#344652;}
#portdeco{width:40px;background:url(gfx/stripe.png) bottom;position:absolute;top:0;right:0;height:100%;}

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

#bigform{margin-bottom:20px;}
#bigform input,#bigform textarea,#bigform select{width:160px;padding:5px 10px;background:#fff;border:1px dotted #344652;margin-bottom:5px;-moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;}
#bigform textarea{width:345px;height:150px;}
#bigform select{width:180px;}
#haftung{clear:both;font-size:0.7em;line-height:1.5em;}
#haftung h3{margin-bottom:10px;}
#mailpic{position:absolute;bottom:-170px;right:50px;}

a{outline:none;}
a:focus{outline:thin dotted;overflow:hidden}
a:active{outline:none;overflow:hidden}