/* CSS by IO DESIGN copyright 2012 */

html { height: 101%;-webkit-text-size-adjust:none;margin:0;padding:0;}
body { background-color: #a9adb5;margin:0;padding:0;min-width: 1020px;font-size: 14px;font-family: "Lucida Sans", "Lucida Sans Unicode","Lucida Grande", "Open Sans", Geneva, Verdana, sans-serif; color: #333; line-height:1.3em;}
h1,h2,h3,h4,h5 { font-family: "Open Sans", "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif; color: #333; position: relative; line-height:normal; font-weight: 700;}
h2,h3,h4,h5 { font-weight: 600; margin: 0}
h4 {padding-top: 5px !important;}
h1 { font-size:24px; margin-top:0;  }
h1#toptitle { margin-top:0;}
h2 { font-size:20px; }
a { color: #3B5998; text-decoration:none; outline:none; outline-style:none; border: none; cursor: pointer; }
a:hover { text-decoration:underline; }
img { border: none; }
table.table {border-collapse:collapse; }
table.table td, table.table th { border: 1px solid #767366; border-collapse:collapse; }
td, th { vertical-align: top; text-align: left; }
td.right, th.right { text-align: right; }
td.grey { color: #999; }
tr.inactive td { background-color: #CCC; color: #999; }
tr.inactive a { color: #666; }
label.error { padding-left: 3px;display:block;color: #F00;}
input.error { background-color: #FCC; }
input[type="submit"] { margin: 0;padding: 5px;border: 1px solid #767366;border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;background-color: #DDD; cursor:pointer; width: 120px; line-height: 1.4em; font-family: "Istok Web", sans-serif; font-size: 14px;}
input[type="submit"]:hover{ background-color: #999;}
div.container { width: 1020px; margin: 0 auto; position: relative;}
div#header { height: 130px; border-top: 0px solid #3B5998; }
div#header div.container { height: 130px; }

div#logo { float:left; padding-top: 15px;}
div#logo a { text-decoration: none; }
div#loginbox { float: right;text-align:right;font-size: 0.8em; padding-top: 17px;}
div#loginbox p { margin: 0; padding: 0; padding-bottom: 5px;}
div#loginbox a { color: #eee; }
div#loginbox input { padding: 3px; padding-left: 4px; margin-bottom: 2px;border: 1px solid #666;; width: 85px; font-family: "Lucida Sans Unicode", "Lucida Sans","Lucida Grande", Geneva, Verdana, sans-serif; color: #333; background-color:#fff; font-size: 11px;}
div#loginbox input#loginusername { background: #fff ; }
div#loginbox input#loginpassword { background: #fff ; }
div#loginbox input[type="submit"]{ margin: 0;padding: 2px;border: 1px solid #767366;border-radius: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px;background-color: #DDD; cursor:pointer; width: 65px; line-height: 1.3em; font-family: "Istok Web", sans-serif;}
div#loginbox input[type="submit"]:hover{ background-color: #999;}

div#nav { height: 30px;margin-top: 0px; border-bottom: 1px solid #a9adb4; background-color: #f1f0f0;  }
div#nav.floating { position: fixed; top: 0; z-index: 99; width:100%; }
div#nav div.container ul li#floatlogo { position: absolute; top: 1px; left: -40px; display:none; }
div#nav.floating div.container ul li#floatlogo { display: block; }
div#nav ul, div#nav li { display: inline;margin: 0;padding: 0;list-style: none; height: 30px; border-collapse:collapse;  }
div#nav a { font-size: 16px; line-height: 1em;display: block;float:left;width:auto;text-decoration:none;color: #333;padding: 7px 10px;  border-right: 1px solid #f1f0f0; height: 16px; border-left: 1px solid #f1f0f0;}
div#nav a:hover {background-color: #fff; border-color: #fff;}
div#nav a.active {color: #000; background-color: #fff; border-color: #a9adb4; height: 17px; z-index:100;}

div#subnav { height: 30px;margin-top: 0px; border-bottom: 1px solid #ddd; background-color: #fff; 	}
div#subnav ul, div#subnav li { display: inline;margin: 0;padding: 0;list-style: none; height: 30px;}
div#subnav a { font-size: 15px; line-height: 1em;display: block;float:left;width:auto;text-decoration:none;color: #666;padding: 8px 10px;  height: 14px; border-collapse:collapse;}
div#subnav a.active, div#subnav a:hover { color: #000;}
div#subnav.floating { position: fixed; top: 31px; z-index: 99; width:100%; }
div.floating div.container ul { margin-left: 10px; }

div#subnav ul#letters a { font-size: 16px; font-weight: 700; padding: 8px 5px; padding-bottom:0; }
div#subnav ul#letters a:first-of-type { padding-left: 10px; }

div#contents {margin-bottom: 40px;position:relative; min-height:300px; background-color: #fff;}
div#contents.floating { margin-top:60px;}
div#contents div#frontleft { float:left; width: 490px; padding-top: 10px; padding-left: 10px;padding-bottom: 30px; }
div#contents div#frontleft h1 { }
div#contents div#frontleft h1 { }
div#contents div#frontleft h2, div#contents div#frontleft h5 { }
div#contents div#frontleft h5 {   }
div#contents div#frontleft p {  }
div#contents div.description p {  }
div#contents div#frontleft div.slider-wrapper {  }
div#contents div#adscontainer div.adbox { width: 480px; padding-bottom: 20px; margin-bottom:10px; position: relative }
div#contents div#adscontainer div.adbox h5 { width: 480px; position: relative }


div#contents div#frontright { float:right; width: 480px; padding-top: 10px; padding-right: 10px;padding-bottom: 30px; }
div#contents div#frontright div#uppdragcontainer { padding-top:0 }
div#contents div#frontright div#uppdragcontainer div.uppdragbox { width: 480px; padding-bottom: 10px; margin-bottom:10px;  }

div#contents div#pageleft { float:left; width: 670px; padding-left:10px; padding-top: 10px; padding-bottom: 30px;}
div#contents div#pageright { float:right; width: 281px; margin-top: 35px;padding-bottom: 30px; }
div#contents h4,  h5 { }
div#contents h5 {  }
div#contents div#pageleft h1#memberstitle { height: 40px; margin:0; padding:0; }
div#contents div#pageright.member { margin-top: 50px; }
div#contents div#pageright div.memberitem { padding-bottom: 30px; height: auto;}
div#contents div#main { position: relative; padding-top: 10px; padding-right: 0; padding-bottom: 30px; padding-left: 10px;
}

div#contents div.messagebox { border:1px solid #F00; padding:20px; color: #FFF; font-weight:bold;background-color:#f00;margin: 10px 0;margin-top: 20px; width: 500px;}
div#contents div#editbox { border:1px solid #999; padding:5px; color: #000; margin: 10px;position:absolute;top:0;right: 0;width:80px;z-index:10;font-size:0.8em;}

div#contents div#memberfilterbox { height: 70px; }
div#contents div#membercontainer { width: 1020px; position: relative;  }
div#contents div#memberfilterbox input { border: 1px solid #767366; padding: 4px; }
div#contents div#memberfilterbox select { border: 1px solid #767366; padding: 4px;  }
div#contents div#memberfilterbox option {  outline-style: none; }
div#contents div#membercontainer div.memberitem { float: left; width:240px; text-align:center; margin-bottom: 20px; margin-right: 10px;  }
div#contents div#membercontainer h3 { margin-bottom: 20px; }
div#contents div#membercontainer div#slider { width: 1040px; height: 280px; overflow:hidden; }
div#contents div#membercontainer div#slider ul { margin:0; padding:0; list-style:none; }
div#contents div#membercontainer div#slider li { margin:0; padding:0; width: 1040px; height: 280px; display:block; }
div#contents div#msearch { padding: 10px; border:1px solid #666; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; width:330px; padding-left: 30px; position:absolute; top: 10px; right: 10px; }
div#contents div#msearch input { width: auto; line-height: 1.5em; font-family: "Istok Web", sans-serif; padding: 3px; font-size: 13px; min-width: 120px; margin-right: 20px; }
div#contents div#msearch input[type=submit] { float:right; }

div#contents div.description { margin-bottom: 10px; padding-right: 10px;  padding-left: 3px;  }
div#contents div.memberdata { margin-bottom: 10px; padding: 10px; padding-left: 3px;  }
div#contents div.memberdata span.title, div#contents div#rightside span.title { color: #767366; font-weight:400; display:block; width: 110px; float:left;  }

div#contents div#uppdragcontainer, div#contents div#aktuelltcontainer { padding-top: 20px; padding-bottom: 20px; }
div#contents div#aktuelltcontainer div.memberad { margin-top: 3px; }
div#contents div#aktuelltcontainer div.memberad span.date { width: auto; display:block; float:left; font-size: 13px; color: #000; text-align:right; padding-right: 5px; }

div#contents div#uppdragcontainer div.memberupp { padding: 10px; border: 1px solid #999; margin-right: 10px; margin-top: 10px; height: 60px; width: 260px; float: left; position:relative;}
div#contents div#uppdragcontainer div.memberupp img, div#contents div#uppdragcontainer div.memberupp span.title { float: left}
div#contents div#uppdragcontainer div.memberupp span.title { max-width: 190px; display:block; line-height: 16px; position:absolute; left: 80px; top: 50%; margin-top: -8px; }

div#contents div#leftside { width: 480px; float:left; }
div#contents div#leftside a.fancybox { margin-bottom: 20px; display:block; }
div#contents div#rightside { width: 480px; float:right; }
div#contents div#rightside div#infobox { padding: 10px; border:1px solid #666; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; margin-top: 10px; }
div#contents div#rightside div#infobox span.text { float: left; max-width: 348px; }
div#contents div#rightside div#infobox br { clear:both; }
div#contents div#rightside div#text { padding: 10px; margin-top: 10px;}

div#contents div.uppdragsbox { width: 240px; margin-right: 10px; float:left; min-height: 260px; margin-bottom: 20px; text-align:center; position: relative;}
div#contents div#usearch { padding: 10px; border:1px solid #666; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; width:600px; padding-left: 30px; }
div#contents div#usearch select, div#contents div#usearch input { width: auto; line-height: 1.5em; font-family: "Istok Web", sans-serif; padding: 3px; font-size: 13px; min-width: 120px; margin-right: 20px; }
div#contents div#usearch input[type=submit] { float:right; }
div.editblogimages { float:left;width:200px;padding:10px;height:130px;text-align:center;border:1px dotted #666;border-collapse:collapse; }
div.blogimages { float:left;padding:10px;text-align:center; padding-left:0;}
div.blog { padding: 10px; margin-bottom: 10px; padding-left:0; }
div.images { float:left;width:270px;padding:10px;height:202px;text-align:center; }
div.blog div.writecomment { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px; padding-bottom: 10px; padding-top:0;}
div.blog div.writecomment textarea { width: 500px; height: 5em; float:left;}
div.blog div.writecomment input[type=submit] { margin-left: 20px; float:left;}

div.bordertop { border-top: 1px solid #999; }
div.blog div.comment { }
div.blog div.comment div { padding: 5px; }
div.blog div.comment div.ccontents { padding-bottom: 20px; }
div.blog div.comment div.cheader { background-color: #999; color: #fff;}
div.blog div.comment div.cheader span { font-weight:700;}

span.imagebox { width: 240px; height: 240px; display:block; position: relative; }
span.imagebox a { position: absolute; bottom:0px; width: 240px; text-align:center; display:block;}
span.noimage {  border: 1px solid #999; width: 238px; }
span.noimage a {  position: relative; text-align:center; display:block; padding-top: 55px;}

div.memberitem { font-size: 12px; text-align:center; position: relative; height:280px; }
div.memberitem a  { color: #767366;}

div#imageupload { margin-bottom: 10px; border: 1px solid #666; padding: 8px; position:relative; }
div#imageupload label { margin-left: 20px; margin-top: -24px; padding: 5px; background-color: #fff; z-index:10; display:block; width: 130px; position:relative; }
div#imagearea div.image { padding: 10px; border: 1px solid #767366; width: 270px; margin-bottom: 10px; }
div#imagearea div.image div.titlechange { margin-bottom: 5px; margin-top: 5px; }
div#imagearea div.image span { padding-right: 10px; }
div#imagearea div.image a.changetitle, div#imagearea div.image a.save  { cursor: pointer; }
div#imagearea div.image a.changetitle:hover, , div#imagearea div.image a.save:hover { text-decoration:underline;  }

div.rbildbox { width: 70px; padding:5px; border: 1px solid #999; margin-right: 10px; float:left; }

div#footer { min-height: 130px; }
div#footer div.container {  margin-top: 15px; margin-bottom: 20px; text-align:left; background-color: #a9adb5; font-size: 12px; }
div#footer div.container p a { color: #fff; }
div#footer div.container p.left { float:left; width: 250px; margin-left:10px; border-right: 1px solid #ccc; margin-right:50px; }
div#footer div.container p.center { float:left; width: 300px;  border-right: 1px solid #ccc; margin-right:50px; }
div#footer div.container div.right { float:right; width: 300px; text-align:right; }

/* SHARELINKS CSS */
div#contents div.shareicons { position: absolute; top:10px; right:10px; z-index: 50; }
div#contents div.shareicons div.addthis_toolbox { height:16px; position: relative; right: 0px; min-width: 80px;  }

.modal { display:none; position: fixed; z-index:1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 )  url('/img/loading.gif')  50% 50% no-repeat; }
body.loading { overflow: hidden; }
body.loading .modal { display: block; }



/* ClearFix
----------------------------------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix {height:1%}
.clearfix {display:block}
 /* End Holly Hack */