/* BASICS */
body {
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	color: #333333;
	background: url(/images/layout/navi/grauverlauf.jpg) top left repeat-x;
}



/* RESET ALL */
div, span, table, tr, td, input, ul, li, a, img, p, table, th, td, tr, thead, tbody, hr, form {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}



/* PAGE BASICS */
p {
	margin-bottom: 10px;
}

hr {
	border: 1px solid #EDECEC;
}

.clearfloat {
	clear: both;
}

.small {
	color: #666666;
	font-size: 10px;
	line-height: 10px;
}

.smalllight {
	color: #999999;
	font-size: 10px;
	line-height: 12px;	
}

/* BACKGROUND COLORS */
.grey {
	background-color: #EDECEC;
}

.lightgrey {
	background-color: #F8F8F8;
}

.howitworksgrey {
	font-size: 12px;
	border: 3px solid #FFFFFF;
	background-color: #EDECEC;
}

.howitworksgrey:hover {
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	background-color: #FF6600;
	cursor: pointer;
}



/* FONT COLORS */
.fontred {
	color: #FF0000;
}


/* ERROR MESSAGES */
ul.error_list li, .error_list li, div.threecol ul.error_list li {
	color: red;	
}

div.error_row, div.error_row ul.error_list li {
  background-color: #FF3300;
  color: #FFFFFF;	
}


/* DAET WIDGET */
select.dateWidget {
	width: auto;	
}

img.ui-datepicker-trigger {
	margin-left: 10px;
	vertical-align: bottom;	
}


/* LINKS */
a {
	text-decoration: none;
	color: #333333;
}

a.active {
	color: #FF6600;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}



/* PAGE POSITIONING */
div.landscape {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(/images/layout/footer/footerpixel.gif) bottom left repeat-x;
}

div.boxcenter {
	position: relative;
	top: 5px;
	left: 50%;
	width: 990px;
	margin-left: -490px;
}



/* DIRTY HACKS FOR CONTENT POSITIONING */
div.threecol p {
	margin-left: 15px;
}

div.threecol div p {
	margin-left: 0px;
}



/* HEADLINES */
h1 {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 5px 15px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px 0px 5px 5px;
	margin: 25px 0px 0px 0px;
	color: #515151;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	color: #515151;
}

h6 {
	font-size: 14px;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #515151;
	line-height: 20px;
}

div.headlineleft {
	height: 25px;
	background: url(/images/layout/headlines/headline_left.gif) top left no-repeat;
}

div.headlineright {
	height: 25px;	
	background: url(/images/layout/headlines/headline_right.gif) top right no-repeat;
}

div.headlinemiddle {
	height: 25px;
	background: url(/images/layout/headlines/headline_repeat.gif) top left repeat-x;
	margin-bottom: 15px;
}


/* GRID */
div.row {
	clear: both;
}

div.onecol {
	float: left;
	width: 235px;
	margin: 5px;
}

div.twocol {
	float: left;
	width: 480px;
	margin: 5px;
}

div.threecol {
	float: left;
	width: 725px;
	margin: 5px;
}

div.fourcol {
	float: left;
	width: 970px;
	margin: 5px;
}

div.onerow {
	float: left;
	height: 50px;
	margin: 5px;
}

div.tworow {
	float: left;
	height: 110px;
	margin: 5px;
}

div.threerow {
	float: left;
	height: 170px;
	margin: 5px;
}

div.fourrow {
	float: left;
	height: 230px;
	margin: 5px;
}

div.fiverow {
	float: left;
	height: 290px;
	margin: 5px;
}

div.sixrow {
	float: left;
	height: 350px;
	margin: 5px;
}

div.onecolborder {
	float: left;
	width: 245px;
}

div.spacer {
	height: 25px;
}

div.even {
	border-bottom: #FFFFFF;
}

div.odd {
	background-color: #F4F4F4;
}

tr.AG {
	background-color: #F4F4F4;
}

tr.AN {
	background-color: #FFFFFF;
}


/* NAVIGATION */
div.navi {
	background: url(/images/layout/navi/navipixel.jpg) top left repeat-x;
}

div.borderleft {
	background: url(/images/layout/navi/naviend_left.jpg) top left no-repeat;
}

div.borderright {
	background: url(/images/layout/navi/naviend_right.jpg) top right no-repeat;
}

div.navi ul {
	margin-left: 10px;
	float: left;
}

div.navi ul li {
	float: left;
	list-style-type: none;
	background: url(/images/layout/navi/navipixel.jpg) top left repeat-x;
	height: 36px;
	padding: 3px 11px;
}

div.navi ul li.active {
	background: url(/images/layout/navi/navipixel_orange.gif) top left repeat-x;
}

div.navi ul li a {
	text-decoration: none;
	color: #333333;
}

div.navi ul li a:hover {
	color: #FF6600;
}


div.navi ul li.active a {
	color: #FFFFFF;	
}

div.navi ul li div {
	height: 25px;
}

div.navi li.active div.earth, div.navi li.active div.earth:hover {
	background: url(/images/layout/navi/weltkugel_white.png) center center no-repeat !important;
	width: 17px;
	margin: 3px;
}

div.navi li div.earth {
	background: url(/images/layout/navi/weltkugel_black.png) center center no-repeat;
	width: 17px;
	margin: 3px;
}

div.navi li div.earth:hover {
	background: url(/images/layout/navi/weltkugel_orange.png) center center no-repeat;
	width: 17px;
	margin: 3px;
}


div.subnavigation {
	padding-top: 10px;
	line-height: 20px;
}



/* HEADER SOCIAL MEDIA */
div.header div.socialmedia {
	position: absolute;
	top: 102px;
	left: 890px;
	text-align: right;
}



/* TABLES */
div.pagination {
	text-align: center;
}

div.pagination_desc {
	margin: 15px;
}

table.overview {
	width: 725px;
}

table.overview th {
	text-align: left;
	padding: 5px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #F8F8F8;	
}

table.overview td {
	text-align: left;
	padding: 10px 5px;
}

table.overview tr.even, table.bills tr.even {
	border-bottom: 1px solid #CCCCCC;
}

table.overview tr.odd, table.bills tr.odd {
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
}

table.overview td.right, table.overview th.right {
	text-align: right;
}

table.jomis {
	width: 725px;
}

table.jomis th {
	text-align: left;
	padding: 5px;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #F8F8F8;	
}

table.jomis td {
	text-align: left;
	padding: 5px;
}

table.jomis td.total {
	font-weight: bold;
	border-top: 1px solid #333333;
}

table tr td.right {
	text-align: right;
}

table.admin td {
	vertical-align: top;
	border-bottom: 1px solid #F8F8F8;
}


/* TEASERBOXES */
.teaserro {
	background: url(/images/layout/boxes/clearcorner_or.png) top right no-repeat;
}

.teaserlo {
	background: url(/images/layout/boxes/clearcorner_ol.png) top left no-repeat;
}

.teaserru {
	background: url(/images/layout/boxes/clearcorner_ur.png) bottom right no-repeat;
}

.teaserlu {
	background: url(/images/layout/boxes/clearcorner_ul.png) bottom left no-repeat;
}

div.onerow div.teaserinhalt {
	height: 50px;
}

div.tworow div.teaserinhalt {
	height: 110px;
}

div.threerow div.teaserinhalt {
	height: 170px;
}

div.fourrow div.teaserinhalt {
	height: 230px;
}

div.fiverow div.teaserinhalt {
	height: 290px;
}


/* TOPJOB-BANNER */
div.topjobbanner {
	margin: 0 0 10px; 0;
	width: 235px;
	height: 100px;
	overflow: hidden;
}

div.topjobbanner div.link {
	margin: 60px 0 0 110px;
	padding: 0 0 0 10px;
	font-weight: bold;
	background-image:url(/images/layout/teaser/links_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;

}

div.topjobbanner div.link a {
	font-weight: bold;
	color: #333333;
}

div.topjobbanner div.linkvorschau {
	margin: 60px 0 0 120px;
	font-weight: bold;
}




/* FORMS */
textarea, .listing {
	border: 1px solid #CCCCCC;
	width: 400px;
}

select {
	border: 1px solid #CCCCCC;
	width: 130px;
}

select.wide {
	border: 1px solid #CCCCCC;
	width: 260px;
}

input {
	border: 1px solid #CCCCCC;
	width: 200px;
}

input.wide {
	border: 1px solid #CCCCCC;
	width: 400px;
}
input.small {
	border: 1px solid #CCCCCC;
	width: 60px;
}

input.red {
	border: 1px solid red;
}

ul.checkbox_list li input {
 width: auto;	
}

input.button, .button {
	border: none;
	background: url(/images/layout/buttons/login_button.png) top left;
	width: 140px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
}

input.button:hover, .button:hover {
	background: url(/images/layout/buttons/login_button_hover.png) top left;
	cursor: pointer;
}

input.buttonblue, .buttonblue {
	border: none;
	background: url(/images/layout/buttons/blue_button.png) top left;
	width: 140px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
}

input.buttonblue:hover, .buttonblue:hover {
	background: url(/images/layout/buttons/blue_button_hover.png) top left;
	cursor: pointer;
}

input.buttonbig, .buttonbig {
	border: none;
	background: url(/images/layout/buttons/big_button.png) top left;
	width: 190px;
	height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	margin: 10px 0px;
}

input.buttonbig:hover, .buttonbig:hover {
	background: url(/images/layout/buttons/big_button_hover.png) top left;
	cursor: pointer;
}

input.buttonultrabig, .buttonultrabig {
	border: none;
	background: url(/images/layout/buttons/ultrabig_button.png) top left;
	width: 300px;
	height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	margin: 10px 0px;
}

input.buttonultrabig:hover, .buttonultrabig:hover {
	background: url(/images/layout/buttons/ultrabig_button_hover.png) top left;
	cursor: pointer;
}

input.radiobutton {
	width: 10px;
}



/* FOOTER */
div.footer {
	height: 390px;
	width: 970px;
	text-align: center;
	clear: both;
	margin: 5px 5px 0px 5px;
	padding: 20px 0px;
}

div.footer div.scrollable {
	top: 0px;
	left: 0px;
	position: relative;
	margin: 0px 5px 20px 5px;
	width: 960px;
	height: 40px;
}

#scroller {
    position:relative;
}

#scroller DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	background-color: #F4F4F4;
}

#scroller DIV.active {
    z-index:10;
    opacity:1.0;
}

#scroller DIV.last-active {
    z-index:9;
}

#scroller DIV IMG {
    display: block;
    border: 0;
	margin: 0px 22px 10px 22px;
	float: left;
}

div.footer div.badges {
	background-color: #F4F4F4;
	margin: 0;
	padding: 0;
}
div.footer div.copyright {
	background-color: #F4F4F4;
	margin: 0;
	padding: 0;
}



/* CAPTCHA */
a.captcha {
	margin-bottom: 5px;	
}
input.captcha {
	width: 100px;
}



/* LISTINGS */
div.onecol ul li, div.leightbox ul li {
	color: #333333;
	list-style-type: circle;
	margin-left: 13px;
}

div.onecol ul li.orange, div.leightbox ul li.orange {
	color: #FF6600;
	list-style-type: circle;
	margin-left: 13px;
}

div.onecol ul li p, div.leightbox ul li p {
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.threecol ul {
	margin-left: 28px;
}

div.threecol ul li {
	color: #333333;
	list-style-type: circle;
}

div.threecol ul li.orange {
	color: #FF6600;
	list-style-type: circle;
}

div.threecol ul li p {
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
div.threecol ul.checkbox_list li {
	color: #333333;
	margin: 0px;
	list-style-type: none;
}

div.threecol ul.orange li {
	list-style-type: disc;
	color: #FF6600;
}
div.threecol ul.orange li span {
	color: #333333;
}

table.bills {
	width: 710px;
	margin-left: 15px;
}

table.bills th {
	text-align: left;
}

table.bills tr {
	height: 40px;
}

table.bills td {
	vertical-align: top;
	padding: 5px;
}


/* FAQ */
div.faqquestion {
	margin: 10px 0px 10px 15px;
	font-weight: bold;
	cursor: pointer;
}

div.faqanswer {
	margin: 0px 0px 10px 15px;
	display: none;
}


/* TOOLTIP */
.mouseoverinfo {
	position: relative;
	top: 2px;
	left: 0px;
	cursor: pointer;
}


/* SLIDESHOW */
.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
	color: #FF6600;
}


.jcarousel-skin-tango {
	overflow: hidden;
	width: 970px;
	height: 289px;
}


/* IE 6 FIXING */
* html div.navi ul li div {
	display: inline;
	background: none;
}

* html div.navi ul li {
	padding: 17px 15px;
}

* html input.button, .button {
	padding-bottom: 0px;
	line-height: 20px;
}

* html input.buttonbig, .buttonbig {
	padding-bottom: 0px;
	line-height: 40px;
}



/* IE 7 FIXING */
*+ html div.navi ul li {
	padding: 17px 15px;
}

*+ html input.button, .button {
	padding-bottom: 5px;
}

*+ html input.buttonbig, .buttonbig {
	padding-bottom: 0px;
}