@charset "utf-8";
/*
###################################################################
###################################################################
				CSS Datei:		layout
				Webseite:		Joblotsen
				Aktualisiert:	2008-06-07###############
###################################################################
###################################################################
*/
/* ################		Grundlegendes		#################### */

body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	background-image:url(../pix/layout/bg.jpg);
	background-repeat:repeat;
}


/* ################			Aufbau			#################### */

#all {
	width:6144px;


}

#angebote {
	width:99px;
	height:59px;
	margin-left:30px;
	position:fixed;
	top:0px;
	left:59px;
	color:#FFFFFF;
	line-height:12px;
}

#angebote a:link, #angebote a:active, #angebote a:visited {
	display:block;
	width:135px;
	height:59px;
	padding-left:32px;
	background-image:url(../pix/layout/angebot-bg.png);
	background-repeat:no-repeat;
}

#angebote a:hover {
	display:block;
	width:135px;
	height:59px;
	padding-left:32px;
	padding-top:7px;
	background-image:url(../pix/layout/angebot-bg_hover.png);
	background-repeat:no-repeat;
}

/* ################			NAVI und ADDI	#################### */

#navi {
	width:439px;
	height:40px;
	position:fixed;
	left:503px;
	top:0px;
	background-image:url(../pix/layout/navi-bg.png);
	background-repeat:no-repeat;
	padding-left:20px;
	z-index:99;
}

#navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#navi ul li {
	display:inline;
	margin:0;
	padding:0px;
}

#addresse {
	width:806px;
	height:35px;
	position:fixed;
	top:541px;;
	left:200px;
	background-image:url(../pix/layout/addy-bg.png);
	background-repeat:no-repeat;
	z-index:98;
}

#addresse .left {

}

#addresse .right {
	margin-left:170px;
}

#addresse .right a:link, #addresse .right a:active, #addresse .right a:visited {
	text-decoration:none;
	color:#828282;

}

#addresse .right a:hover {
	text-decoration:none;
	color:#000000;

}

#addresse .left a:link, #addresse .left a:active, #addresse .left a:visited {
	text-decoration:none;
	color:#000000;

}

#addresse .left a:hover {
	text-decoration:underline;
	color:#000000;

}
/* ################			Seite 1			#################### */

.wrapper_01 {
	float:left;
	width:1024px;
	height:568px;
}

#inhalt_01 {
	margin-left:197px;
	margin-top:92px;
	background-image:url(../pix/01/tasse.png);
	background-repeat:no-repeat;
	color:#828282;
}

.wrapper_01 h1{
	margin:0;
	padding:0;
}


.wrapper_01 h2{
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:normal;
	line-height:33px;
	font-size:16px;
	color:#000000;
}

#inhalt_01 .ueberschrift img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
}

#inhalt_01 .ueberschrift {
	line-height:29px;
	color:#00477a;
	font-size:18px;
	display:block;
	margin-top:55px;
	margin-bottom:6px;
}

.ueberschrift {
	color:#00477a;
	font-size:18px;
	display:block;
}

/* ################			Seite 2			#################### */

.wrapper_02 {
	float:left;
	width:782px;
	height:358px;
	background-image:url(../pix/02/bg.png);
	background-repeat:no-repeat;
	padding-top:190px;
	padding-left:242px;
}

.wrapper_02 h2 {
	margin:0;
	padding:0;
	color:#00477a;
	line-height:30px;
	font-size:18px;
	display:block;
	margin-bottom:6px;
	font-weight:normal;
}

.wrapper_02 h2 img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
}

.wrapper_02 .text {
	color:#828282;
	width:740px;
	height:334px;
	padding-left:17px;
	background-image:url(../pix/02/wein.png);
	background-repeat:no-repeat;

}

/* ################			Seite 3			#################### */

.wrapper_03 {
	float:left;
	width:952px;
	height:251px;
	background-image:url(../pix/03/bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:317px;
	padding-left:72px;
	color:#828282;
}

.wrapper_03 h2 {
	margin:0;
	padding:0;
	color:#00477a;
	line-height:31px;
	font-size:18px;
	display:block;
	margin-bottom:6px;
	font-weight:normal;
}

.wrapper_03 h2 img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
}

.wrapper_03 span {
	margin-left:500px;
	margin-top:50px;
	display:block;
}

/* ################			Seite 4			#################### */

.wrapper_04 {
	float:left;
	width:952px;
	height:371px;
	background-image:url(../pix/04/bg.png);
	background-repeat:no-repeat;
	padding-top:197px;
	padding-left:72px;
	color:#828282;
}

.wrapper_04 h2 {
	margin:0;
	padding:0;
	color:#00477a;
	line-height:31px;
	font-size:18px;
	display:block;
	margin-bottom:6px;
	font-weight:normal;
}

.wrapper_04 h2 img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
	float:none;
}

.wrapper_04 img {
	float:left;
	margin-left:481px;
	margin-top:62px;
}

.wrapper_04 span {
	display:block;
	width:230px;
	float:left;
}

/* ################			Seite 5			#################### */

.wrapper_05 {
	float:left;
	width:816px;
	height:280px;
	background-image:url(../pix/05/bg.png);
	background-repeat:no-repeat;
	padding-top:297px;
	padding-left:58px;
	padding-right:150px;
	color:#828282;
}

.wrapper_05 h2 {
	margin:0;
	padding:0;
	color:#00477a;
	line-height:31px;
	font-size:18px;
	display:block;
	margin-bottom:6px;
	font-weight:normal;
}

.wrapper_05 h2 img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
	float:none;
}

/* ################			Seite 6			#################### */

.wrapper_06 {
	float:left;
	width:1024px;
	height:568px;
}

.wrapper_06 .links {
	float:left;
	width:347px;
	height:480px;
	margin-top:75px;
	margin-left:65px;
}

.wrapper_06 .rechts {
	float:left;
	width:255px;
	height:385px;
	margin-top:75px;
	margin-left:60px;
	padding-left:250px;
	padding-top:95px;
	background-image:url(../pix/06/iphone.png);
	background-repeat:no-repeat;
	color:#828282;
}

.wrapper_06 .links h2 {
	margin:0;
	padding:0;
	color:#00477a;
	line-height:30px;
	font-size:18px;
	display:block;
	margin-bottom:6px;
	font-weight:normal;
	margin-top:32px;
}

.wrapper_06 .links h2 img {
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-right:10px;
	float:none;
}

.wrapper_06 .rechts img {
	margin:5px 0px 0px 28px;
}

/* ################			inputform		#################### */

.input_text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	background-color:#efefef;
	border: 2px solid #efefef;
	margin:5px;
	padding-left:5px;
	width:366px;
	height:20px;
	color:#adadad;
}

form textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	background-color:#efefef;
	border: 2px solid #efefef;
	margin:5px;
	padding-left:5px;
	width:366px;
	height:130px;
	color:#adadad;
}

form input {
	width:126px;
	height:26px;
}


/* ################			Drag n Drop		#################### */

.box {
  padding: 0px;
  position: absolute;
  background-repeat:no-repeat;
}

.content {
padding:0px;
}

#draggables {
	height: 1px;
	position: relative;
}
 
#draggables .drag_01 {
	width:356px;
	height:266px;
	left:380px;
	top:-320px;
	background-image:url(../pix/drag/01.png);
	cursor:pointer;
}

#draggables .drag_02 {
	width:374px;
	height:292px;
	left:390px;
	top:-450px;
	background-image:url(../pix/drag/02.png);
	cursor:pointer;
}

#draggables .drag_03 {
	width:376px;
	height:284px;
	left:440px;
	top:-320px;
	background-image:url(../pix/drag/03.png);
	cursor:pointer;
}

#draggables .drag_04 {
	width:356px;
	height:266px;
	left:600px;
	top:-400px;
	background-image:url(../pix/drag/04.png);
	cursor:pointer;
}

#draggables .drag_05 {
	width:356px;
	height:266px;
	left:500px;
	top:-470px;
	background-image:url(../pix/drag/05.png);
	cursor:pointer;
}

#draggables .drag_06 {
	width:311px;
	height:289px;
	left:650px;
	top:-300px;
	background-image:url(../pix/drag/06.png);
	cursor:pointer;
}

#draggables .drag_07 {
	width:288px;
	height:277px;
	left:580px;
	top:-480px;
	background-image:url(../pix/drag/07.png);
	cursor:pointer;
}

#draggables .drag_08 {
	width:356px;
	height:266px;
	left:1330px;
	top:-490px;
	background-image:url(../pix/drag/08.png);
	cursor:pointer;
}

#draggables .drag_09 {
	width:351px;height:413px;
	left:1510px;
	top:-520px;
	background-image:url(../pix/drag/09.png);
	cursor:pointer;
}

#draggables .drag_10 {
	width:351px;
	height:413px;
	left:1530px;
	top:-420px;
	background-image:url(../pix/drag/10.png);
	cursor:pointer;
}

#impress {
	display: none;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#links {
	display: none;
	font-family:Georgia, "Times New Roman", Times, serif;
}