/*  (c) js@designverign.de
 *  autor: Jens Enkhardt
 *  info:  t3 flexforms CSS definitions for dv website
 * 
 */
 
/* ------- teaserBoxes -------------------*/

/* teaserBoxes - gradient */
div.teaserBox_blue_gradient,
div.teaserBox_magenta_gradient,
div.teaserBox_gray_gradient, 
div.teaserBox_blue,
div.teaserBox_magenta,
div.teaserBox_gray {
	background:#fff url('../img/global/background/teaserBox_gradient.jpg') no-repeat;
	background-position:center bottom;
	border:1px solid #d9d9d9;
	position:relative;
	margin:0px 0px 30px 0px; 
	padding:0px;
}

/* teaserBoxes - normal */
div.teaserBox_blue,
div.teaserBox_magenta,
div.teaserBox_gray {
	background:none; 
}

/* teaserBoxes Headlines */
/* gray h1 */
div#area_content div.teaserBox_blue_gradient h1, 
div#area_content div.teaserBox_magenta_gradient h1,
div#area_content div.teaserBox_gray_gradient h1,
div#area_content div.teaserBox_blue h1, 
div#area_content div.teaserBox_magenta h1,
div#area_content div.teaserBox_gray h1 {
	font-family:arial, helvetica, sans-serif !important;
	position:absolute;
	top:-9px; /* -12*/
	left:10px;
	font-size:14px; /*18*/
	line-height:normal;
	color:#666666;
	background:#fff; 
	padding:0 7px;
	margin:0px;
}
/* orange h1  OLD */
div#area_content div.teaserBox_orange h1,
div#area_content div.teaserBox_orange_gradient h1 {
	color:#ff9933;
}
/* magenta h1 */
div#area_content div.teaserBox_magenta h1,
div#area_content div.teaserBox_magenta_gradient h1 {
	color:#bd005a;
}
/* blue h1 */
div#area_content div.teaserBox_blue h1,
div#area_content div.teaserBox_blue_gradient h1 {
	color:#0092dd;
}

/* teaserBox Div (Text area or teaserBox) */
div.teaserBox_blue_gradient div, 
div.teaserBox_magenta_gradient div,
div.teaserBox_gray_gradient div,
div.teaserBox_blue div, 
div.teaserBox_magenta div,
div.teaserBox_gray div {
	position:relative;
	margin:0px !important;
	padding:20px;
}
/* Conent Elements in TeaserBox */
div.teaserBox_blue_gradient div div, 
div.teaserBox_magenta_gradient div div,
div.teaserBox_gray_gradient div div,
div.teaserBox_blue div div, 
div.teaserBox_magenta div div,
div.teaserBox_gray div div {
	padding:0px;
}


/* unsort list - show bullet points with padding */
div.teaserBox_blue_gradient ul, 
div.teaserBox_magenta_gradient ul,
div.teaserBox_gray_gradient ul,
div.teaserBox_blue ul, 
div.teaserBox_magenta ul,
div.teaserBox_gray ul {
	/*margin-left:15px;*/
} 

/* ---  3 column & 3 column line ----- */
div.column_3_left {
	width:220px;
	float:left;
}
div.column_3_middle {
	width:220px;
	margin-left:20px;
	float:left;
}
div.column_3_right {
	width:220px;
	margin-left:20px;
	float:right;
}

/* --- 3 column gradient --- */
div.column_3_gradient div.column_3_left_gradient {
	width:205px;
	float:left;
}


div.column_3_gradient div.column_3_middle_gradient,
div.column_3_gradient div.column_3_right_gradient {
	width:205px;
	float:left;
}

div.gradientLine {
	background-image:url('../img/global/gradient_line.gif');
	background-repeat:no-repeat;
	background-position: center center;
	width:40px;
	height:267px;
	float:left;
}

/* ---- grayHeadlineBox ---- */
div.grayHeadlineBox {
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	color:#666;
}
div.grayHeadlineBox h2 {
	background-color:#e5e5e5;
	font-weight:bold;
	padding-left:20px;
	padding:5px 20px 5px 20px;
	margin-bottom:10px;
	
	font-family:arial,verdana;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
}
div.grayHeadlineBox ul {
	/*list-style-image:url(../img/icons/icon_arrow_gray.gif);*/
	/*margin-left:20px;*/
	
	list-style-type:none !important;	
}
div.grayHeadlineBox ul li{
	line-height:18px !important;
	margin-bottom:5px;
	background:url(../img/icons/icon_arrow_gray.gif) no-repeat 0px 5px;
	padding-left:15px;
	
	list-style-type:none !important;
}

/* keine links haben keinen pfeil 
div.grayHeadlineBox ul li.noLink{
	list-style-image:none;
}*/

/* ----- grayLine ------ */
div.grayLine {
	background:url(../img/global/background/1pixel_gray.gif) repeat-x;
	height:1px;
	margin-bottom:20px;
}
div.grayLine hr {
	visibility:hidden;
}


/* - - - - - OVERRIDE TYPO3 STYLES - - - - - - - */

/* teaserBox login & logout form & p-tags in form-tag */
div.teaserBox_blue_gradient table,
div.teaserBox_orange_gradient table,
div.teaserBox_gray_gradient table, 
div.teaserBox_blue table,
div.teaserBox_orange table,
div.teaserBox_gray table,
div.teaserBox_blue_gradient form,
div.teaserBox_orange_gradient form,
div.teaserBox_gray_gradient form, 
div.teaserBox_blue form,
div.teaserBox_orange form,
div.teaserBox_gray form,
div.teaserBox_blue_gradient form p,
div.teaserBox_orange_gradient form p,
div.teaserBox_gray_gradient form p, 
div.teaserBox_blue form p,
div.teaserBox_orange form p,
div.teaserBox_gray form p {
	margin-top:5px;
	margin-bottom:0px;
}
div.teaserBox_blue_gradient p.csc-form-label,
div.teaserBox_orange_gradient p.csc-form-label,
div.teaserBox_gray_gradient p.csc-form-label, 
div.teaserBox_blue p.csc-form-label,
div.teaserBox_orange p.csc-form-label,
div.teaserBox_gray p.csc-form-label {
	margin-bottom:20px;
}
/* teaserbox fur umfragen */
div.tx-jkpoll-pi1 td {
	vertical-align:top;
} div.tx-jkpoll-pi1 div {
	padding:0px;
} div.tx-jkpoll-pi1 p {
	padding:0px;
	margin:0px;
}
div.teaserBox_blue_gradient div.tx-jkpoll-pi1 h1,
div.teaserBox_orange_gradient div.tx-jkpoll-pi1 h1,
div.teaserBox_gray_gradient div.tx-jkpoll-pi1 h1, 
div.teaserBox_blue div.tx-jkpoll-pi1 h1,
div.teaserBox_orange div.tx-jkpoll-pi1 h1,
div.teaserBox_gray div.tx-jkpoll-pi1 h1 {
	display:none;
/*	visibility:hidden;*/
}


/* logout form im kunden-login bereich */
table.csc-loginform td.csc-form-commentcell p {
	margin-bottom:10px;
}

/* news archiv - jahreszahlen ohne listenpunkt */
div.news-amenu-container li.news-amenu-item-year {
	list-style:none;
	font-weight:bold;
	margin-left:0px;
	
} /*div.news-amenu-container li {
	margin-left:15px;
	list-style-image:url (../img/icons/submenu_arrow.gif);
}*/

/* -------- typo3 ce login input field --------------- */
div.tx-felogin-pi1 label{
  font-weight:bold;
}
div.tx-felogin-pi1 input{
  border:1px solid #ccc;
  background-color:#fff;
  margin-bottom:5px;
}
div.tx-felogin-pi1 legend{
  display:none;
}
div.tx-felogin-pi1 a.button{
  margin-top:10px;
}

/* -------- kontakt form input fields ---------------- */
form.contact input, 
form.contact textarea,
div#area_content input[type=text],
div#area_content input[type=password],
div#area_content textarea{
  background-color:#fff;
}

form.contact textarea,
div#area_content textarea,
div#area_content input[type=text],
div#area_content input[type=password]{
  border:1px solid #ccc;
}
form.contact table.inputs input{
  width:210px;
  border:1px solid #ccc;
  margin-bottom:5px;
}
form.contact textarea.message{
  width:450px !important;
}
form.contact input.long{
  border:1px solid #ccc;
}
/* -------- tipafriend form input fields ---------------- */

form.tipafriend td.label{
  font-weight:bold;
  padding-bottom:5px;
}
form.tipafriend input,
form.tipafriend textarea{
  background-color:#fff;
  width:250px;
  border:1px solid #ccc;
}
form.tipafriend textarea{
  width:250px !important;
  border:1px solid #ccc;
}
form.tipafriend input.noBorder{
  border:none;
  width:15px;
  height:15px;
}

/* ---------- index suche ------------------ */

.tx-indexedsearch-info{ font-weight:bold; padding:2px; }

div.tx-indexedsearch-res td.tx-indexedsearch-descr strong.tx-indexedsearch-redMarkup,
div.tx-indexedsearch div.tx-indexedsearch-whatis span.tx-indexedsearch-sw{color:#0092dd !important;}

div.tx-indexedsearch-searchbox table.inputs td{
  padding:5px;
}

div.tx-indexedsearch-res td.tx-indexedsearch-icon,
div.tx-indexedsearch-res td.tx-indexedsearch-result-number,
div.tx-indexedsearch-res td.tx-indexedsearch-title,
div.tx-indexedsearch-res td.tx-indexedsearch-percent
{
  background-color:#e5e5e5;/* !important; */
  color:#000;
  padding:2px;
}div.tx-indexedsearch-res td.tx-indexedsearch-icon a,
div.tx-indexedsearch-res td.tx-indexedsearch-result-number a,
div.tx-indexedsearch-res td.tx-indexedsearch-title a,
div.tx-indexedsearch-res td.tx-indexedsearch-percent a{
  color:#000;
}

div.tx-indexedsearch-browsebox ul.browsebox li a{
  color:#7AB51D;
  text-decoration:none;
}
div.tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage a{
  color:#666;
}

/* -------------------------------------------- Start: LogfischPURL */
div.tx-logfischpurl-pi1 {
margin-bottom:50px;
}

div.tx-logfischpurl-pi1 fieldset.tx-logfischpurl-pi1_fieldset_personal_informations {
margin-bottom:15px;
}

div.tx-logfischpurl-pi1 fieldset.tx-logfischpurl-pi1_fieldset_submit {
}

div.tx-logfischpurl-pi1 legend.tx-logfischpurl-pi1_legend_personal_informations {
	font-weight:bold;
	margin-bottom:10px;
}

div.tx-logfischpurl-pi1 legend.tx-logfischpurl-pi1_legend_submit {
	font-weight:bold;
	margin-bottom:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only*/
	div.tx-logfischpurl-pi1 legend {
		padding-bottom:10px;
	}
}

div.tx-logfischpurl-pi1 p.tx-logfischpurl-pi1_error {
	color:#F00;
	margin:0 0 10px 0;
}

div.tx-logfischpurl-pi1 label.tx-logfischpurl-pi1_label {
	display:inline-block;
	float:left;
	width:65px;
	margin-right:5px;
}

div.tx-logfischpurl-pi1 input.tx-logfischpurl-pi1_input_checkbox {
	margin-right:10px;
	float:left;
}

div.tx-logfischpurl-pi1 label.tx-logfischpurl-pi1_label_confirmation {
}

div.tx-logfischpurl-pi1 input.tx-logfischpurl-pi1_input {
	margin-bottom:5px;
}

div.tx-logfischpurl-pi1 select.tx-logfischpurl-pi1_select {
	margin-bottom:5px;
}

div.tx-logfischpurl-pi1 input.tx-logfischpurl-pi1_submit {
	clear:both;
	width:100px;
	margin-top:30px;
	margin-bottom:30px;
}

div.tx-logfischpurl-pi1 input.tx-logfischpurl-pi1_input_captcha {
	margin-left:5px;
}

div.tx-logfischpurl-pi1 img {
margin-bottom:-5px;
}

div.tx-logfischpurl-pi1 div#confirm {
  margin-top:10px;
}

div.tx-logfischpurl-pi1 button {
margin:20px 0 30px 0;
}

p.grey {
color:#b3b3b3;
}
/* ---------------------------------------------- End: LogfischPURL */


/* Webkonformer crossbrowserkompartibler Button */
button {
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.arrow { 
	padding: 0 29px 0 0;
	font-size:12px; 
	text-align: center; 
	background:  transparent url(/fileadmin/templates/designverign_2008/img/icons/form_button.gif) no-repeat right -23px;
}
	
button.arrow span {
	color:#000;
	height:20px;
	padding: 2px 0 0 10px;  
	background: transparent url(/fileadmin/templates/designverign_2008/img/icons/form_button.gif) no-repeat left top;  
}
	
button.arrow:hover {
	background:  transparent url(/fileadmin/templates/designverign_2008/img/icons/form_button.gif) no-repeat right -69px;
}
	
button.arrow:hover span {
	background: transparent url(/fileadmin/templates/designverign_2008/img/icons/form_button.gif) no-repeat left -46px; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only*/
	button.arrow span {
		height:18px;
		padding: 4px 0 0 10px;
	}
}

/* nur fuer Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    button.arrow span {
		height:17px;
		padding: 5px 0 0 10px;
	}
}