/* @override http://neueregionale.192.168.0.33.xip.io:8888/library/style-2019-05-24.css */

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



/* rokkitt-regular - latin */
@font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 400;
    src: url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-regular.svg#Rokkitt') format('svg'); /* Legacy iOS */
  }
  
  /* rokkitt-700 - latin */
  @font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 700;
    src: url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/rokkitt-v29-latin-700.svg#Rokkitt') format('svg'); /* Legacy iOS */
  }

  /* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-regular - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-italic - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-700 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-700italic - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-900 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fileadmin/templates/fonts/google/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  

@import url("print.css");


* {
	margin: 0;
	padding: 0;
}


html {
		background: #F0F0F0 url(../pics/layout/body_bg_grau.jpg);

}

a:hover{
	cursor: pointer;
}

body {
	font-size: 16px;
	font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight: 300;
	margin:				0;
	padding:			0;
	}

input {
		font-family: Roboto, Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight: 300;
	
}

img {
	border:				0;
	}

.clearer {
	clear: both;
}

.text-center {
	text-align: center;
}

.text-small {
	font-size: 0.8rem;
}

.text-bold {
	font-weight: 700;
}


.text-uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.dropshadow  {
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}


a:hover .dropshadow  {
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	transform: scale(0.98, 0.98);
	-ms-transform: scale(0.98, 0.98);
	-webkit-transform: scale(0.98, 0.98);

}


hr {
	height: 2px;
	border: 0;
	background: #FFF;
	margin: 20px 0;
}

div#pageWrapper {
	position: relative;
	width: 1000px;
    padding-bottom: 60px;
	margin: 0 auto;
}


#header {
	position: 	relative;
	height: 80px;
	margin-bottom: 10px;
	margin-top: 1.5rem;
}




div#header_logo {
	position: relative;
	margin: 0 auto;
	width: 553px;
	margin-bottom: 2rem;
	height: auto;
}

div#header_logo img {
	width: 100%;
	height: auto;
}

#header_text {
	position: absolute;
	top: 15px;
	left: 215px;
	text-align: center;
	background-color: #bd0812;
	opacity: 0.8;
	width: 730px;
	height: 28px;
	display: none;
}

#header_text h1 {
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	margin: 8px 0 0;
}

div#header_epaper {
	position: absolute;
	right: 0rem;
	top: 0rem;
	z-index: 999;
	width: 186px;
	height: 100px;
	background: url(../pics/layout/button_epaper_bg.png) no-repeat left;
}


div#epaper-thumbnail {
	position: absolute;
	top: 00px;
	width: 86px;
	height: 130px;
	right: 0;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);

}


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 {
	position: relative;
	width: 740px;
	height:  25px;
	background: url(../pics/layout/content_header.png) no-repeat;
}


#contentWrapper {
}

div#contentFooter {
	position: relative;
	width: 				100%;
	padding: 10px;
	margin: 2rem 0;
	text-align: center;
	}


div#contentcontainer {

}





div#sideBar {
	position:	relative;
	width: 		160px;
	float:		left;
	margin: 	2rem 0 0 40px;
}

div#mainCol {
	width: 800px;
	float: left;
}

#navigation {
	font-size:			16px;
	font-family:		Arial, Helvetica, San-Serif;
	border-bottom: 1px solid #e5e5e5;
	}

#navigation a {
	color: #666;
	padding: 10px 5px;
	display:			block;
	text-decoration: none;
	border-top: 1px solid #e5e5e5;
}

#navigation a:hover {
	background-color: #eaeaea;
}

#navigation a.l2 {
	padding-left: 20px;
	border-top: 1px solid #e5e5e5;
}

#navigation a.l1.on,
#navigation a.l2.on {
	color: #c20913;
}


#navigation ul {
	text-align: center;
}

#navigation ul {
	display: inline-block;
}

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



#adresse {
	position:			relative;
	font-size:			0.9em;
	color:				#000;
}

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


#partnerseiten {
	position:			relative;
	left:				185px;
	margin-top:			15px;
	margin-bottom:		15px;
	width:				700px;
	font-size:			0.8em;
	color:				#000;
}

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

	

.headline {
	position:			relative;
	width:				645px;
	margin-bottom:		10px;
	margin-top:			15px;
	}


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



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

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


/* neue Spaltenaufteilung */

.row {
	width: 100%;
	padding: 0 3%;
}


.row5col, .row4col, .row3col, .row2col, .row1col {
	position: relative;
	margin: 0;
	/* background: rgba(255,255,255,.8); */
	width: 94%;
	padding: 0 3%;
}


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


.col img {
	width: 100%;
	height: auto;
}

.row1col .col {
	width: 100%;
	margin: 0;
}


.row2col .col {
	width: 48%;
	margin-right: 4%;
}

.row3col .col {
	width: 30%;
	margin-right: 4%;
}

.row4col .col {
	width: 160px;
}

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

.row2col .wide {
	width: 505px;
}

.row2col .small {
	width: 175px;
}

.last {
	margin: 0 !important;
}


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








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: 5px 0;
	vertical-align:		top;
	border-top:			0px solid #CCC;

	}

.infotable .col1 {
	padding-right: 5px;
	vertical-align: middle;
	width: 105px;
}

.infotable .col2 {

	}

input.textField {
	background: #FFF;
	width: 230px;
}

input.textField.PLZ {
	width: 50px;
	margin-right: 10px;
}

input.textField.Ort {
	width: 165px;
}








.zebratabelle {
	width:				100%;
	}
.zebratabelle td {
	padding:			0.5em;
	vertical-align:		top;
	border-bottom: 1px solid #dcdcdc;
	}

.zebratabelle tr:nth-child(odd) td {
	background-color: rgba(255,255,255,.5);
}

.zebratabelle th {
	background-color:	#E20A17;
	color:				#FFF;
	padding:			0.5em;
	font-size:			1.4em;
	font-weight: 400;
	}


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


.zebratabelle .col1 {
	padding:		5px;

}

.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;
	padding: 5px 10px;
}


table.kaBestellung .tdLabel {
	width: 30%;
	color: #666;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 1px;
}
table.kaBestellung .tdValue {
	width: 70%;
}

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

table.kaBestellung td input.Textfeld {
	border: 1px solid #ccc;
	width: 98%;
	height: 1.5rem;
	padding: 1%;
	font-size: 14px;
}

table.kaBestellung td select  {
		font-size: 16px;

}

table.kaBestellung td textarea.Textbereich {
	border: 1px solid #ccc;
	width: 100%;
	padding: 0.2rem;
	font-size: 14px;
}

table.kaBestellung td textarea.Kleinanzeigentext {
	width: 325px;
	font: 18px "Courier New", Courier, mono;
}


.inputLabel {
	display: block;
	float: left;
	width: 95%;
	line-height: 140%;
}

.inputRadioCheck {
	display: block;
	float: left;
	width: 5%;
}

.inputRow {
	clear: both;
	padding: 0 0 0.3rem 0;
}

table.kaBestellung td input.Kurztext {
	width: 30%;

}

table.kaBestellung td input.FormButton {
	background-color:	#429e1f;
	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 input.ButtonGreen {
	background-color: #429e1f;
}

table.kaBestellung td input.ButtonRed {
	background-color:	#E20A17;
}


table.kaBestellung td input.ButtonBlue {
	background-color: #5e93d7;
}



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



/*
table.kaBestellung, table.kaBestellung tr {
	width: 370px;
	display: block;
	clear: both;
}

table.kaBestellung, table.kaBestellung tr td.col1 {
	width: 100px;
	display: block;
	float: left;
}

table.kaBestellung, table.kaBestellung tr td.col2 {
	width: 270px;
	display: block;
}

*/





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

h1, h2, h3 {
	font-family:		Roboto, Arial, Helvetica, Sans-Serif;
	margin:			0;
	}

h1 {
	font-size:			2em;
	color:				#E20A17;
	font-weight:		900;
	margin-bottom: 0.2em;
	}
h2 {
	font-size:			1.6em;
	color:				#E20A17;
	margin-bottom: 0.2em;
	font-weight:		400;
	}
h3 {
	font-size:			1.2em;
	color:				#E20A17;
    margin-bottom: 0.2em;
	}

p {
	margin:				0 0 0.3rem 0;
	line-height: 140%;
}



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

a:hover {
	color:				#000;
	}


.datum {
	font-size:			0.9em;
	color: #999;
	}

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

ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style-type: square;
}

ul li {
	margin-bottom: 5px;
}

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

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


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

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


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

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


.artikel h1 { 
	margin:			3px 0 5px 0;
	font: bold 18px Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

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

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

.kleinanzeigen {
	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:		13px;
	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;
}


div#steps.stepOne.Paypal {
	background-position: 0 -234px;
}

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

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

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



/* 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;
}

/* Beilagenlinks */

div.LogoLink {
	position: relative;	
	width: 200px;
	text-align: center;
}

div.LogoLink h2 {
	margin-bottom: 10px;
}

div.LogoLink p {
	font-size: 10px;
}


/* Newsletter Formular */

div.form_border {
	border-top: 1px solid #e3e3e3;
	padding-top: 10px;
}

div.form ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

div.form ul li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
	height: 21px;
	border-bottom: 1px solid #e3e3e3;
}

div.form ul li.form_button {
	background: none;
	border: 0;
	}

div.form label.field_label {
	display: block;
	width: 100px;
	float: left;
	color: #666;
	padding-top: 2px;
}

div.form label.required {
	font-weight: bold;
	color: #333;
}

div.form input.form_field {
	background-image: none;
	background-color: #fff;
	width: 240px;
	border: 1px solid #a1a1a1;
	height: 14px;
	margin: 0;
	padding: 2px;
}

div.form input.form_button_submit {
	margin-left: 100px;
}


div.form ul li.rsError {
	padding-top: 10px;
	background: #E20A17;
	margin: 0;
}


div.form ul li.rsError  label {
	color: #FFF;
	padding-left: 2px;
}


/* Banner */

div#headBannerWrapper {
	position: relative;
	text-align: center;
	width: 100%;
	-webkit-box-shadow:inset 0 -5px 5px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 -5px 5px 0 rgba(0,0,0,0.1);
}
div#headBannerWrapper img {
	margin: 1rem 0 1.5rem 0;
}

div.banner {
 text-align: left;
 line-height: 1px;
}
	
	
div.banner img.button {
	width: 100%;
	height: auto;
}

div.banner img.button:hover {
	opacity: 0.7;
	}


div#mainNavContainer {
	position: relative;
	width: 100%;
	background-image: url(../pics/layout/mainNavBG.png);
	
}




.sticky-skyscraper { 
	position:absolute; 
	left: 0px;
	width:160px; 
	color:#333; 
	}

.sticky-skyscraper-wrapper {
	position: relative;
	width: 160px;
}






/* Stellenmarkt */


div.joboffer-row,
div.sonderseite-row {
	position: relative;
	margin: 0 0 0 20px;
	clear: both;
}

div.joboffer-row.joboffer-disabled,
div.sonderseite-row.disabled {
	opacity: 0.3;
}

div.joboffer-row.joboffer-pending,
div.sonderseite-row.pending {
	background: url(../pics/layout/timer.png) no-repeat right bottom;
}


div.joboffer-preview,
div.sonderseite-preview {
	position: relative;
	text-align: center;
	margin-top: 3px;
}

div.joboffer-row.normal div.joboffer-preview,
div.sonderseite-row.normal div.sonderseite-preview {
	float: left;
	width: 380px;
}


div.joboffer-row.wide div.joboffer-preview {
	width: 680px;
	margin-bottom: 20px;
}

div.sonderseite-preview img.ad ,
div.joboffer-preview img.ad {
	width: 100%;
	height: auto;
}


div.joboffer-preview img.ad.oneCol {
	width: 40%;
}

div.sonderseite-preview img.ad.twoCol ,
div.joboffer-preview img.ad.twoCol {
	width: 70%;
}

div.joboffer-preview img.ad.threeCol {
	width: 100%;
}


div.joboffer-preview img.ad.fourCol {
	width: 70%;
}

div.joboffer-preview img.ad.fiveCol {
	width: 85%;
}

div.joboffer-preview img.ad.sixCol {
	width: 100%;
}


div.joboffer-home-preview  {
	position: relative;
	width: 17%;
	height: 8rem;
	float: left;
	text-align: center;
	padding: 1.5%;
}
div.joboffer-home-preview div.adwrapper  {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 8rem;
	width: 170px;
	
}
div.joboffer-home-preview img {
	max-width: 8rem;
	max-height: 8rem;
}

/*
div.joboffer-preview img.ad {
	shadow: #000000 2px 2px 0px;
	-moz-box-shadow: 3px 3px 5px #806464;
	-webkit-box-shadow: 3px 3px 5px #806464;
	box-shadow: 3px 3px 5px #806464;
}

div.joboffer-preview img.ad:hover {
	margin: 1px 0 0 1px;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
*/
div.sonderseite-row.normal div.sonderseite-textbox,
div.joboffer-row.normal div.joboffer-textbox {
	position: relative;
	margin-left: 20px;
	float: left;
	width: 300px;
}


div.joboffer-row.wide div.joboffer-textbox {
	position: relative;
	margin: 0 auto;
	width: 450px;
}

div.joboffer-textbox:after,
div.sonderseite-textbox:after {
	clear: both;
}

div.joboffer-zoom {
	position: absolute;
	width: 25px;
	height: 25px;
	bottom:  0;
	right: 0;
}

div.joboffer-row h1, div.joboffer-row h2, div.joboffer-row h3 {
	color: #666;
}

div.joboffer-row h3 {
	margin-bottom: 10px;
}

div.joboffer-row p {
	color: #333;
	margin: 0;
}

div.joboffer-row p.joboffer-publication {
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	line-height: 10px;
	padding-bottom: 5px;
}






ul.interaction-menu {
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.interaction-menu li {
	display: inline-block;
	padding-right: 1.5rem;
	font-size: 1.5rem;
}




ul.tool-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2rem;
}

ul.tool-list li {
	line-height: 16px;
	padding-left: 18px;
	margin-bottom: 10px;
	background: url(../pics/layout/icons.png) no-repeat 0 0;
}

ul.tool-list li.tool-zoom {
	background-position: 0 0;
}

ul.tool-list li.tool-url {
	background-position: 0 -20px;
}

ul.tool-list li.tool-edit {
	background-position: 0 -40px;
}
ul.tool-list li.tool-delete {
	background-position: 0 -60px;
}

ul.tool-list li.tool-discard {
	background-position: 0 -80px;
}
ul.tool-list li.tool-save {
	background-position: 0 -100px;
}

ul.tool-list li.tool-add {
	background-position: 0 -120px;
}


ul.tool-list li.tool-null {
	background: none ;}

div.formfield {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

div.formfield::after {
	content: "";
	clear: both;
}

input.formfield-textfield {
	width: 100%;
	padding: 0.3rem;
	font-size: 1rem;
	
}

p.formfield-label {
	font-size: 1rem;
	font-style: italic;
}





div.fancybox-title a {
	font-size: 1.2em;
	color: #FFF;
}



div.fancybox-title a:hover {
	color: #E20A17;
}

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







.margin-bottom-1 { margin-bottom: 1rem !important; }
.margin-bottom-2 { margin-bottom: 2rem !important; }
.margin-bottom-3 { margin-bottom: 3rem !important; }
.margin-bottom-4 { margin-bottom: 4rem !important; }
.margin-bottom-5 { margin-bottom: 5rem !important; }
.margin-top-1 {	margin-top: 1rem !important;}
.margin-top-2 {	margin-top: 2rem !important;}
.margin-top-3 { margin-top: 3rem !important;}
.margin-top-4 {	margin-top: 4rem !important;}
.margin-top-5 {	margin-top: 5rem !important;}
.margin-top-6 {	margin-top: 6rem !important;}
.margin-top-7 {	margin-top: 7rem !important;}
.margin-top-8 {	margin-top: 8rem !important;}
.padding-top-1 {	padding-top: 1rem !important;}
.padding-top-2 {	padding-top: 2rem !important;}
.padding-top-3 { 	padding-top: 3rem !important;}
.padding-top-4 {	padding-top: 4rem !important;}
.padding-top-5 {	padding-top: 5rem !important;}
.padding-top-6 {	padding-top: 6rem !important;}
.padding-top-7 {	padding-top: 7rem !important;}
.padding-top-8 {	padding-top: 8rem !important;}
.padding-bottom-1 {	padding-bottom: 1rem !important;}
.padding-bottom-2 {	padding-bottom: 2rem !important;}
.padding-bottom-3 { padding-bottom: 3rem !important;}
.padding-bottom-4 {	padding-bottom: 4rem !important;}
.padding-bottom-5 {	padding-bottom: 5rem !important;}
.padding-bottom-6 {	padding-bottom: 6rem !important;}
.padding-bottom-7 {	padding-bottom: 7rem !important;}
.padding-bottom-8 {	padding-bottom: 8rem !important;}

.spacer-1 {	height: 1rem;}
.spacer-2 {	height: 2rem;}
.spacer-3 {	height: 3rem;}
.spacer-4 {	height: 4rem;}
.spacer-5 {	height: 5rem;}
.spacer-6 {	height: 6rem;}
.spacer-7 {	height: 7rem;}
.spacer-8 { height: 8rem;}
.spacer-9 { height: 9rem;}
.spacer-10 { height: 10rem;}
.spacer-11 { height: 11rem;}
.spacer-12 { height: 12rem;}
.spacer-13 { height: 13rem;}
.spacer-14 { height: 14rem;}
.spacer-15 { height: 15rem;}
.spacer-16 { height: 16rem;}
.spacer-17 { height: 17rem;}
.spacer-18 { height: 18rem;}
.spacer-19 { height: 19rem;}
.spacer-20 { height: 20rem;}



.intro h2 {
 	font-size: 2.5rem;
 	font-weight: 300;
 	margin-bottom: 1rem;
}

.intro p {
	font-weight: 500;
	color: #666;
	width: 90%;
	margin: 0 auto;
}

article.block  {
	position: relative;
	display: block;
	width: 96%;
	height: 350px;
	overflow: hidden;
	margin: 2%;
	background: #000;
	margin-bottom: 1rem;
	webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

article.block.wide {
	margin-bottom: 2rem;
}
/*
article.block.hover {
	height: 450px;
}
*/
article.block.small {
	height: 250px;
}
/*
article.block.small.hover {	height: 250px; }
*/

article.block img {
	position: absolute;
	width: 100%;
	height: auto;
	opacity: 1;
	left: 0;
	margin: auto;
	right: 0;
	top: -0%;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 0.6s; /* Safari */
    transition-delay: 0.6s;
}


article.block.hover img {
	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-o-filter: blur(7px);
	-ms-filter: blur(7px);
	filter: blur(7px);
	transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

article.block .img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
}


article.block h2 {
	position: absolute;
	background-color: #be190e;
	color: #FFF;
	padding: 2%;
	font-size: 1.3rem;
	width: 96%;
	bottom: 0;
	margin: 0;
	text-align: center;
	font-weight: 300;
	-webkit-box-shadow: 0 -5px 20px 0 rgba(0,00,0,0.5);
	box-shadow: 0 -5px 20px 0 rgba(0,00,0,0.5);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 0.7s; /* Safari */
    transition-delay: 0.7s;
}

article.block.hover h2  {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}



article.block h3 {
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 400;
	padding-bottom: 0.5rem;
}


article.block .caption {
	position: absolute;
	display: block;
	color: #fff;
	padding: 0;
	height: 100%;
	width: 100%;
	bottom: -100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.0s;
    }



article.block.hover .caption {
	bottom: 0%;
	background: rgba(190,25,14,0.8);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.3s;

}


article.block .caption div.caption-innner-wrap {
	bottom: -100%;
	padding: 0 5% 5% 5%;
	text-align: center;
	height: 85%;
}

article.block.wide .caption div.caption-innner-wrap {
	padding: 10% 5% 5% 5%;
	height: 85%;
}


article.block.hover .caption div {
	bottom: 0%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}





article.block .caption p.datum {
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	}
	


article.block  a  {
	color: #FFF;
}
article.block  a i  {

	font-size: 1rem;
}



article.block  a:hover  {
	color: #029ee0;
}

article.block .infos {
	padding-top: 0.3rem;
	font-size: 1rem;
}

article.block a:hover .infos {
	color: #FFF;
}

article.block div.action-wrapper {
	top:  0;
	width: 110%;
	padding: 0;
	background-color: rgba(0,0,0,0.4);
	margin: 0 -5% 0.8rem;
	padding: 1rem 0 0.3rem 0;
}


article.block.small div.action-wrapper {

}


article.block .action {
	font-size: 1.3rem;
	font-weight: 400;
}

article.block .action i {
	margin-right: 0.5rem;
	font-size: 1.3rem;
	
}


article.block.small .action,
article.block.small .action i  {
	font-size: 1rem;
}





div.arcticle-row {
	position: relative;
	height: auto;
}

div.arcticle-row:after {
	content: " ";
	float: none;
	clear: both;
}




/* klein */
article.block.small {
	width: 46%;
	float: left;

}


article.block.small h2 {
	font-size: 1rem;
}

article.block.small h3 {
	font-size: 1.2rem;
}

/* Suchfeld */

fieldset#liveSuche {
	border: 0;
	line-height: 1rem;
	color: #333;
	padding: 0.6rem 0 0 0;
	
}

fieldset#liveSuche label {
	display: block;
	padding: 1.5%  3% 0 0;
	font-size: 1rem;
	float: left;
	width: 30%;
	text-align: right;
}

fieldset#liveSuche input#id_search {
	margin: 0;
	padding: 1%;
	font-size: 1rem;	
	float: left;
	width: 33%;

	}

span#formInfo {
	display: block;
	color: #666;
	padding: 1.5% 0 0 3%;
	font-size: 1rem;
		float: left;
	width: 27%;


}



div.icon {
	color: #878788;
}

div.trenner {
	position: relative;
	margin: 0 0 2rem -10px;
	width: 740px;
	height: 70px;
	background: url(../pics/layout/divider_pagecurl.png) no-repeat;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {

        margin-left: 0 !important;
    }
.glyph.fi-1x:before { font-size: 1rem; line-height: 1rem; }
.glyph.fi-1-5x:before { font-size: 1.5rem; line-height: 1.5rem; }
.glyph.fi-2x:before { font-size: 2rem; line-height: 2rem; }
.glyph.fi-2-5x:before { font-size: 2.5rem; line-height: 2.5rem; }
.glyph.fi-3x:before { font-size: 3rem; line-height: 3rem; }
.glyph.fi-4x:before { font-size: 4rem; line-height: 4rem; }
.glyph.fi-5x:before { font-size: 5rem; line-height: 5rem; }
.glyph.fi-6x:before { font-size: 6rem; line-height: 6rem; }



.panel-yellow {
	background-color: rgba(255,255,240,0.5); 
	padding: 1rem;
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.1);

}


.content-block {
	background: url(../pics/layout/bg_content_row.png) no-repeat;
}


ul#onpage-nav {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;

	text-align: center;
	margin: 0;
	padding: 0;

}


ul#onpage-nav li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0.5rem;
	font-size: 1rem;
}

ul#onpage-nav.homepage li {
	padding: 1rem;
	font-size: 1.5rem;
}

ul#onpage-nav.homepage li .glyph.fi-1-5x:before {
	line-height: 4rem;
	font-size: 3rem;
}

ul#onpage-nav.homepage.fixed li .glyph.fi-1-5x:before {
	line-height: 1.5rem;
	font-size: 1.5rem;
}



ul#onpage-nav li a {
	display: block;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

ul#onpage-nav .show-for-fixed {
		display: none;
	}

ul#onpage-nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: rgba(255,255,255,0.95);
}

ul#onpage-nav.fixed .show-for-fixed {
		display: inline-block;
	}


ul#onpage-nav.fixed li {
	font-size: 0.8rem;

}

.fullwidth {
	width: 100%;
}



button, .button {
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 8px;
	display: inline-block;
	padding: 0.5rem;
	font-size: 1rem;
	color: #FFFFFF;
	border: 0 solid #6c090b;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0c25+0,a8041c+100 */

	background: rgb(255,12,37); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */

	background: linear-gradient(135deg,  rgba(255,12,37,1) 0%,rgba(168,4,28,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0c25', endColorstr='#a8041c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	
}

button a , .button a {
	display: block;
	-webkit-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
	color: #FFFFFF;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: #6d0a0c; 
}

button:hover a, button:focus a, .button:hover a, .button:focus a {
	color: rgba(255,255,255,0.6);
}


button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%; }


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  line-height: 1.25;
}

.tooltip:hover {
  cursor: help;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -90px;

  /* Fade in tooltip */
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}