/*** Grundformatierung ***/

@import url(typostyle.css);


/*** Allgemein ***/

body {
	font-family:Helvetica,Arial,Tahoma;
	font-size:11px;
	color:#37241a;
	background-color:white;
	margin:0;
	padding:0;
}

td,p,div {
	font-family:Helvetica,Arial,Tahoma;
	color:#37241a;
}

#layout {
	margin:0px auto 0px auto;
	padding:0px;
	width:970px;
	text-align:left;
}

#layoutHeader {
	background-color:#d1d2d4;
}

#layoutMenu {
	height:85px;
	background:url(../images/bg_menu.gif) no-repeat;
}

.col4-4 {
	margin:0px;
	padding:0px 15px 0px 0px;
	width:215px;
}
.col4-4l {
	margin:0px;
	padding:0px;
	width:220px;
}


#layoutFooter {
	padding:5px 30px;
}

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; font-size:0px; height:0px; overflow:hidden; }
.white, .white .title, .white p, .white div { color:#fff; }
.hand { cursor:pointer; }
.halfSpace { font-size:0px; height:5px; font-size:0px; overflow:hidden; }
.fullSpace { font-size:0px; height:10px; font-size:0px; overflow:hidden; }

.menuline {
	margin-left:30px;
	font-size:0px;
	height:1px;
	background:url(../images/bg_menu_line.gif) repeat-x;
}

.separatorWhite {
	margin:10px 0px;
	font-size:0px;
	height:1px;
	background:url(../images/separator_white.gif) repeat-x;
}

.separatorBrown {
	margin:10px 0px;
	font-size:0px;
	height:1px;
	background:url(../images/separator_brown.gif) repeat-x;
}

/*** Alle Links ***/

a:link, a:active, a:visited {
	color:#37241a;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#766c63;
	text-decoration:none;
	font-weight:bold;
}


/*** Mauptmenü ***/

a.menu:link, a.menu:active, a.menu:visited, a.menu:hover {
	display:block;
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding:25px 27px 9px;
	float:left;
}

a.menu:hover {
	color:#aea397;
}

a.menuOn:link, a.menuOn:active, a.menuOn:visited, a.menuOn:hover {
	display:block;
	color:#aea397;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/bg_menu_arrow.gif) 11px center no-repeat;
	margin-top:14px;
	padding:11px 27px 9px;
	float:left;
}

/*** Untermenü ***/

a.menuSub:link, a.menuSub:active, a.menuSub:visited, a.menuSub:hover {
	display:block;
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 20px 10px 30px;
	float:left;
}

a.menuSub:hover {
	color:#aea397;
}

a.menuSubOn:link, a.menuSubOn:active, a.menuSubOn:visited, a.menuSubOn:hover {
	display:block;
	color:#aea397;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/bg_menu_arrow.gif) 11px center no-repeat;
	padding:10px 20px 10px 30px;
	float:left;
}

/*** Linkes Menü ***/

a.menuLeft:link, a.menuLeft:active, a.menuLeft:visited, a.menuLeft:hover {
	display:block;
	color:#37241a;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	margin-left:-20px;
}

a.menuLeft:hover {
	color:#766c63;
}

a.menuLeftOn:link, a.menuLeftOn:active, a.menuLeftOn:visited, a.menuLeftOn:hover {
	display:block;
	color:#766c63;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/arrow_right.gif) left top no-repeat;
	padding:0px 0px 0px 20px;
	margin-left:-20px;
}

/*** Footer Links ***/

a.menuFooter:link, a.menuFooter:active, a.menuFooter:visited, a.menuFooter:hover {
	color:#37241a;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
}

a.menuFooter:hover {
	color:#766c63;
}

a.menuFooterOn:link, a.menuFooterOn:active, a.menuFooterOn:visited, a.menuFooterOn:hover {
	color:#766c63;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
}


/*** Button Links ***/

a.butt:link, a.butt:active, a.butt:visited, a.butt:hover {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	background:url(../images/arrow_right.gif) 0px 1px no-repeat;
}


/*** Abgerundete Boxen ***/

.boxMain {
	background-color:#d1d2d4;
}

div.boxTL {
	width:14px;
	height:14px;
	background:url(../images/corner_tl.gif) no-repeat;
	float:left;
}

div.boxTR {
	width:14px;
	height:14px;
	background:url(../images/corner_tr.gif) no-repeat;
	float:right;
}

div.boxBL {
	width:14px;
	height:14px;
	background:url(../images/corner_bl.gif) no-repeat;
	float:left;
}

div.boxBR {
	width:14px;
	height:14px;
	background:url(../images/corner_br.gif) no-repeat;
	float:right;
}

div.boxContent {
	padding:0px 30px;
	background-color:#d1d2d4;
}

.box2Main {
	background-color:#b9b2af;
}

div.box2TL {
	width:14px;
	height:14px;
	background:url(../images/corner2_tl.gif) no-repeat;
	float:left;
}

div.box2TR {
	width:14px;
	height:14px;
	background:url(../images/corner2_tr.gif) no-repeat;
	float:right;
}

div.box2BL {
	width:14px;
	height:14px;
	background:url(../images/corner2_bl.gif) no-repeat;
	float:left;
}

div.box2BR {
	width:14px;
	height:14px;
	background:url(../images/corner2_br.gif) no-repeat;
	float:right;
}

div.box2Content {
	padding:0px 30px;
	background-color:#b9b2af;
}

div.boxContentStartpage {
	margin:0px 30px 0px 150px;
}


/*** Formulare ***/

textarea { overflow:auto; }
.tfield { font-family:Arial; font-size:11px; width:146px; border:1px solid #fff; background-color:#fff; padding:1px; margin:0px 0px 4px; }
.err { background-color:#fcc; }
.errText { color:#990000; }


/*** Login-Box ***/

.loginbox {
	margin:10px 30px;
}

.loginbox .box {
	display:block;
	padding:10px 20px;
	margin:2px 0px 0px;
	background-color:#9b9593;
}


/*** Suche-Box ***/

.searchbox {
	float:left;
    padding:25px 10px 9px 30px;
	color:#ffffff;
	text-transform:uppercase;
}

.searchbox2 {
	float:left;
	margin-top:21px;
}

.searchbox2 input {
	margin:0px;
	width:100px;
}

a.switch {  }
a.switchOn { font-size:13px; color:#999; }





/** ======================== AWS Informationspopup ======================== **/

.pop {
	margin:0px;
	margin-left:-160px;
	padding:0px;
	width:320px;
	position:absolute;
	z-index:300;
	left:50%;
	top:75px;
}

.pop h3.title {
	margin:0px;
	padding:0px 0px 20px 0px;
	color:#37241a;
	font-size:16px;
}



.pop .tl 	{ background:url('../images/pop_tl.png')	no-repeat;	width:18px; height:18px; }
.pop .t 	{ background:url('../images/pop_t.png')		repeat-x;	width:auto; height:18px; }
.pop .tr 	{ background:url('../images/pop_tr.png')	no-repeat;	width:18px; height:18px; }
.pop .l 	{ background:url('../images/pop_l.png')		repeat-y;	width:18px; height:auto; }
.pop .m 	{ background-color:#fcfaf4; padding:15px 20px; color:#37241a; }
.pop .r 	{ background:url('../images/pop_r.png')		repeat-y;	width:18px; height:auto; }
.pop .bl 	{ background:url('../images/pop_bl.png')	no-repeat;	width:18px; height:18px; }
.pop .b 	{ background:url('../images/pop_b.png')		repeat-x;	width:auto; height:18px; }
.pop .br 	{ background:url('../images/pop_br.png')	no-repeat;	width:18px; height:18px; }
.pop .close { background:url('../images/pop_close.gif') no-repeat; position:absolute; width:22px; height:22px; top:7px; right:7px; cursor:pointer; }

/*** Alle Links ***/

.pop a:link, .pop a:active, .pop a:visited {
	color:#37241a;
	text-decoration:underline;
	font-weight:bold;
}
.pop a:hover {
	color:#766c63;
	text-decoration:underline;
	font-weight:bold;
}

/*** Sortierung (Jobs) ***/

.sorting {
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#999;
}

.sorting label {
    display:block;
    float:left;
}

.sorting a:link,
.sorting a:visited,
.sorting a:active,
.sorting a:hover {
	display:block;
	float:left;
	padding:0px;
	margin:0px 5px;
	color:#999;
}

.sorting a.sort-up {
    padding:0px 0px 0px 12px;
	background:url('../images/sort_up.gif') no-repeat 0px 2px;
	color:#766c63;
}

.sorting a.sort-down {
    padding:0px 0px 0px 12px;
	background:url('../images/sort_down.gif') no-repeat 0px 2px;
	color:#766c63;
}

.jobinfo p {
	margin:0;
	padding:0;
}