@import 'reset.css';

/* @group typo
============================================ */

body {
	font-size: 75%; /* sets base-font-size to 12px */
	font-family: Arial, "Helvetica Neue", Calibri, Tahoma, Verdana, sans-serif;
	font-style: normal;
	line-height: 1.5;
	padding-top: 5px;
	text-align: center;
	background: #d6d8da;
	color: #1d1e1f;
}

input, select, option, textarea {
	font-family: Arial, "Helvetica Neue", Calibri, Tahoma, Verdana, sans-serif;
}


/* Headlines  */

h1 { /* Page-Headlines (18px) */
	font-size: 1.5em;
	line-height: 1.35;
	padding-bottom: 0.15em;
	color: #6b6d6e;
}

h2 { /* Event-Headlines in Liste (16px) */
	margin-top: 1em;
	font-size: 1.333em;
	line-height: 1.35;
	word-spacing: -1px;
}

h3 { /* Modul-Überschriften (14px) */
	margin-top: 1em;
	font-size: 1.167em;
}

h4 { /* Subheadlines Startseite, Name Location bei Events (16px) */
	margin-top: 1em;
	font-size: 1.333em;
	line-height: 1.2;
	font-weight: normal;
}

h5 { /* Mini-Modul-Überschriften (12px) */
	margin-top: 1em;
	line-height: 1.2;
	color: #6b6d6e;
}

h6 { /* (14px) */
	font-size: 1.167em;
}

h1.alternate, h3.alternate, h5.alternate { /* Headlines ohne Großbuchstaben */
	text-transform: none;
}

h1, h3, h5, h6 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

em {
	font-style: normal;
	color: #6b6d6e;
}

h6 small {
	font-size: 0.857em;
}


/* Lists and Paragraphs  */

q {
	color: #6b6d6e;
}

ul, p, dl {
	margin-top: 1em;
}

ul.light {
	list-style-type: none;
}

blockquote {
	margin-top: 1.5em;
	padding: 0.1em 1.5em 1.5em;
	border-left: 3px solid #6b6d6e;
	color: #6b6d6e;
}


/* Hyperlinks  */

a:link {
	color: #6b8013;
	text-decoration: none;
}

a:visited {
	color: #6b6d6e; /* alt */
	color: #6b8013;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #333235;
	text-decoration: none;
}


/* To remove underline for certain areas */

.pagination a,
.tag-cloud a,
.quiet-links a, a.quiet-link,
#header a {
	text-decoration: none !important;
}

/* @end Typo */


/* @group Forms 
============================================ */

/* Defaults */

input.text, input.password {
	font-size: 1em;
	padding: 1px 2px;
	border: 1px solid #c0c2c2;
	color: #1d1e1f;
}

input.checkbox,
input.radio,
input.image {
	vertical-align: middle;
}

input.submit {
	cursor: pointer;
}

textarea {
	font-size: 1em;
	border: 1px solid #c0c2c2;
	color: #1d1e1f;
}

input.text:focus, input.password:focus, textarea:focus {
	border-color: #6b6d6e;
}

select {
	border: 1px solid #c0c2c2;
	color: #1d1e1f;
}

select:focus {
	border-color: #6b6d6e;
}

button {
	cursor: pointer;
	background: none;
}

.prio1-button{
	background-position:-228px 50%;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	background-image: url(/tpl/img/buttons/button-for-user-entry.png);
	border:0 none;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:19px;
	text-align:center;
	width:114px;
	background-color: transparent;
}
.prio2-button{
	background-position:-114px 50%;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	background-image: url(/tpl/img/buttons/button-for-user-entry.png);
	border:0 none;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:19px;
	text-align:center;
	width:114px;
	background-color: transparent;
}
.prio1-button-small{
	background-position:-100px 50%;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	background-image: url(/tpl/img/buttons/button-for-user-entry-small.png);
	border:0 none;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:19px;
	text-align:center;
	width:50px;
	background-color: transparent;
}
label {
	color: #909191;
}

form.global-search {
	padding:10px 0px;
	font-size: 1.167em;
}
form.global-search label {
	/*margin-right:10px;*/
}

form.global-search input.text
{
	width: 200px;
}

form.global-search select.text
{
	width: 160px;
}

form.global-search td.searchicon{
    text-align:right;
    vertical-align:middle;
}

form.login {
	padding: 4px 8px;
}
	
	form.login label, form.login p {
		color: #6b6d6e;
		color: #fff;
	}
	
	form.login h3 {
		margin-top: 0;
	}

	form.login label {
		display: block;
		width: 110px;
	}
	
	form.login label.checkbox {
		width: auto;
	}
	
	form.login input.text {
		width: 100px;
		border-width: 0;
	}
	
	form.login input.text, form.login input.password {
		color: #1d1e1f;
	}
	
	form.login .submit {
		margin: 8px 0 0;
	}

	table.form {
		/*border-top:1px solid #748A18;*/
		padding-top:10px;
		width:100%;
	}
		table.form tbody th {
			text-align:right;
			padding:0.3em 4px;
			width:68px;
		}
		table.form th label {
			color:#748A18;
			font-weight:bold;
		}
		table.form td {
			padding:0.3em 4px;
			/*border-bottom:1px solid #748A18;*/
			vertical-align:top;
			font-weight:400;
			text-align:left;
		}
		table.form tfoot td {
			border:medium none;
			padding-top:6px;
		}
		table.form input.text {
			width:294px;
		}

/* Meldungen */

.error-msg, .success-msg, .info-msg {
	padding: 0 1em 0.6em 1em;
	margin: 0.5em 0;
	border: 2px solid #ff6c00;
	background-color: #ffe3ce;
}

.success-msg {
	border-color: #2fc900;
	background-color: #d0fec1;
}

.info-msg {
	border-color: #1d1e1f;
	background-color: #eff1f3;
}
	
	.error-msg h3, .success-msg h3, .info-msg h3 {
		margin: 0.4em 0 0;
		/*border-bottom: 1px solid #fbb078;*/
	}
	
	.success-msg h3 {
		border-color: #91f971;
	}
	
	.info-msg h3 {
		border-color: #c0c2c2;
	}
	
	.error-msg p, .success-msg p, .info-msg p {
		margin-top: 0.5em;
	}
	
	input.err, textarea.err, select.err {
		border-color: #ff6c00;
	}
	
	input.succ, textarea.succ, select.succ {
		border-color: #91f971;
	}
	
	.error-msg h3, label.err, select.err {
		color: #ff6c00 !important;
	}
	
	.success-msg h3, label.succ, select.succ {
		color: #2fc900 !important;
	}
    .important input,
    .important select,
    .important textarea
    {
        border-color: #ff6c00;
    }
    
        
/* @end Forms */



/* @group Generic
============================================ */

/* Helper Classes */

.left {
	float: left;
}

.right {
	float: right;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}

html *.append {
	margin-top: -0.2em !important;
}

html *.first, html *.cozy {
	margin-top: 0 !important;
}

html *.section {
	clear: left;
  margin-top: 2em !important;
}

html *.segment {
	clear: left;
	margin-top: 1.5em !important;
}

html *.gap {
	margin-top: 1em !important;
}

html *.bottom-gap {
	margin-bottom: 1em !important;
}

html *.mini-gap {
	margin-top: 4px !important;
}

html *.bottom-mini-gap {
	margin-bottom: 4px !important;
}

html *.hidden {
	display: none;
}

html *.cozy-bottom {
	margin-bottom: 0 !important;
}

.metainfo, .company {
	color: #6b6d6e;
	margin: 0 0 0 0;
}
.metainfo a, 
.metainfo a:link, 
.metainfo a:visited, 
.metainfo a:hover, 
.company a,
.company a:link,
.company a:visited,
.company a:hover
{
	color: #909191;
}

.odd {
	background-color: #f7f7f7 !important;
}


/* Layout Grid */

.main-col {
	width: 100%;
	float: left;
}

.two-cols, .three-cols, .four-cols, .five-cols, .six-cols, .seven-cols, .eight-cols, .nine-cols, .ten-cols, .eleven-cols, .twelve-cols, .thirteen-cols, .fourteen-cols, .fifteen-cols {
	overflow: hidden;
	margin-right: 15px;
	float: left;
}

.three-cols			{ width: 120px; }
.four-cols			{ width: 165px; }
.five-cols			{ width: 210px; }
.six-cols				{ width: 255px; }
.seven-cols			{ width: 300px; }
.eight-cols			{ width: 345px; }
.nine-cols			{ width: 390px; }
.ten-cols				{ width: 435px; }
.eleven-cols 		{ width: 480px; }
.twelve-cols 		{ width: 525px; }
.thirteen-cols	{ width: 570px; }
.fourteen-cols	{ width: 615px; }
.fifteen-cols		{ width: 660px; }

.last { margin-right: 0; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */


/* @group Main
=============================================== */

/* Page  */

#page {
	position: relative;
	width: 991px;
	margin: 0 auto;
	text-align: left;
}


/* Header  */

#header {
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 821px;
	background: transparent url(../img/header/header-bg.png) no-repeat left top;
}

#logo {
	display: block;
	padding: 12px;
}

#claim {
	position: absolute;
	top: 40px;
	left:200px;
	height: 21px;
	width: 100%;
	text-indent: -999em;
	background: transparent url(../img/brand/claim.png) no-repeat left center;
}

	#header ul,
	#header li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

/* Main  */

#main {
	width: 819px;
	margin: 0;
	padding: 1.6em 0;
	border: 1px solid #444444;
	border-width: 0 1px;
	text-align: left;
	background-color: #fff;
}

#content {
	clear: right;
	overflow: hidden;
	width: 795px;
	padding: 0 12px 2.5em;
}

#primary { width: 795px; }

#welcome {
	width: 480px;
	height: 120px;
	padding: 0px;
	margin-bottom: 2em;
	position: relative;
	background: #fff url(/tpl/img/main/home-teaser.png) no-repeat left bottom;
}


	#welcome h1 { color: #fff; }
	
	
	#welcome * { color: #fff; }
	
	#welcome ul {
		list-style: none;
		line-height: 1.2;
	}
	
		#welcome li {
			padding: 0 8px 2px 16px;
			background: transparent url(/tpl/img/main/bullet-negative.gif) no-repeat left top;
		}
		#welcome li a,
		#welcome li a:hover,
		#welcome li a:link,
		#welcome li a:visited
		{
			text-decoration:underline;
		}

/* Footer  */

#footer {
	width: 819px;
	padding: .5em 0 3em;
	text-align: center;
	border: 1px solid #444;
	border-top: 2px solid #909c5f;
	background-color: #444;
	color: #fff;
}

#footer a {
	margin: auto .4em;
	color: #fff;
	text-decoration:underline;
}


/* Images */

.thumbs img, .thumb img { display: block; }

.thumbs img, .thumb img { /* for 52x39 thumbs */
	width: 52px;
	height: 39px;
	padding: 3px;
	border: 1px solid #c0c2c2;
	background-color: #fff;
}

#main a:hover img, #main a:active img, #main a:focus img {
	border-color: #333235 !important;
	background-color: #6b6d6e !important;
}

.thumbs {
	overflow: hidden;
	padding: 6px 0 0 15px;
}

.thumbs li {
	float: left;
	margin: 0 6px 6px 0;
	list-style-type: none;
}

/* Button Bars */
#toolbar {
	padding:5px 0px;
	height:20px;
	vertical-align: middle;
	width:100%;
}
	#toolbar a {
		color:white;
		float:left;
		margin-right:10px;
	}
	
	#toolbar a:hover {
		color:black;
		background-position:0px 50%;
	
	}
.login_reg {
	display: inline;
	margin-left:20px;

	}

/* Filters */
ul.filter {
	list-style-type:none;
}
	.filter li {
		border-left:1px solid #C0C2C2;
		display:inline;
		padding:0 8px 0 10px;
	}
	.filter li.label {
		margin-left:10px;
		width:80px;
		border:medium none;
		float:left;
		font-weight:normal !important;
		padding:0;
	}
	.filter li.first {
		border:medium none;
		padding-left:0;
	}
	.active a{
	   text-decoration:none;
	   color: #999;
	}

/* Lists and Search Results */

.jobs {
	background: url(../img/main/dotted-line.gif) repeat-x left top;
	list-style: none;
}

	.jobs li {
		width: 100%;
		display: block;
		padding: 0.5em 0;
		border-bottom: 1px solid #e6e6e6;
		background: url(../img/main/dotted-line.gif) repeat-x left bottom;
	}
		
		.jobs h5 {
			margin-top: 0;
			font-size: 1em;
			text-transform: none;
		}
	
		.jobs .thumb { float: left; }
	
		.jobs li h3 {
			margin-top: -3px;
			margin-left: 0;
			margin-bottom:0px;
			line-height: 1.2;
		}
		
		ul.jobs h3,
		ul.jobs h5,
		ul.jobs p { margin-left: 66px; }
		
		ul.jobs p {
			margin-top: 0;
		}
		
		.jobs li { overflow: auto; }

ul.small-list{
	list-style-type: none;
	padding-bottom: 8px;
}
	ul.small-list li{
		padding-top: 8px;
		font-weight: bold;
		text-transform: none;
		
	}
	ul.small-list li.low-level {
		font-style:italic;
		font-weight:normal;
		margin-left:20px;
		padding-top:0px;
	}
	ul.small-list img{
		vertical-align: middle;
		padding-left: 3px;

	}
	ul.small-list input{
		vertical-align: middle;
	}
	#small-list a:hover img{
		background-color: #fff !important;
	}
	
	ul.small-list li a{
		color:black;
		text-decoration:none;
	}
	ul.small-list li a:hover{
		text-decoration:underline;
	}
	ul.small-list li a.inactive_job{
		color: #999;
	}
	ul.small-list li a.active_job{
		color: #000;
	}
	ul.small-list li a.invalid_job{
		color: #999;
		text-decoration: line-through;
	}

.separator{
	margin: 0 3px;
	color: #c2d3d5;
}


/* Pagination */

.pagination {
	width: 100%;
	float: left;
	margin: 2em 0 1em 0;
	padding: 3px 0; /* fix for IE6 */
	text-align: center;
	line-height: 20px;
	font-size: 1.167em;
	font-weight: bold;
}

	.pagination * { display: inline; }
	
		.pagination a {
			padding: 3px 8px;
			margin: 0 3px;
			border: 1px solid #d6d8da;
		}
		
		.pagination a:link, .pagination a:visited {
			color: #6b6d6e;
		}
		
		.pagination span.current {
			padding: 3px 8px;
			margin: 0 3px;
			border: 1px solid #6b6d6e;
			background-color: #d6d8da;
		}
	
		.pagination a:hover, .pagination a:active {
			color: #fff;
			background-color: #6b6d6e;
			border-color: #333235;
		}


/* Tag-Cloud */

.tag-cloud {
	width: 100%;
	text-align: center;
	line-height: 16px;
	padding: 10px 0 8px;
}

.tag-cloud a {
	font-weight: bold;
}


/* @end */

/* @group addons
=============================================== */

/* tabs */
	
	div.tab-content {
		width: 100%;
		float: left;
		background: #fff;
		float:none;
		clear:both;
		border:1px solid #c0c2c2;
		border-top-width:0px;
		padding:5px;
	}

	.tab-content dl,
	.tab-content ul {
		margin-top: 0;
		background: none;
	}
	
	.tab-content .offset {
		margin: 1em 8px;
	}
	
	div.tab-content-wrapper {  margin-right:12px; }
	
	ul.tabs-rounded
	{
		list-style: none;
		padding: 0;
		margin: 0;
		background: transparent url(../img/main/tab-top-line.png) repeat-x left bottom;
		overflow: hidden;
		clear:both;
		width:100%;
		border-bottom:0px solid #ffffff;
		min-height: 1px;
	}
	
	ul.tabs-rounded li
	{
		float:left;
		margin-right: 3px;
	} 
	
	.h-with-tab {
		overflow: hidden;
		width: 100%;
		background: transparent url(../img/main/tab-top-line.png) repeat-x left bottom;
	}
	
	ul.tabs-rounded a, .h-with-tab h1
	{
		text-decoration: none;
		font-weight:bold;
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 10px;
		display:block;
	}
	
	.h-with-tab h1 {
		float: left;
		font-size: 1.333em;
		padding-bottom: 0;
		line-height: 1.6;
	}
	
	ul.tabs-rounded a span, .h-with-tab h1 span
	{
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom:0px;
		display:block;
	}
	
	ul.tabs-rounded li.current a, .h-with-tab h1 { color: #1d1e1f; cursor:default; background-image: url(../img/main/tab.png); }
	ul.tabs-rounded li.current a span, .h-with-tab h1 span { padding-bottom:1px; background-image: url(../img/main/tab.png); }
	
	ul.tabs-rounded li.current a:hover {
		color: #1d1e1f;
	}
	
	.tabs-bold ul.tabs-rounded .current a:hover {
		color: #fff;
	}
	
	.tabs-bold div.tab-content { border-color:#6b8013; background-color:#d6d8da; }
	.tabs-bold-filled div.tab-content { background-color:#6b8013; color:#fff; }
	.tabs-grey div.tab-content { background-color:#eff1f3; }
	
	.tabs-bold ul.tabs-rounded {
		border-bottom: 7px solid #6b8013;
		background: none;
	}

	.tabs-bold ul.tabs-rounded li.current a { color:#EFF1F3; background-image: url(../img/main/tab-green.png); }
	.tabs-bold ul.tabs-rounded li.current a span { background-image: url(../img/main/tab-green.png); padding-bottom:0px; }
	
	.tabs-grey ul.tabs-rounded li.current a { background-image: url(../img/main/tab-grau.png); }
	.tabs-grey ul.tabs-rounded li.current a span { background-image: url(../img/main/tab-grau.png); }
	
	ul.tabs-rounded a:hover,
	ul.tabs-rounded a:hover span {
		background-image: url(../img/main/tab-hover.png);
	}
	
	.tabs-rounded h1 {
		font-size: 1.2em;
		padding: 0;
		line-height: 1.6;
	}
	
	ul.tabs-rounded h1 a {
		
	}


.highlight {
	padding: 1px 12px 0;
	background: transparent	url(../img/main/highlight-bg.png) no-repeat top left;
	color: #fff;
}
.highlight a,
.highlight a:link,
.highlight a:hover,
.highlight a:visited
 {
	color: #FFFFFF;
	text-decoration: underline;
	}

.highlight p {
	margin-top: 0px;
	/*font-size: 1.167em;*/
}

.highlight .bottom {
	height: 16px;
	margin: 0 -12px;
	background: transparent	url(../img/main/highlight-bg.png) no-repeat bottom left;
}
.highlight h3 {
	margin:3px 0px 5px;
	padding: 0px;
}

/* @end */


/* @group Header
=============================================== */
			
#my-navi {
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: .917em;
	color: #6b6d6e;
}

#my-navi a {
	font-weight: bold;
	padding: 0 6px;
	margin: 0;
}

#menu-bar {
	overflow: hidden;
	display: inline-block; /* for ie6 */
	background: transparent url(../img/header/menubar-bg.png) repeat-x center center;
	margin: 0 1px;
	padding: 0;
	border: 1px solid #6b8013;
	border-width: 1px 0;
}

html > body #menu-bar {
	display: block;
}

ul#menu {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.25em;
}

ul#menu li.menu-item {
	float: left;
}

ul#menu li.menu-item a {
	display: block;
	background: transparent url(../img/header/dropdown-triangle.png) no-repeat right center;
	padding: 5px 14px 6px;
}

ul#menu li.current a {
	background: #8ca5b1 url(../img/header/dropdown-triangle-active.png) no-repeat right center;
}

ul#menu a:link, ul#menu a:visited {
	color: #fff;
}

ul#menu li.menu-item:hover a,
ul#menu li.iehover a {
	color: #000;
}

ul#menu li.menu-item:hover li a,
ul#menu li.iehover li a {
	background-image: none;
	background-color: #000;
}

ul#menu li.menu-item a:hover, ul#menu li.menu-item li a:hover {
	color: #333235;
	background-color: #d6d8da;
}

ul#menu li a.home {
	text-indent: -999em;
	width: 38px;
	padding-left: 0;
	padding-right: 0;
	background: transparent url(../img/header/home-icon.png) no-repeat 0px center;
}

ul#menu li.current a.home {
	background-position: -120px center;
}

ul#menu li a.home:hover {
	background: transparent url(../img/header/home-icon.png) no-repeat -60px center;
}
	
div.headline {
	padding:2px;
	margin-top:20px;
}

div.headline h1 {
	margin-top:0px !important;
}

div.box {
	padding-bottom:5px;
	margin-top:10px;
}

#job-logo{
	float:left;
	margin-top:10px;	
	margin-right:10px;
	padding:5px;
	border: 1px solid #000;
}
#job-logo img{

}
#job-info {
	padding-top:10px;
}
#job-info h1{ font-size:280%; }
#job-info table{ width:50%; }
#job-info table th{ font-weight:bold; }
#job-description{ margin:30px 0px; }


/* @end */