/* basis fontsize (= 1.0em) */
html {
	font-size: 11px;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.none {
  display: none;
}

.clear {
  clear: both;
}

h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px 6px;
}

h3.fixedFontsize {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px 6px;
}

h3.fixedFontsizeSub {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 8px 6px;
}

h4{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	
}

h5{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;	/* line-height: 18px; */
}

a {
	color: #3c81c4;
	text-decoration: none;
}

a:hover {
	color: #3c81c4;
	text-decoration: underline;
}


/************* #HEADER **************/
.header {
	background-color: #A01D2B;
	float: left;
	height: 40px;
	width: 100%;
}


.headerBox {
	background-color: #A01D2B;
	float: left;
	height: 40px;
	width: 980px;
}

.headerBoxMaps {
	background-color: #A01D2B;
	float: left;
	height: 40px;
	width: 816px;
}

.headerName {
	float: left;
	width: 180px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6E6DB;
	padding-top: 16px;
	padding-left: 8px;
	font-weight: bold;
}

.headerTitel {
	margin-left: 4px;
	float: left;
	height: 40px;
	width: 556px;
}

.headerNav {
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6E6DB;
	padding-top: 16px;
	padding-left: 25px;
	}

/*
.headerSuche {
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6E6DB;
	margin: 0px;
	padding-top: 12px;
}
*/

#headerBox a {
	color: #E6E6DB;
	text-decoration: none;
}

#headerBox a:hover {
        color: #E6E6DB;
		text-decoration: underline;
}

/************* #search styles ***************/

#search{
	padding-top: 11px;
	float: right;
}

#search form{
	margin: 0px;
	padding: 0px;
	background-image: url(../img/header/bg_suche.gif);
	background-repeat: no-repeat;
	background-position: 1px;
}

.searchlayout{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #676767;
	width: 120px;
	background: transparent;
	border: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	font-weight: bold;
}

/************* #HEADERPIC **************/
.headerPic {
	background-color: #8E1520;
	float: left;
	height: 220px;
	width: 100%;
	background-image: url(../img/header/bg_headerpic.gif);
	background-repeat: repeat-x;
}


/************* #POSITION **************/
.position {
	float: left;
	width: 100%;
	height: 26px;
}

#positionStandart {
	background-color: #a01d2b;
	background-image: url(../img/header/titel_standart.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}


#positionLivedabei {
	background-color: #73b3df;
	background-image: url(../img/header/titel_live_dabei.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

#positionSehenErleben {
	background-color: #587eb2;
	background-image: url(../img/header/titel_sehen_erleben.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

#positionAktivVital {
	background-color: #d29800;
	background-image: url(../img/header/titel_aktiv_vital.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

#positionKulinarisch {
	background-color: #b7001d;
	background-image: url(../img/header/titel_kulinarisch.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

#positionGruenesBand {
	background-color: #54791c;
	background-image: url(../img/header/titel_das_gruene_band.gif);
	background-repeat: no-repeat;
	background-position: 4px;
}

.titelPosition {
	float: left;
	width: 186px;
	height: 26px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

.ihrePosition {
	float: left;
	height: 26px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
	vertical-align: middle;
	display: block;
	margin-left: 8px;	
}

#positioncontainer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

#positioncontainer ul li {
	display: block;
	float: left;
	margin: 0px;
	padding-left: 7px;

}

#positioncontainer ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font: 11px/26px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-image: url(../img/header/position_aus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 7px;
	vertical-align: middle;
}


#positioncontainer ul li a:hover {
	color: #FFFFFF;
	background-image: url(../img/header/position_an.gif);
	text-decoration: none;
}

#positioncontainer a:active {
    color: #FFFFFF;
    
}

/************* #funktionen **************/

.english {
	margin: 0px;
	padding: 0px;
}

.english a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #69737D;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	display: block;
	float: left;
	background-image:  url(../img/teaser_right/funktionen/english_aus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-right: 10px;
	padding-left: 25px;
	text-decoration: none;

}

.english a:hover {
	color: #69737D;
	text-decoration: none;
	background-image:  url(../img/teaser_right/funktionen/english_an.gif);

}

.print {
	margin: 0px;
	padding: 0px;
}

.print a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #69737D;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	display: block;
	float: left;
	background-image:  url(../img/teaser_right/funktionen/print_aus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-right: 10px;
	padding-left: 25px;
	text-decoration: none;

}

.print a:hover {
	color: #69737D;
	text-decoration: none;
	background-image:  url(../img/teaser_right/funktionen/print_an.gif);
}

/************* #FONTSIZE **************/
.font{
	float: left;
	height: 22px;

}

.fontsizeText{
	height: 22px;
	float: left;
	font: 11px/22px Tahoma, Arial, Helvetica, sans-serif;
	color: #69737D;
	text-decoration: none;
	margin-right: 7px;
	text-indent: 7px;
}

.fontsizeBox{
	padding: 0;
	height: 22px;
	float: left;
}


#fontsize {
	margin: 0;
	padding: 0;

}

#fontsize ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#fontsize ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#fontsize ul li a {
	background: #D1DAE0;
	width: 25px;
	height: 22px;
	padding: 0;
	margin: 0;
	color: #69737D;
	text-decoration: none;
	display: block;
	text-align: center;
	font: 11px/22px Tahoma, Arial, Helvetica, sans-serif;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#fontsize ul li a:hover {
        color: #69737D;
        background: #ABBAC5;
}

#fontsize a:active {
        color: #69737D;
        background: #ABBAC5;
}


/************* #LEFTBOX **************/
.leftbox {
	display: inline-block;
	background-color: #FFFFFF;
	float: left;
	width: 186px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#leftlineWhite{
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	height: 5px;
	width: 177px;
	float: left;
	margin-right: 5px;
	margin-left: 4px;
	margin-top: 8px;
	margin-bottom: 0px;
}

#leftlineDark{
	border-top-color: #454544;
	border-top-width: 1px;
	border-top-style: dotted;
	height: 5px;
	width: 177px;
	float: left;
	margin-right: 5px;
	margin-left: 4px;
	margin-top: 8px;
	margin-bottom: 0px;
}

#destination {
	background-color: #587EB2;
	color: #FFFFFF;
	float: left;
	width: 186px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
}

#buchen {
	background-color: #A2C15C;
	color: #454544;
	float: left;
	width: 186px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
	background-image: url(../img/leftbox/bg_buchen.gif);
	background-repeat: no-repeat;
}

#weather {
	background-color: #7FA0B5;
	color: #FFFFFF;
	float: left;
	width: 186px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
}

#inbox {
	margin: auto;
	width: 178px;
}
/*********** #weather styles ***********/
.tx-ohweather-pi1 {
	background-color: #7FA0B5;
	width: auto;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 4px;
}

.tx-ohweather-pi1 div.info {
	clear: both;
	line-height: 22px;
	height: 22px;
	font-size: 10px;
 	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.tx-ohweather-pi1 div.info .day {
	float: left;
	font-weight: bold;
	text-indent: 0px;
	color: #FFFFFF;
}
.tx-ohweather-pi1 div.info .temp {
	float: right;
}
.tx-ohweather-pi1 div.forecast {
	clear: both;
	background-color: #B5CBD7;
	line-height: 22px;
	height: 22px;
	font-size: 10px;
	text-indent: 6px;
	color: #333333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #347498;	
}
.tx-ohweather-pi1 div.forecast .text {
	float: left;
}
.tx-ohweather-pi1 div.forecast .image {
	float: right;
}

.tx-mwweather-pi1 {
	background-color: #7FA0B5;
	width: auto;
	padding-right: 4px;
	padding-bottom: 12px;
	padding-left: 4px;
}

.tx-mwweather-pi1 div.info {
	clear: both;
	line-height: 22px;
	height: 22px;
	font-size: 10px;
 	color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.tx-mwweather-pi1 div.info .day {
	float: left;
	font-weight: bold;
	text-indent: 0px;
	color: #FFFFFF;
}
.tx-mwweather-pi1 div.info .temp {
	float: right;
}
.tx-mwweather-pi1 div.forecast {
	clear: both;
	background-color: #B5CBD7;
	line-height: 22px;
	height: 22px;
	font-size: 10px;
	text-indent: 6px;
	color: #333333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #347498;	
}
.tx-mwweather-pi1 div.forecast .text {
	float: left;
}
.tx-mwweather-pi1 div.forecast .image {
	float: right;
}

/************* #MAIN **************/
.main {
	width: 980px;
	background-color: #FFFFFF;
	float: left;
	background-image: url(../img/bg_mainbox.gif);
	background-repeat: repeat-y;
	position: relative;
	border-top: 8px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/************* #CONTENTBOX **************/
.contentbox {
	background-color: #FFFFFF;
	float: left;
	width: 434px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	position: relative;
}

/************* #RIGHTBOX **************/
.rightbox {
	width: 340px;
	float: left;
	position: relative;
}

/*************** #TeaserBox styles **************/
.TeaserBox{
	width: 340px;
	float: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.TeaserBox div.TeaserImage {
	float: left;
	margin: 0px;
	padding: 0px;
	width:170px;
	height:95px;
	overflow:hidden;
}

.TeaserBox div.TeaserImageVA {
	float: left;
	margin: 0px;
	padding: 0px;
	width:170px;
	height:120px;
	overflow:hidden;
}

.TeaserBox div.TeaserText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 6px 4px 4px 6px;
	width: 160px;
	color: #FFFFFF;
	float: left;
	cursor: pointer;
}

.TeaserBox div.TeaserTextVA {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 6px 4px 4px 6px;
	width: 160px;
	color: #FFFFFF;
	float: left;
}

.TeaserBoxHeadline {
	font-weight: bold;
}
	
#funktionen {
	background-color: #D1DAE0;
}	
	
#LiveDabei {
	background-color: #73B3DF;
	background-repeat: repeat-y;
}

.TeaserBox .mehrdazu {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 22px;
	height: 20px;
}


.TeaserBox .buttonArea {
	margin-top: 8px;
	float: left;
}

.TeaserBox .button a{
	float: left;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/teaser_right/pfeil_kalender.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 8px;
	line-height: 16px;
	display: block;
}

.TeaserBox .button a:hover{
	text-decoration: underline;
}

#SehenErleben {
	background-color: #587EB2;
	background-image: url(../img/teaser_right/sehen_erleben/bg_sehen_erleben.gif);
	background-repeat: repeat-y;
}

#AktivVital {
	background-color: #E5AD2E;
	background-image: url(../img/teaser_right/aktiv_vital/bg_aktiv_vital.gif);
	background-repeat: repeat-y;
}

#Kulinarisch {
	background-color: #B7001D;
	background-image: url(../img/teaser_right/kulinarisch/bg_kulinarisch.gif);
	background-repeat: repeat-y;
}

#UrlaubErleben {
	background-color: #92B055;
	background-image: url(../img/teaser_right/urlaub_erleben/bg_urlaub_erleben.gif);
	background-repeat: repeat-y;
}

#GruenesBand {
	background-color: #54791c;
	background-image: url(../img/teaser_right/gruenes_band/bg_gruenes_band.gif);
	background-repeat: repeat-y;
}

/*************** #TeaserBox partner **************/

#partner {
	background-color: #A11D2B;
	background-image: url(../img/teaser_right/logobox/background_logos.jpg);
	background-repeat: no-repeat;
	height: 170px;
	font: 11px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

.logoBayern {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;	
}

.logoFranken {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;	

}

#partner ul {
	list-style-type: none;
	text-align: left;
	position: relative;
	top: 122px;
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 16px;
	
}

#partner ul li {
	text-align: left;
	}

#partner ul li a {
	color: #FFFFFF;
	text-decoration: none;
	}


#partner ul li a:hover {
	color: #C3C3AB;
	text-decoration: none;
}

#partner a:active {
    color: #FFFFFF;
    
}

/************* #FOOTER **************/
.footer {
	background-color: #E7ECEF;
	float: left;
	width: 976px;
	height: 80px;
	margin-top: 8px;
	margin-bottom: 10px;
	left: 4px;
	position: relative;
}
.footerMaps {
	background-color: #E7ECEF;
	float: left;
	width: 816px;
	height: 80px;
	margin-top: 8px;
	margin-bottom: 10px;
	left: 4px;
	position: relative;
}

/************* #LINKBOX **************/
#linkbox {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}


#linkbox ul {
	list-style-type: none;
	text-align: left;
	position: relative;
	width: 186px;
	float: left;
	margin: 14px 0px 0px 4px;
	padding: 0px;

	
}

#linkbox ul li {
	float: left;
	text-align: left;
	}

#linkbox ul li a {
	color: #69737D;
	text-decoration: none;
	}


#linkbox ul li a:hover {
	color: #000000;
	text-decoration: none;
}

#linkbox a:active {
    color: #69737D;
    
}

/************* #LOGOBOX **************/
.logoBox{
	position: relative;
	float: right;
	margin-top: 4px;

	
}
.eu {
	position: relative;
	margin-right: 4px;
	margin-top: 4px;
}

.by {
	position: relative;
	margin-right: 8px;
	margin-top: 4px;
}

/************* #KONTAKTBOX **************/
.kontaktBoxLeft{
	position: relative;
	padding: 0px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 420px;
	margin-left:8px;
}

.kontaktBoxRight{
	position: relative;
	padding: 0px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 280px;
	margin-left:8px;
}

.byInfo {
	position: relative;
	float: left;
	margin-right:8px;
}
.footerContent {
	color: #69737D;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.footerContent a{
	color: #69737D;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.footerContentBold {
	color: #69737D;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/************* #BOTTOM **************/
.bottom {
	width: 976px;
	height: 40px;
	margin-left: 4px;
	
}
.bottomMaps {
	width: 816px;
	height: 40px;
	margin-left: 4px;
	
}
.bottomLeft {
	float: left;

	
}

.bottomRight {
	float: right;

	
}