/* Stylesheet webjobber.de
Author: Ute Jacobi
URL: www.jahoart.eu
WICHTIG: Bis zu einer Neugestaltung muss das originale CSS vorgeschaltet werden.
-----------------*/


* {
	margin: 0;
	list-style:none;
}

/* Firefox Scrollbar Hack ------------------- */
/* keinen Sprungeffekt bei Netscape und Firefox bei Seiten ohne Scrollbar */
html { 
margin-bottom: 1px;
height: 100%!important;
} 

body { min-height:101%; 
	padding: 0;
}
/* Firefox Scrollbar Hack - Ende */

body{
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; 
	text-align: center;
	font-size: 101%;
	background-color: #ECECEC;
}

#headgrafik {
background: url(images/header.jpg) top left no-repeat;
width: 659px;
height: 190px;
float: left;
}

#head{
height: 242px;
}

#head ul.topmenu{
margin: 0;
padding: 0;
width: 658px;
height: 29px;
margin-bottom: 1px;
float: left;
background: #335C85;
}

#head ul.topmenu li{
margin: 0;
padding: 0;
display: inline;
float: left;
list-style: none;
width: auto! important;
}

#head ul.topmenu li{
width: 5%;
}

#head ul.topmenu li a{
display: block;
height: 29px;
line-height: 29px;
width: auto;
padding: 0px 15px 0px 15px;
background: #335C85;
border-right: 1px solid #FFF;
color: #FFF;font-size: 12px;
text-decoration: none;
}
/* fuer ie - keine Ahnung wieso der hier nicht mit den bloecken klarkommt */
*html #head ul.topmenu li a{
display: inline-block;
}

#head ul.topmenu li a:hover{
background: #4C7094;
}

#head ul.topmenu li.last a{
border-right: 0px;
padding: 0px 18px 0px 18px;
}

#headrechts {
width: 228px;
height: 221px;
float: right;
}

#headrechts ul {
margin: 0;
padding: 0;
height: 218px;
}

#headrechts ul li {
margin: 0;
padding: 0;
line-height: 74px;
list-style: none;
width: 228px;
height: 20px;
}

#headrechts a{
display: block;
width: 228px;
height: 73px;margin-bottom: 1px;
}

#headrechts a.freelancer{
background: url(images/freelancer.gif) top left no-repeat;
}

#headrechts a.auftraggeber{
background: url(images/auftraggeber.gif) top left no-repeat;
}

#headrechts a.projekte{
background: url(images/projekte.gif) top left no-repeat;
height: 72px;
}

#headrechts a:hover{
background-position: 0px -74px;
}

#headunten{
width:100%;
height: 20px;
background: #335C85;
color: #FFF;
font-size: 10px;
clear: both;
line-height: 20px;
text-indent: 15px;
}


.breadcrumbr{
display: block;
border-bottom: 1px solid #ccc;
padding: 3px 8px 5px 8px;
margin: 0;
font-size: 0.9em;
}
.breadcrumbr span{
font-size: 0.83em;
}

.forum .submit{
font-size: 1em;
}


table, th, td{
	text-align: left;
}



h1{
	font-family:   Arial,Helvetica,Verdana, Geneva, sans-serif; 
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	color: #003366;
	display: block;
	border-bottom: 2px solid #003366;
}

h2{
	font-family:   Arial,Helvetica,Verdana, Geneva, sans-serif; 
	font-size: 1.1em;
	color: #003366;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}


h3{
	font-family:   Arial,Helvetica,Verdana, Geneva, sans-serif; 
	font-size: 0.93em;
	font-weight: bold;
	padding: 0.2em 0 0.2em 0;
}

img {
	border: none;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
	padding: 0;
}

kbd {
font-family: "Courier New", Courier, monospace;
font-size: 0.9em;
background-color: #EBEBEB;
color: Black;
border: 1px solid #999;
padding: 0.2em;

}
.clr {
	clear: both;
}

.error{
	color: #BF0000;
	background-color: inherit;
	font-weight: bold;
}

p.error  {
margin-bottom: 0;
padding: 0 0.4em 0.1em 0.4em;
}
select{
font-size: 0.9em;
}

#container {
width: 887px;
border: 1px solid #335C85;
background: #fff;
text-align: left;
margin: 6px auto 0 auto;
overflow: hidden;
}

#main{
height: 100%;
background: #EAC255;
}

#inhalt{
height: 100%;
background: #FFF;
overflow: hidden;
padding: 10px 0 20px 0;
}

#links {
width: 270px;float: left;
}

#mitte {
width: 380px;
float: left;
font-size: 0.8em;
height: 100%;
}

#rechts {
	width: 228px;
	float: right;
	height: 100%;
}

#rechtsinnen {
padding: 20px 10px 5px 10px;
}

#fuss{
width:100%;
height: 20px;
background-color: #3B5C85;
color: #FFF;
font-size: 10px;
clear: both;
line-height: 20px;
text-indent: 15px;
border-top:1px solid #fff;
}

#fuss a{
font-size: 9px;
color: #FFF;
background-color: inherit;
float: right;
padding: 0 10px 0 0;
}

#werbefuss{
padding: 0.4em 0 0.4em 0;
}

#breadcrumb{
padding: 0.2em;
display: block;
margin-bottom: 1em;
}

#anwender, #willkommen {
margin: 10px 15px 0 15px;
}

#anwender h2, #willkommen h2{
font-size: 1em;
color: #335C85;
border-bottom: 2px solid #335C85;
padding: 0 0 0.2em 0;
margin: 0 0 0.6em 0;
}

p {
margin-bottom: 0.9em;
font-size: 0.8em;
}

p em{
font-size: 0.75em;
text-align: right;
}

hr{
        background-color: #cccccc;
        color: #cccccc;
        border: 0 none;
        margin: 0;
        padding: 0px;
        line-height: 1px;
        height: 1px;
        clear: both;
        display: block;
       width: 100%;
}

#mitte li{
list-style: none;
display: inline;
float: left;
margin-right: 4px;
}

#mitte a{
font-size: 0.75em;
font-weight: bold;
white-space: nowrap;
}

#mitte p{
margin-bottom: 0.4em;
}

.box {
margin: 10px 0 0 10px;
padding: 0 0.6em 0 0.6em;
overflow: hidden !important;
height: 100%;
min-height: 50px;
}

.joomla {
border-left: 7px solid #003366;
}

.joomla a, .joomla h2, .joomla li{
color: #003366;
background-color: transparent;
}

.andere {
border-left: 7px solid #5F86C9;
}

.andere a, .andere h2, .andere li{
color: #5F86C9;
background-color: transparent;
}

.design a, .design h2, .design li{
color: #003366;
background-color: transparent;
}

.design h2, table.design th h2  {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.2em 0 0 0;
	white-space: nowrap;
}

.programmierung {
border-left: 7px solid #CC6600;
}
.programmierung a, .programmierung h2, .programmierung li{
color: #CC6600;
background-color: transparent;
}

.sonstiges {
border-left: 7px solid #CF9D17;
}

.sonstiges a, .sonstiges h2, .sonstiges li{
color: #CF9D17;
background-color: transparent;
}

span.important {
color: #DEA81B;
font-weight: bold;
display: inline;
}

div.content {
padding: 20px 10px 20px 10px;
background-color: White;
min-height: 400px;
}

div.google {
width: 752px;
border: 1px solid #D1D1D1;
height: 95px;
margin: 10px auto 10px auto;
padding: 0px 55px 0px 55px;
}

div#sh_programmers {
height: 15px;
line-height: 15px;
margin: 5px auto 20px auto;
font-size: 12px;
width: 752px;
padding: 5px 55px 6px 55px;
background: #DEA81B;
font-weight: bold;
color: #FFF;
}

div#sh_programmers a{
color: #FFF;
}

div.large{
margin-bottom: 5px;
color: #003366;
}

div.medium{
margin-bottom: 5px;
color: #DEA81B;
}
/* auswahl seiten -----------------*/
.pageselect{
width: 100%;
display: block;
padding: 0.5em 0 0.5em 0;
}
.pageselect small{
float: left;
}
.pageselect select{
float: right;
font-size: 0.83em;
}
/* link listen -----------------*/
table.itemlist{
	border: none;
	padding: 0;
	margin: 0 1em 0 1em;
}

/* portfolio -----------------*/

#portfolio{
width: 100%;
margin: 0;
overflow: hidden;
padding: 1px;
}

#portfolio .portfoliobox{
float: left;
text-align: center;
margin: 0.2em 0.1em 0.2em 0.1em;
padding: 0.2em;
min-height: 120px;
}

.portfoliobox{
width: 150px;
}

#portfolio .pfthumbnail{
border:none;
padding: 0.2em;
}


 .thumbnail{
border: 1px solid #ccc;
padding:0.2em;
}

#portfolio .portfoliobox a{
font-size: 0.8em;
padding-top: 0.2em;
}

/* forms -----------------*/

#formpw{
width: 80%;
margin: 1em auto 8em auto;
text-align: left;
}

#forml{
width: 50%;
margin: 0 auto 1em auto;
text-align: left;
border-bottom: 1px solid #ccc;
}

#formreg{
width: 80%;
margin: 1em auto 8em auto;
text-align: left;
font-size: 0.9em;
}

#formreg .agb{
font-size: 1em;
	color: #CC0000;
	background-color: inherit;
}

#forml label, #formpw label{
font-size: 0.9em;
float: left;
width: 10em;
text-align: right;
clear: both;
padding-right: 1em;
}

#formreg label{
font-size: 0.9em;
float: left;
width: 15em;
text-align: left;
clear: both;
padding-right: 1em;
}

#forml input,  
#forml label, 
#formpw input,  
#formpw label,
#formreg input, 
#formreg label, 
#formreg select,
#search.wj h2
{
margin-top: 0.9em;
}


table.rahmen{
	border: none;
	padding: 0;
}

.rahmen h2{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0.4em 0;
	color: #003366;
	background-color: inherit;
}

table.meinung{
	border: 1px solid #CF9D17;
	padding: 0;
}
table.meinung th{
background-color: #CF9D17;
color: White;
padding: 0.2em;
}

/* katalog -----*/

.catbox{
width:48%;
float: left;
margin: 0.1em 0.1em 0.2em 0.1em;
padding: 0 0.3em 0 0.3em;
border-left: 1px solid #ccc;
}

.catbox a:link{
white-space: nowrap;
}
a.cattitle, .cattitle a:link{
color: #CC6600;
background-color: #fff;
}

span.cattitle {
color: #CC6600;
background-color: #fff;
}

/* links ---*/
a.catlink{
	font-size: 0.83em;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

a.intlink {
	background-image: url(images/linkintern.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 12px;
	font-size: 0.9em;
	text-decoration: none;
}

a.imgview {
	background-image: url(images/view.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 12px;
	font-size: 0.83em;
	text-decoration: none;
}

.pfthumbnail a:hover, a.imgview:hover, a.imgview:focus,a.imgview:active, a.star:hover, a.star:focus,a.star:active{
color: #000;
background-color: #fff;
text-decoration: underline;
}

/* bloecke projektseite -----------------*/
#allcat{
width:100%;
	padding: 0.2em;
	margin: 0;
	overflow: hidden;
}

#allcat h2{
clear: both;
padding: 0.4em 0 0 0;
}

#allcat ul{
margin: 0;
padding: 0 1em 0 1em;

}

#allcat ul li{
font-size: 0.85em;
list-style: none;
float: left;
}

#allcat ul li a{
	color: #000;
	background-color: #fff;
}
#allcat ul li a:hover  {
color: #CC0000;
background-color: #fff;
text-decoration: underline;
}

#catblock{
text-align: left;
overflow: hidden;
height: 100%;
border: 1px solid #ccc;
margin: 0;
}

#statistik{
	border: 1px solid #ccc;
	padding: 0.2em;
	margin: 0;
}
/* profil -----------------*/

.pprofil, .sprofil{
width: 98%;
margin: 0 auto 0 auto;
text-align: left;
}

.pprofil tr, .pprofil .submit{
	font-size: 0.83em;
}
.pprofil td a,.pprofil .intlink, .pprofil .design td{
	font-size: 1em;
}
.pprofil .design td{
	font-size: 1em;
}

.pprofil td{
	border-bottom: 1px solid #ECECEC;
}

.sprofil td.row1, .sprofil td.row2, .pprofil td.row1, .pprofil td.row2{
	background-color: #FFF;
}

.pprofil .design th{
text-align: center;
}
.pprofil .flselect, .ppofil .empty select{
	font-size: 1.2em;
}
.pprofil .flselect{
	margin-bottom: 2px;
}

.pprofil  select, .pprofil input, .pprofil textarea{
	font-family: Verdana,Arial,Helvetica;
	font-size: 1.1em;
	background-color: #fff;
	color: #000;
	border: #959595 1px solid;
}

.update textarea{
	font-size: 0.83em;
}

/*tellme  -----------------*/

.tellme{
margin-top:-2em;
}
.tellme fieldset {
	border: 1px solid #ccc;
	padding: 1em 1em 0.5em 1em;
}

.tellme label{
	display: block;
	float: left;
	width: 15em;
}
.tellme textarea{
	border: 1px solid #ccc;
}

.tellme legend, .tellme input, .tellme textarea, .tellme label{
	padding: 0.2em;
	font-size: 0.83em;
	margin-top: 0.4em;
}

.tellme legend{
font-size: 1em;
	padding: 0.2em;
	color: #CC6600;
	font-weight: bold;
}

/*bereich faq  -----------------*/
table.faq{
	border: none;
	padding: 0;
	margin: 0 10px 0 10px;
}

.faq h2, .list h2{
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0.4em 0;
	color: #003366;
	background-color: inherit;
}

.faq p, .faq ul{
	padding: 0 1em 0.2em 1em;
	font-size: 0.85em;
	margin-bottom: 0.6em;
}

.faq li{
list-style: square;
margin: 0 10px 0 10px;
padding: 0 0 0.2em 0;
}


/* suche -----------------*/
#search{
	border-top: 1px solid #ccc;
	margin: 10px 20px 0 20px;
}

#search.wj, #search.res{
	border-top: none;
}

#search p{
	padding: 0.4em 0 0.4em 0;
}

#search.res p{
	padding: 0;
	margin: 0;
}

#search hr{
	margin-top:1em;
}

#search input {
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; 
	font-size: 0.9em;
	background-color: #fff;
	color: #003366;
	border:  1px solid #ccc;
	padding: 0.2em;
}

#search table.design{
	border:none;
}

table.design th{
	border:none;
}

table.design td a{
	font-size: 1em;
}

#search table.design td{
	padding: 3px;
	font-size: 0.9em;
	color: #000000;
	border:none;
}

/* forum -----------------*/

table.forum{
	width: 100%;
	font-size: 0.9em;
	border: 1px  solid #003366;
	margin: 4px auto 0 auto;
}

.forumcat, table.forum th{
font-size: 0.9em;
font-weight: bolder;
}
table.forum td{
	padding: 3px;
	color: #000000;
font-size: 0.9em;
	border-color: #F2F2F2 #F2F2F2 #F2F2F2 #F2F2F2;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: none;
	border-bottom-width: 0;
}

table.forum tr th{
background-color: #335C85;
font-weight: bolder;
color: White;
}

.forum .row1 img{
vertical-align: middle;
}
.forumrow1{
background-color: #F4F4F4;
}
.forumrow2 td{
background-color: #fff;
}

.usertool{
font-size: 0.83em;
}

table.topic tr th{
background-color: #F4F4F4;
font-weight: normal;
color: #000;
}

table.topic td{
	padding: 3px;
	color: #000000;
font-size: 1em;
	border-color: #F2F2F2 #F2F2F2 #F2F2F2 #F2F2F2;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: none;
	border-bottom-width: 0;
}

/* sumit button -----------------*/

.submit {
font-size: 0.83em;
}

#forml .submit{
display: block;
text-align: center;
margin: 0 auto;
color: #003366;
background-color:#fff ;
}

.submit:hover,
.submit:active, 
.submit:focus,
#forml .submit:hover,
#forml .submit:active, 
#forml .submit:focus,
#formpw .submit:hover,
#formpw .submit:active, 
#formpw .submit:focus,
#search .submit:hover,
#search .submit:active, 
#search .submit:focus{
	color: #fff;
	background-color: #003366;
	text-decoration: underline;
}

.disabled, .disabled:hover{
color: #ccc;
background-color:#fff;
}

span.seckey {
font-size: 0.83em;
}

input#seckey{
font-size: 1.1em;
text-align: center;
}


/* allerlei ausrichtungen und textauszeichnungen-----------------*/
.ccenter {
text-align: center;
}
.cright {
text-align: right;
}
.cleft{
text-align: left;
}

.cjustify{
text-align: justify;
}

.imgcenter{
text-align: center;
margin: 0 auto;
}

.textgreen, .Offen, .Open{
	color: #007D01;
	background-color: inherit;
}

.textred, .Beendet, .Close, .abgelaufen, .Frozen{
	color: #CC0000;
	background-color: inherit;
}

.textblue, .Awarded, .abgeschlossen{
	color: #335C85;
	background-color: inherit;
}


.textwhite{
	color: #fff;
	background-color: inherit;
}

small, a small, small a:link{
font-size: 9px;
}

/* keine Anzeige im Layout --- wegen screenreader kein display none --------------*/
.unsichtbar, a span, #radlance 
{
position: absolute;
left: -1000px;
top: -1000px;
}