/* Cascading Style Sheet CSS 2.1 */
/* style.css */
/* indexxWEBDESIGN, http://www.indexx-webdesign.de, 23.10.2006 */


/* Allgemeines */
body{
	margin: 5px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
}


html{height: 100%;}

a {
	color: #000033;
	text-decoration: none;

}


td{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p{
	margin: 0px;
	font-size: 12px;
	line-height: 19px;
	padding-bottom: 15px;
	padding-top: 1px;
}


h1{
	font-size: 12px;
	letter-spacing: 2px;
	margin: 0px;
	margin-bottom: 0px;
	line-height: 21px;
}


h2{
	font-size: 12px;
	margin: 0px;
	margin-bottom: 7px;
	padding-top: 14px;
	line-height: 19px;
}

h1.gap, p.gap{margin-left: 13px;}

td.jobadress{font-weight: bold; 	letter-spacing: 2px;}

p.gaptop{margin-top: 19px;}

.small{font-size: 11px;} 

.grey{color: #999999;}

.active{color: #999900;}

.pfeil{margin-left: 10px;}

.nowrap{white-space: nowrap;}

table#basis{border-bottom: 1px solid #000033;}

.clear{
	height: 1px;
	font-size: 1px;
	clear: both;
	width: 1px;
}



/* Header */
td.header1, td.header2, td.header3{
	height: 87px;
	background-image: url(../images/layout/header-bg.gif);
}



/* Header links - Sprachumschaltung */
td.header1{border-left: 1px solid #000033;}


.header1 p{
	margin: 0px;
	margin-bottom: 6px;
	margin-left: 21px;
	padding: 0px;
	line-height: normal;
}

.header1 a{
	margin: 0px;
	font-size: 10px;
	text-decoration: none;
	padding-right: 6px;
}



/* Header mitte */
.header2{font-size: 1px; /* n�tig f�r IE! */}

.header2 h1{
	color: #999900;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	letter-spacing: 4px;
	font-weight: bold;
	margin-left: 13px;
	line-height: normal;
}

.header2 img{
	margin: 0px;
	margin-left: 13px;
	margin-bottom: 9px;
}



/* Header rechts */
td.header3{border-right: 1px solid #000033;}

td.header3 .spacer{width: 199px;}



/* Navigationsspalte */
td.left{
	width: 170px;
	border-left: 10px solid #000033;
	border-right: 5px solid #000033;
}



/* Contentbereich - drueckt seite bei unter 800px fensterbreite auseinander */
td.content .spacer{
	width: 384px;
	height: 1px;
	font-size: 1px;
}



/* Rechte Spalte */
td.right{
	border-right: 10px solid #000033;
	border-left: 10px solid #DBDBDB;
	width: 180px; 
}



/* Content mitte und rechts oben - erzeugt Tennlinie unten */
.contentheader, .rightcontentheader{
	background-image: url(../images/layout/hr.gif);
	background-position: bottom;
	background-repeat: repeat-x;	
	height: 61px;

}



/* Content rechts oben (RSS-Feed...) */
.rightcontentheader p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-top: 23px;
	line-height: normal;
	margin-left: 13px;
}

.rightcontentheader a{padding-right: 13px;}



/* Content mitte oben */
.contentheader p{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 13px;
	padding-top: 22px;
	line-height: normal;
}

.contentheader form{
	padding-top: 19px;
	padding-left: 13px;
	float:left;
	margin-bottom: 0px;
}



/* Inhaltsbereich */
.contentbox{
	margin: 19px 13px;
	clear: both;
}



/* Content rechte Spalte */
.rightcontent{
	margin-left: 13px;
	padding-top: 13px;
	margin-right: 13px;
}

.rightcontent img{margin-bottom: 10px;}



/* Footer - erzeugt waagerechte Linien unten */
td.footer1, td.footer2, td.footer3{
	font-size: 10px;
	border-top: 1px solid #000033;
	height: 20px;
 
}

td.footer1{border-left: 1px solid #000033;}

td.footer3{border-right: 1px solid #000033;}


/* Trennlinien */
.hr{
	border: 0px;
	border-top: 1px solid #000033;
	border-bottom: 1px solid #000033;
	height: 4px;
	font-size: 1px;
	overflow: hidden;
}


/* Formulare */
form{
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

form select{
	background-color: #EBEB9E;
	margin: 0px;
	padding: 0px;
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 207px;
}

.contentheader form select{width: auto;}

form input.send{
	margin: 0px;
	margin-left: 16px;
	margin-right: 13px;
	background-color: #999900;
	border: none;
	color: #FFF;
	font-size: 11px;
	padding: 1px 3px;
}


.formdescr, .formdescr2{
	 border: 1px solid #000033;
	 margin-bottom: 5px;
	 margin-top: 18px;
	 padding-bottom: 0px;
	 width: 204px;
}



.formdescr2offer{
	 border: 1px solid #000033;
	 margin-bottom: 5px;
	 margin-top: 18px;
	 padding-bottom: 0px;
	 width: 354px;
}

.formdescr2 {margin-bottom: 0px;}
.formdescr2offer {margin-bottom: 0px;}

.formdescr p, .formdescr2 p, .formdescr2offer p {
	font-size: 12px;
	padding-left: 22px;
}


form p{padding: 0px;}

input.textfeld, textarea.textfeld{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 204px;
	border: 1px solid #000033;
	background-color: #EBEB9E;
	margin-top: -1px;
	padding: 1px 0px;
	color: #000033;
}

input.textfeldcontact, textarea.textfeldcontact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 354px;
	border: 1px solid #000033;
	background-color: #EBEB9E;
	margin-top: -1px;
	padding: 1px 0px;
	color: #000033;
}


input.textfeldoffer, textarea.textfeldoffer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 354px;
	border: 1px solid #000033;
	background-color: #EBEB9E;
	margin-top: -1px;
	padding: 1px 0px;
	color: #000033;
}

textarea.textfeldcontact{overflow: auto;}

textarea.textfeld{overflow: auto;}

textarea.textfeldoffer{overflow: auto;}



/* Navigation */
#navigation{
	margin-top: 20px;
	width: 170px;
}

#navigation ul{
	margin: 0px;
	padding: 0px;
	margin-left: 13px;
	list-style-type: none;
}

#navigation li{
	line-height: 19px;
	font-weight: bold;
	font-size: 12px;
}

#navigation li.spacer{
	margin-bottom: 17px;
}

#navigation li a{
	text-decoration: none;
}

#navigation ul ul ul{
	margin: 0px;
	font-weight: normal;
}

#navigation ul ul ul li a{font-weight: normal;}




/* Jobliste */
ul.jobliste{
	margin: 0px;
	padding: 0px;
	margin-bottom: 19px;
}

ul.jobliste li{
	font-size: 12px;
	margin-left: 13px;
	line-height: 19px;
	margin-top: 19px;
	list-style-type: square;
}

ul.inline{
	margin: 0px;
	padding: 0px;
	margin-bottom: 19px;
}

.jobliste a{text-decoration: none;}

.jobliste a:hover{text-decoration: underline;}



/* Liste mit eingr�ckten Listenpunkten z.B. rechungsadresse.htm rechte Spalte */
ul.inline li{
	list-style-position: inside;
	font-size: 12px;
	margin-left: 0px;
	line-height: 19px;
	margin-top: 0px;
	list-style-type: square;
}



/* farbige Listepunkte je nach Berufskategorie */
/* the number corresponds to the id in job_area_id */
li.p1{
	color: #00CCFF;
	list-style-type: square;
}

#bobble1 { 
        width: 4px;
        height: 4px; 
        margin-right: 5px;
		background-color: #00CCFF;
}

#bobble2 { 
        width: 4px;
        height: 4px; 
        margin-right: 5px;
		background-color: #0000FF;
}
	

li.p2{
	color: #0000FF;
	list-style-type: square;
}

/* not used yet */
li.mathe{
	color: #FF0000;
	list-style-type: square;
}

li.p3{
	color: #660099;
	list-style-type: square;
}

li.p4{
	color: #FF9900;
	list-style-type: square;
}

li.p5{
	color: #FF0099;
	list-style-type: square;
}

li.p6{
	color: #FFF000;
	list-style-type: square;
}

li.p7{
	color: #00FF60;
	list-style-type: square;
}

li.p10{
	color: #999900;
	list-style-type: square;
}

li.p11{
	color: gray;
	list-style-type: square;
}



/* Zeitschriften */ 
.colbox{
	background-image: url(../images/layout/imagebox-bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	margin-top: 22px;
	margin-bottom: 24px;
	padding: 0px;
}

/* Zeitschriften index.htm */
.colimg{
	width: 150px;
	float: left;
	text-align: center;
	padding: 24px 0px;
}

	
.coltxt{margin-left: 160px;}

.coltxt h1{
	line-height: normal;
	margin-bottom: 4px;
}

/* Zeitschriften Detail*/
.col1{
	width: 150px;
	float: left;
	text-align: center;
	padding-top: 10px;
}

.col2{
	margin-left: 160px;
	padding-top: 5px;
}

.col2 p{padding: 0px;}


/* Zeitschriften Ueberschrift */
.journalsbox{
	background-color: #EBEB9E;
	padding: 0px 8px 0px 7px;
	margin: 22px 0px 10px 0px;
}

.journalsbox img{margin: 10px 7px 10px 8px;}

.error { 
	border-color: red;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
}