@charset "utf-8"

/* farbdefintionen der SEKTIONEN
	0/1: Gruber Blau (#016AB2)
	2: Rot ( # E20031 - entspricht dem angeg. RGB 226-0-49)
	3: Grau (# F2F2F3 - entspricht dem angeg. RGB 242-242-243)
	4: Gelb (# FFED00 - entspricht dem angeg. RGB 255-237-0)
	5: Golf Grün (#00762E)
*/

body {
	margin: 0px;
	padding: 0px;
}

#border_wrap {
	width: 1000px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.clear {
	clear: both;
}

#header_wrap {
	width: 1000px;
	height: 178px;
	overflow: hidden;
	
}


#navigation {
	padding: 159px 0px 0px 200px;
	width: 800px;
	height: 19px;
	overflow:hidden;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;	
}

#middle_wrap {
	width: 1000px;
	overflow:hidden;		
	padding: 0px 0px 8px 0px;	
	background-color:#ff0000;
}


#middle_wrap #col_left {
	margin-top:8px;
	width: 190px;
	overflow: hidden;
	float:left;
}

#middle_wrap #col_normal {
	padding: 5px 5px 0px 5px;
	width: 590px; /* 600 - 5 - 5 */  /* eigens definiert fuer IE6 */
	overflow: hidden; 
	float:left;
}

#middle_wrap #col_normal_breit {
	padding: 5px 5px 0px 5px;
	width: 800px; 
	overflow: hidden;
	float:left;
}

#middle_wrap #col_right {
	width: 200px;
	overflow: hidden;
	float:left;
}

#footer_wrap {
	float:none;
	clear: both;
	width: 1000px; 	
	height: 26px; 	
	overflow: hidden;
	background-color: #FFED00;
	 
}

.pdf_icon {
	background-repeat: no-repeat;	
	width: 13px;
	height: 16px;
}

/* 2 spaltiger teaser - allgemeine styles */

.teaser2col {
	margin: 5px 0px 0px 0px; 
	width: 400px;
	height: 222px;
	overflow:hidden;
	float:left;
}


.teaser2col .teaser_innerwrap {
	margin: 6px 7px 5px 5px;
	width: 388px; /* 400 - 7 - 5 */
	height: 211px;	/* 222 - 6 - 5 */
	overflow:hidden;
	position: relative;
}


.teaser2col .teaser_header {
	margin: 0px 0px 0px 0px; 
	height: 19px; 
	overflow: hidden;
	font-weight: bold;	
}


.teaser2col .pdf_file {	
	position: absolute;	
	top: 192px;
	left: 10px;
	z-index:2;
}

.teaser2col .pdf_file img {
	border:0;
}


/* teaser 2spaltig v1 bild links über die gesamt höhe, rechts content */

.teaser2col .pdf_file_breit {	
	position: absolute;
	top: 192px;
	left: 200px;
	z-index:2;
}

.teaser2col .pdf_file_breit img {
	border:0;
}

.teaser2col .teaser_image_1 {
	width: 188px;
	height: 192px;
	overflow: hidden;
	float: left;
}

.teaser2col .teaser_image_1 IMG {
	border: 0;
}

.teaser2col .teaser_content_1 {
	margin: 0px 0px 0px 12px;
	padding: 5px 7px 0px 0px;
	width: 181px;  /* 188 - 7*/
	font-size: 8pt;
	line-height:9pt;
	overflow: hidden;
	float: left;	
}


.teaser2col .teaser_content_1 .titel {
	padding: 1px 0px 1px 0px;
	font-weight: bold;
	font-size: 9pt;
}


.teaser2col .teaser_content_1 .beschreibung {
	padding-top: 3px;
	margin-bottom: 15px;	
}

.teaser2col .teaser_content_1 .sterne {
	margin-bottom: 10px;
}


.teaser2col .teaser_content_1 .preisbox {
	padding: 0px 10px 0px 0px;
	float:none;
	clear:both;
	height: 25px;
}

.teaser2col .teaser_content_1 .preisbox .ab {
	padding: 11px 2px 0px 0px;
	float:right;
	overflow: hidden;
	font-weight: bold;
	height: 14px; /* 25-11 - achtung wird fuer ie6 gefixxed - eigenes css */
}

.teaser2col .teaser_content_1 .preisbox .preis {
	font-size: 14pt;
	line-height: 14pt;
	padding: 5px 0px 0px 0px;
	height: 20px; /*25-5*/	
	font-weight: bold;
	float:right;
}



/* teaser 2spaltig v1 bild links über die gesamt breite, content unten*/


.teaser2col .teaser_image_2 {
	width: 388px;
	height: 97px;
	overflow: hidden;
}

.teaser2col .teaser_image_2 IMG {
	border: 0;
}

.teaser2col .teaser_content_2 {
	margin: 0px 0px 0px 12px;
	padding: 5px 7px 0px 0px;
	width: 369px;  /* 388 - 12 - 7*/
	font-size: 8pt;
	line-height:9pt;
	overflow: hidden;
}


.teaser2col .teaser_content_2 .titel {
	padding: 1px 0px 1px 0px;
	font-weight: bold;
	font-size: 9pt;
}


.teaser2col .teaser_content_2 .beschreibung {
	padding-top: 3px;
}

/* 1 spaltiger Teaser */

.teaser {
	margin: 5px 0px 0px 0px;
	width: 200px;
	height: 222px;	
	overflow:hidden;
	float:left;
}

.teaser .teaser_innerwrap {
	/* margin: 6px 7px 5px 5px; */
	margin: 6px 7px 5px 5px;
	width: 188px; /* 200 - 7 - 5 */
	height: 211px;	/* 222 - 6 - 5 */
	overflow:hidden;
	position: relative;
}

.teaser .teaser_header {
	margin: 0px 0px 0px 0px; 
	height: 19px; 
	overflow: hidden;
	font-weight: bold;
}

.teaser .pdf_file {	
	position: absolute;	
	top: 192px;
	left: 10px;
	z-index:2;
}

.teaser .pdf_file img {
	border:0;
}

.teaser .teaser_imageonly {
	width: 188px;
	height: 192px;
	overflow: hidden;
}


.teaser .teaser_imageonly img {
	border: 0;
}
/* Teaser-Bild bei Verwendung des GIFBUILDERS - BEGIN */
.teaser .teaser_image {
	width: 188px;
	height: 97px;
	overflow: hidden;
}

.teaser .teaser_image IMG {
	border: 0;
}

/* Teaser-Bild bei Verwendung des GIFBUILDERS - END */

/* Teaser-Bild mit OVERLAYING - BEGIN */
.teaser .tt_teaser_image_wrap {
	position:relative;
	width: 188px;
	height: 97px;
	overflow: hidden;
}

.teaser .tt_teaser_image_wrap .tt_image IMG {
	border: 0;
}

.teaser .tt_teaser_image_wrap .tt_image_mini IMG {
	border: 0;
/*	width: 130px;
	height: 85px; */
}

.teaser .tt_teaser_image_wrap .tt_image
.teaser .tt_teaser_image_wrap .tt_image_mini {
	left:0px; 
	top:0px; 
	width: 188px;
	height: 97px;

	overflow: hidden;
	position: absolute;
	z-index:1; 
}


.teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
	left:0px; 
	top:0px; 
	width: 188px;
	height: 97px;

	position: absolute;	
	overflow: hidden;	
	z-index:2;
}

.teaser .tt_teaser_image_wrap .tt_image_overlay_mini IMG {
	border: 0;
	width: 188px;
	height: 97px;
}


/* Teaser-Bild mit OVERLAYING - END */

.teaser .teaser_content {
	padding: 5px 7px 0px 9px;
	overflow: hidden;
	font-size: 8pt;
	line-height:9pt;
}

.teaser_content .titel {
	padding: 1px 0px 1px 0px;
	font-weight: bold;
	font-size: 9pt;
}

.teaser_content .sterne {
}

.teaser_content .beschreibung {
	padding-top: 3px;
}

.teaser_content .preisbox {
	padding: 0px 10px 0px 0px;
	float:none;
	clear:both;
	height: 25px;
}

.teaser_content .preisbox .ab {
	padding: 11px 2px 0px 0px;
	float:right;
	overflow: hidden;
	font-weight: bold;
	height: 14px; /* 25-11 - achtung wird fuer ie6 gefixxed - eigenes css */
}

.teaser_content .preisbox .preis {
	font-size: 14pt;
	line-height: 14pt;
	padding: 5px 0px 0px 0px;
	height: 20px; /*25-5*/	
	font-weight: bold;
	float:right;
}

.teaser2 {
	margin: 5px 0px 0px 0px;
	width: 400px;
	height: 220px;
	overflow:hidden;
	float:left;
}


.teaser_dyn {
	margin: 5px 0px 0px 0px;
	width: 200px;
	overflow: hidden;
	float:left;	
}


.teaser_dyn .teaser_header {
	background-repeat: no-repeat;
	overflow: hidden;
	font-weight: bold;	

	margin: 0;
	padding: 7px 7px 0px 7px; 
	width: 182px; 
	height: 19px; 	
}

.teaser_dyn .teaser_body {
	width: 200px;
	padding: 0px 0px 8px 0px;
	overflow: hidden;
	background-repeat:repeat-y; 
	background-image:url(../images/teaserdyn_bg.gif);
}

.teaser_dyn .teaser_footer {
	width: 200px;
	height: 10px;
	background-repeat: no-repeat;
	background-image:url(../images/teaserdyn_unten.gif);
}


/* MENUE LINKS */

.teaser #subnav {
	padding: 5px 0px 0px 0px;
}

.teaser_dyn #subnav {
	width: 188px; /* wird für ie6 extra definiert */
	padding: 0px 0px 0px 5px;
}

#subnav ul {
	padding: 5px 0px 0px 0px;
	margin: 0px;	
}


/* Menü-Links: 1. Ebene */
#subnav li {
	list-style-type: none;
	background-image:url(../images/button.gif);
	background-repeat:no-repeat;
	background-position: 10px 5px;	
}

#subnav li a {
	padding: 2px 5px 1px 30px;	
	display: block;
	width: 155px;   /* 200 - 30 - 5 */ 
	text-decoration: none;
	font-size: 10pt;	
	font-weight:normal;	
}

#subnav li a.act {
	font-weight:bold;	
}


#subnav li a:hover, 
#subnav li a:focus {
	text-decoration: underline;
	font-weight:normal;
}

#subnav li a.act:hover,
#subnav li a.act:focus {
	text-decoration: underline;
	font-weight:bold;	
}


/* MENUE LINKS NEW */

.teaser #subnav_new {
	padding: 2px 0px 0px 0px;
}

.teaser_dyn #subnav_new {
	width: 188px; /* wird für ie6 extra definiert */
	padding: 2px 0px 0px 0px;
}

#subnav_new {
	color:#000000;
}

#subnav_new ul {
	padding: 0px 0px 5px 0px;
	margin: 0px;		
}


#subnav_new ul li ul {
	padding: 0px 0px 0px 0px;
	margin-left: 10px;			
}

#subnav_new ul li ul a {
	width: 150px;
}




/* Menü-Links: 1. Ebene */
#subnav_new li {
	list-style-type: none;
	/* background-image:url(../images/button.gif); */
	/* background-repeat:no-repeat; */
	/* background-position: 10px 5px; */
}

#subnav_new li {
	background-color:#FEF8BC;
	margin-bottom:2px;
	margin-left:5px;	
}
	

#subnav_new li a {
	padding: 2px 5px 1px 10px;	
	display: block;
	width: 168px;   /* 200 - 30 - 5 */ 
	text-decoration: none;
	font-size: 10pt;	
	font-weight:bold;
	color:#000000;
}

#subnav_new li a.act {
	text-decoration: underline;	
}


#subnav_new li a:hover, 
#subnav_new li a:focus {
	text-decoration: underline;	
}

#subnav_new li a.act:hover,
#subnav_new li a.act:focus {
	text-decoration: underline;
}

#subnav_new li li a {
	font-weight:normal;
}

/* Footer-Menü */
#footer {
	width:85%;
	color: #000000;	
	font-size: 9pt;	
	text-align:center;
}

#footer ul {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	list-style-type: none; 
}
#footer ul li {
	display: inline; 
	padding: 0px 5px 0px 5px;
}

#footer ul li a {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}

#footer ul li a:hover, 
#footer ul li a:focus {
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
}

#footer ul li a.act {
	font-weight: bold;
}

/* Footer-Menü */
#tipafriend {
	width:20%;
	color: #000000;	
	font-size: 9pt;
	float:right;
	margin-top:-14px;
}

#tipafriend ul {
	list-style-type: none; 
}

#tipafriend ul li {
	display: inline; 
}

#tipafriend ul li a {
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}

#tipafriend ul li a:hover, 
#tipafriend ul li a:focus {
	color: #000000;
	font-weight:normal;
	text-decoration:underline;
}

#tipafriend ul li a.act {
	font-weight: bold;
}


.content_left_image {
	padding: 5px 0px 5px 5px;	
}



/* ---- SECTIONS - BEGIN ----------------------------------------- */

/* WARUM ? */
body {
	margin:0px;
	padding:0px;
}
/* WARUM ? */

/* Section0 - GRUBER -blau mit weissem Hintergrund*/

#section0 #middle_wrap {
	background-color: #FFFFFF;
}

#section0 .teaser {
	background-image: url(../images/teasers0_blau.gif);
	background-repeat: no-repeat;
	color:#000000;
}


#section0 .teaser2col {
	background-image: url(../images/teaser2col0_blau.gif);
	background-repeat: no-repeat;	
	color:#000000;	
}

#section0 .teaser .beschreibung a {
	color:#000000;
}

#section0 .teaser2col .beschreibung a {
	color:#000000;
}

#section0 .pdf_icon {
	background-image: url(../images/teasers0_pdf.gif);  
}

#section0 #subnav A {
	color:#000000;
}

#section0 .teaser_dyn .teaser_header {
	background-image:url(../images/teaserdyn_s0_oben.gif);
}

/* Mozilla ignores crazy MS image filters, so it will skip the following */
/* IE ignores styles with [attributes], so it will skip the following. */
/*
#section0 .teaser .tt_teaser_image_wrap .tt_image_overlay {  
  cursor: pointer; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale' src='../teaseroverlays/bildmaske_0.png');
  background: none;
}

#section0 .teaser .tt_teaser_image_wrap .tt_image_overlay[class] {
  background-image: url(../teaseroverlays/bildmaske_0.png); 
}
*/


#section0 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT0.png); 
}

#section0 .teaser_header, 
#section0 .teaser_header a, 
#section0 .teaser_header a:hover { 
	color: #ffffff;
}

/* Section1 - GRUBER -blau mit hellblauem Hintergrund*/

#section1 #middle_wrap {
	background-color: #F2F7FB;
}

#section1 .teaser {
	background-image: url(../images/teasers1_blau.gif);
	background-repeat: no-repeat;
	color:#000000;
}

#section1 .teaser2col {
	background-image: url(../images/teaser2col1_blau.gif);
	background-repeat: no-repeat;	
	color:#000000;	
}

#section1 .teaser .beschreibung a {
	color:#000000;
}

#section1 .teaser2col .beschreibung a {
	color:#000000;
}


#section1 .pdf_icon {
	background-image: url(../images/teasers1_pdf.gif);
	
}

#section1 #subnav A {
	color:#000000;
}

#section1 .teaser_dyn .teaser_header {
	background-image:url(../images/teaserdyn_s1_oben.gif);
}


#section1 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT1.png); 
}

#section1 .teaser_header, 
#section1 .teaser_header a, 
#section1 .teaser_header a:hover { 
	color: #ffffff;
}



/* Section 2 - Raiffeisen-rot */

#section2 #middle_wrap {	
	background-color: #FFFFFF;
}

#section2 .teaser {
	background-image: url(../images/teasers2_rot.gif);
	background-repeat: no-repeat;
	color:#000000;
}

#section2 .teaser2col {
	background-image: url(../images/teaser2col2_rot.gif);
	background-repeat: no-repeat;	
	color:#000000; 	
}

#section2 .teaser .beschreibung a {
	color:#000000;
}

#section2 .teaser2col .beschreibung a {
	color:#000000;
}


#section2 .pdf_icon {
	background-image: url(../images/teasers2_pdf.gif);
	
}

#section2 #subnav A {
	color:#000000;
}

#section2 .teaser_dyn .teaser_header {
	background-image:url(../images/teaserdyn_s2_oben.gif);
}


#section2 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT2.png); 
}

#section2 .teaser_header, 
#section2 .teaser_header a, 
#section2 .teaser_header a:hover { 
	color: #ffffff;
}



/* Section 3 - Grau */

#section3 #middle_wrap {
	background-color: #FFFFFF;
}

#section3 .teaser {
	background-image: url(../images/teasers3_grau.gif);
	background-repeat: no-repeat;
	color:#000000;
}

#section3 .teaser2col {
	background-image: url(../images/teaser2col3_grau.gif);
	background-repeat: no-repeat;	
	color:#000000;	
}

#section3 .teaser .beschreibung a {
	color:#000000;
}

#section3 .teaser2col .beschreibung a {
	color:#000000;
}

#section3 .pdf_icon {
	background-image: url(../images/teasers3_pdf.gif);
}

#section3 #subnav A {
	color:#000000;
}

#section3 .teaser_dyn .teaser_header {
		background-image:url(../images/teaserdyn_s3_oben.gif);
}


#section3 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT3.png); 
}

#section3 .teaser_header, 
#section3 .teaser_header a, 
#section3 .teaser_header a:hover { 
	color: #000000;
}



/* Section 4 - Gelb */

#section4 #middle_wrap {
	background-color: #FFFFFF;
}

#section4 .teaser {
	background-image: url(../images/teasers4_gelb.gif);
	background-repeat: no-repeat;
	color:#000000;
}

#section4 .teaser2col {
	background-image: url(../images/teaser2col4_gelb.gif);
	background-repeat: no-repeat;	
	color:#000000;
}

#section4 .teaser .beschreibung a {
	color:#000000;
}

#section4 .teaser2col .beschreibung a {
	color:#000000;
}

#section4 .pdf_icon {
	background-image: url(../images/teasers4_pdf.gif);	
}

#section4 #subnav A {
	color: #000000;
}

#section4 .teaser_dyn .teaser_header {
	background-image:url(../images/teaserdyn_s4_oben.gif);
}


#section4 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT4.png); 
}

#section4 .teaser_header, 
#section4 .teaser_header a, 
#section4 .teaser_header a:hover { 
	color: #000000;
}



/* Section 5 - GOLF Grün */

#section5 #middle_wrap {
	background-color: #F2F8F4;
}

#section5 .teaser {
	background-image: url(../images/teasers5_gruen.gif);
	background-repeat: no-repeat;
	color:#000000;
}

#section5 .teaser2col {
	background-image: url(../images/teaser2col5_gruen.gif);
	background-repeat: no-repeat;	
	color:#000000;	
}

#section5 .teaser .beschreibung a {
	color:#000000;
}

#section5 .teaser2col .beschreibung a {
	color:#000000;
}

#section5 .pdf_icon {
	background-image: url(../images/teasers5_pdf.gif);
}

#section5 #subnav A {
	color:#000000;
}

#section5 .teaser_dyn .teaser_header {
	background-image:url(../images/teaserdyn_s5_oben.gif);
}


#section5 .teaser .tt_teaser_image_wrap .tt_image_overlay_mini {
  background-image: url(../teaseroverlays/bildmaske_TT5.png); 
}

#section5 .teaser_header, 
#section5 .teaser_header a, 
#section5 .teaser_header a:hover { 
	color: #ffffff;
}



/* ---- SECTIONS - END  ----------------------------------------- */

/* typo3 mailform */

fieldset.csc-mailform {
	border: 0px;
}

.csc-mailform .csc-mailform-field {
	margin-top: 5px;
}

.csc-mailform .csc-mailform-field label {
	float: left;
	width: 250px;	
}


.csc-mailform .csc-mailform-field .csc-mailform-radio {
	border: inherit;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 12px;
	height: 12px;
}


.csc-mailform .csc-mailform-field .csc-mailform-radio FIELDSET {
	padding: 5px 5px 5px 10px;
	width: 285px;
}


.csc-mailform .csc-mailform-field .csc-mailform-radio LABEL {
	float: none;
	width: 100%;
	height: 100%;		
	font-weight:normal;	
}

.csc-mailform .csc-mailform-field .csc-mailform-radio INPUT{
	margin-right: 5px;
}

.csc-mailform .csc-mailform-field INPUT, 
.csc-mailform .csc-mailform-field TEXTAREA {
	margin-bottom: 5px;
}

.csc-mailform .csc-mailform-field INPUT.csc-mailform-submit {
	width: auto;
}

.csc-mailform .csc-mailform-field #mailformformtype_mail{
	margin-left: 120px;
	margin-top: 5px;
}


.csc-mailform .antispam_incorrect {
	font-weight:bold;
	color: #FF0000;
	margin-bottom: 15px;
}


.csc-mailform .csc-mailform-field .requiredfield LABEL {
	font-weight: bold;	
}


.csc-uploads-icon img {
	border:none;
}


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #000000;	
}

.invisible {
	display: none;
}


/* damit die Zeilen des GMenus im FF gleich hoch sind wie im IE */
/* Menü formatieren */
TABLE.menue IMG {
	display: block;
	border:none;	
}

TABLE.menue {
	margin:0px;
	padding:0px;
}


TABLE.menue1 A {
	display:block;
	width: 170px;
	padding: 2px 5px 3px 5px;
	line-height: 10pt;
	font-size: 10pt;
	text-decoration: none;
	font-weight: normal;	
	color: #000000;
}

TABLE.menue1 A:hover, 
TABLE.menue1 A:focus {
	text-decoration: none;
	background-color:#FEF8BC;
	color: #000000;
}

/* nur in der DMail-Subscription */
#content-abstand {
padding: 0;
}

.dmail_gw1, .dmail_gw2 {

}


/* NUR ZU TESTZWECKEN */
.tx-abareisedb-pi2 {
	min-width: 820px;
	/* margin-left:-5px; */
}