/* @override 
	http://lpamsonntag.loc/library/style.css
*/

/*
Rot:	#E20A17
Gelb:	#EFEA1F
Blau:	#00478B
*/



@import "print.css";

* {
	margin: 0;
	padding: 0;
}
body {
	background: #333 url(../pics/layout/bg_body.png) repeat-x fixed;
	margin:				0;
	padding:			0;
	font: 12px  Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

img {
	border:				0;
	}

#container    
	{
	position: 			relative;
	display: 			block;
	position:			relative;
	margin:				0px;
	margin-left:		auto;
	margin-right:		auto;
	width: 990px;
	text-align: 		left;
	}


#header {
	position: 		relative;
	margin:				0px auto 0px auto;
	width: 				920px;
	height: 86px;
	}

div#header_logo {
	position: absolute;
	width: 180px;
	height: 70px;
	top: 10px;
	left: 20px;
}

#header_text {
	position: absolute;
	top: 0px;
	left: 0;
	text-align: center;
	background-color: #000000;
	opacity: 0.8;
	width: 100%;
}

#header_text h1 {
	font-size: 12px;
	color: #FFF;
	margin: 5px;
}

div#header_image {
	position: absolute;
	top: 37px;
	left: 190px;
	height: 160px;
	width: 720px;
}


#mainnav {
	position:			absolute;
	left:				35px;
	top:				75px;
	width:				800px;
	height:				25px;
}

.navIMG {
	float:				left;
	}

#tools {
	position:			absolute;
	left:				710px;
	top:				70px;
	width:				175px;
	height:				30px;
	}

#serviceruf {
	margin:				20px 0px 0px 0px;
	width:				170px;
	height:				60px;
	}


#logogeseke {
	margin:				20px 30px 0px 30px;
	width:				100px;
	height:				125px;
	}

div#content_header {
	width: 990px;
	height:  20px;
	background: url(../pics/layout/content_header.png) no-repeat;
	margin-top: 10px;
}

#content {
	width:				990px;
	z-index: 			10;
	background: url(../pics/layout/container_bg.png) repeat-y;
	margin-top: 0;
}

div#contentWrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentcontainer {
	width: 750px;
	float:				left;
	margin-left:		0px;
	padding:			0;
}


div#leftContainer  {
	position: relative;
	width: 160px;
	float: left;
	margin-left: 20px;
	margin-right: 30px;
}

div#navigation {
	position:			relative;
	width: 		160px;
	font-size:			1.2em;
	font-family:		Arial, Helvetica, San-Serif;
	color: 			#333333;
	border-bottom: 1px solid #ccc;
}

div#navigation a {
	color: 			#333333;
}


div#navigation a.l1, div#navigation a.l2 {
	display:			block;
	padding:			5px 3px;
	text-decoration:	none;
	border-top: 1px solid #ccc;
	}

div#navigation a.l1.on {
	background-color: #e20119;
	color:				#FFF;
}


div#navigation a.l2 { 
	margin-left: 10px;
	font-size: 0.9em;
}

div#navigation a.l2.on {
	background-color: #e16667;
	color:				#FFF;
	}
div#navigation a:hover.l1, div#navigation a:hover.l2 {
	background-color: #E0E0E0;
	color: #000000;
}




.trennlinie {
	height:				30px;
	background:			url(/pics/trennlinie.gif) repeat-x;
	}



#footer {
	margin-top: 		0px;
	padding-bottom:		10px;
	width: 				990px;
	height: 			60px;
	background: url(../pics/layout/footer_bg.png) no-repeat;
	margin-bottom: 30px;
}

div#adresse {
	position:			relative;
	margin-top: 25px;
	width:				160px;
}

div#adresse p {
	font-size: 0.8em;
	color:	#666666;
	line-height: 160%;

}

#adresse a {
	color:				#666666;
	text-decoration:	none;
	}
#adresse a:hover {
	color:				#E20A17;
	text-decoration:	none;
	}


#partnerseiten {
	position:			relative;
	left:				15px;
	margin-top:			5px;
	margin-bottom:		15px;
	width: 960px;
	font-size:			0.8em;
	color:				#666;
}

#partnerseiten a {
	color:				#666;
	text-decoration:	none;
	}
#partnerseiten a:hover {
	color:				#E20A17;
	text-decoration:	none;
	}

	

.headline {
	position:			relative;
	width: 739px;
	margin-bottom:		10px;
	}


.sp1 {
	position: 			relative;
	width: 545px;
	float:				left;
	margin: 			0 20px 20px 0;
	}	
	
.sp2 {
	position:			relative;
	width:				185px;
	float:				left;
	margin:				0 0 20px 0;
	}



.einspaltig {
	position: 			relative;
	width: 				645px;
	float:				left;
	margin: 			0 0 20px 0;
	}	
	
	
/* neue Spaltenaufteilung */

.row5col, .row4col, .row3col, .row2col, .row1col {
	position: relative;
	margin: 0;
	width: 720px;
}


.col {
	position: relative;
	margin-right: 20px;
	float: left;
	z-index: 1;
}

.row2col .col {
	width: 350px;
}

.row3col .col {
	width: 220px;
}

.row4col .col {
	width: 160px;
}

.row5col .col {
	width: 130px;
	margin-right: 10px;
}

.row2col .wide {
	width: 505px;
}

.row2col .small {
	width: 175px;
}

.last {
	margin: 0;
}


.row1col:after, 
.row2col:after, 
.row3col:after,
.row4col:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}
	
/* **** */





	
	

.newslink {
	display:			block;
	font-size:			0.8em;
	font-weight:		bold;
	color:				#00478B;
	}


a.newslink {
	margin:				2px;
	padding:			3px;
	background-color:	#CBD2E2;
	}

a:hover.newslink {
	background-color:	#FFF;
	}

.newsbox_lo {
	background:			url(/pics/box_news_lo.gif) top left no-repeat;
	}

.newsbox_ro {
	background:			url(/pics/box_news_ro.gif) top right no-repeat;
	}
.newsbox_lu {
	background:			url(/pics/box_news_lu.gif) bottom left no-repeat;
	}
.newsbox_ru {
	background:			url(/pics/box_news_ru.gif) bottom right no-repeat;
	}
.newsbox_content {
	margin:				0;
	padding:			24px 10px 15px 10px;
	}


.note {
	font-size: 0.8em;
	}

.bild {
	margin-bottom: 15px;
	}

.bildlinks {
	float: left;
	margin: 0px 15px 10px 0;
	}

.bildrechts {
	float: right;
	margin: 0px 0 10px 15px;
	}

/**************** Tabellen *********************/

.infotable, .kontakt, .zebratabelle {
	border-collapse: collapse;
	}

.infotable td {
	padding:			0.3em;
	vertical-align:		top;
	border-top:			0px solid #CCC;

	}

.infotable .col1 {
	padding-right:		0.8em;
	}

.infotable .col2 {

	}

.rot {
	background-color:	#CC0000;
	color:				#FFF;
	}

.zebratabelle {
	width:				100%;
	margin-bottom:		20px;
	}
.zebratabelle td {
	padding:			0.3em;
	vertical-align:		top;
	border-top:			1px solid #CCC;
	}

.zebratabelle th {
	background-color:	#E20A17;
	color:				#FFF;
	padding:			0.3em;
	font-size:			1.2em;
	}


.zebratabelle td.note {
	border-bottom:			1px solid #CCC;
	}


.zebratabelle .col1 {
	padding-right:		0.8em;
	width:				200px;
	}

.zebratabelle.marginalspalte .col1 {
	padding-right:		0.8em;
	width:				100px;
	}


.zebratabelle .col2 {

	}

.zebratabelle .dk td {
	background-color:	#DEDAD8;
	}


table.kaBestellung td {
	border: 0px;
	background-color: #eee;
}


table.kaBestellung td.headscetion {
	padding: 10px 0 ;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 2px solid #FFF;
	text-align: center;
	border-bottom: 1px solid #ddd;
	background-color: #e5e5e5;
}

table.kaBestellung td input {
	border: 1px solid #ccc;
}


table.kaBestellung td input.FormButton {
	background-color:	#429e1f;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	border: 0px solid #333;
	width: 100%;
	padding: 5px;
}

table.kaBestellung td.rot,
.rot, .warning {
	background-color:	#E20A17;
	color:				#FFF;
	}



/**************** Typo *********************/

h1, h2, h3 {
	margin:			0;
	padding: 0;
	}

h1 {
	font-family:		Arial, Helvetica, Sans-Serif;
	font-size:			1.8em;
	color:				#E20A17;
	}
h2 {
	font-size:			1.2em;
	color:				#CD0921;
	}
h3 {
	font-size:			1em;
	color:				#CD0921;
	}

#content p {
	margin:				0 0 1.3em 0;
	padding:			0px;
	line-height:		1.5em;
	}

a 	{
	color:				#E20A17;
	text-decoration:	none;
	}

a:hover {
	color:				#666;
	}


.datum {
	font-size:			0.9em;
	color:				#888;
	border-bottom: 1px dotted #BBB;
	border-top: 1px dotted #BBB;
	padding: 3px 0;
}

.weblink {
	margin-bottom:		10px;
	}
.linkbeschreibung {
	font-size:			0.9em;
	margin:				0 1em;
	}
	
/*******************************************************/
/****** Listen *******/
/*******************************************************/


li.pdf {
	margin-left: -15px;
	padding-left: 0px;
	margin-top: 5px;
}

li.pdf {
	list-style-image: url(/pics/icon_pdf_12x12.gif);
}


ul {
	list-style:			url(/pics/list_img.gif) outside; 
	margin:				10px 0 0 20px; 
	padding:			0 0 1em 0;
	}

ul li {
	margin-bottom:		0.5em;
	line-height:		1.4em;
	}


/**************** Artikel *********************/

.artikel {
	margin-bottom:	20px;
	padding-bottom:	10px;
	}


.artikel h1 {
	margin: 7px 0 5px;
	font-weight: 	normal;
	font-size: 20px;
	
	}

.artikeltext {
	line-height:	1.4em;
	font-size:		1em;
	}

/**************** Kleinanzeigen *********************/

.kleinanzeigen {
	width: 545px;
	margin-bottom:	20px;
	}

.kleinanzeigen h1 {
	border-width:	1px 0;
	border-style:	solid;
	border-color:	#000;

	padding:		3px 0;
	margin-bottom:	0px;
	background-color: #666;
	color:			#FFF;
	font-size:		1.4em;
	text-align:		center;
	}


.kleinanzeige {
	border-width:	0 0 1px 0;
	border-style:	solid;
	border-color:	#666;
	display:		block;
	margin:			0 !important;
	padding:		5px 0 5px 0 !important;
	}


#karubnav {
	margin-bottom:	20px;
	}


#karubnav a, #karubnav .off {
	display:		block;
	font-size:		0.9em;
	padding:		2px;
	margin:			0px;
	width:			170px;
	}
#karubnav a {
	font-weight:	bold;
	}
#karubnav .off {
	color:			#999;
	}

#karubnav a:hover {
	background-color: #CCC;
	}

#karubnav a.selected {
	background-color:	#E20A17;
	color:			#FFF;
	}


div#steps {
	position: relative;
	width: 720px;
	height: 78px;
	overflow: hidden;
	background: url(../pics/layout/Kleinanzeige_Schritte.png) no-repeat 0 0;
}

div#steps .stepOne {
	
}

div#steps.stepTwo {
	background-position: 0 -78px;
}

div#steps.stepThree {
	background-position: 0 -156px;
}


/**************** Kontakt *********************/
.mitarbeiter h2 {
	margin-bottom:		10px;
	border-bottom:		1px solid #E20A17;
	padding-bottom:		2px;
	}

/**************** Banner *********************/
.banner {
	width:				175px;
	margin:				5px 0 15px 0;
	}
.banner h1 {
	background-color:	#000;
	padding:			3px 0;
	margin-bottom:		0px;
	color:				#FFF;
	font-size:			0.7em;
	text-align:			center;
	}


/* Dateilistentabelle */

table.dateiliste {
	border-collapse: collapse;
	border-top: 1px solid #FFF;
}

table.dateiliste td {
	padding: 5px 0;
	border-bottom: 1px solid #FFF;
}


table.dateiliste tr.even {
	background-color: #fbfbfb;
}

table.dateiliste tr.odd {
	background-color: #f5f5f5;
	
}

table.dateiliste tr.even:hover, table.dateiliste tr.odd:hover {
	background-color: #FFF;
}

table.dateiliste td.dateisymbol {
	width: 30px;
}

table.dateiliste td.dateiname {
	width: 350px;
	font-size: 1.2em;
}

table.dateiliste td.dateiname a {
	display: block;
}

table.dateiliste td.dateigroesse {
	width: 90px;
	font-size: 0.9em;
	text-align: right;
}



blockquote {
	margin-left: 0;
	margin-right: 0;
	padding-left: 60px;
	background: url(../pics/layout/i_40.png) no-repeat;
	min-height: 50px;
}