/* CSS Document */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 101%;
}

#wrapper {
width: 900px;
margin: 25px auto;
margin-bottom: 75px;
}

#metanavigation {
width: 900px;
font-size: 11px;
height: 30px;
margin-left: auto;
margin-right: auto;
}

#metanavigation #search {
float: right;
margin-left: 3px;
}


#metanavigation #nav {
text-align: right;
float: right;
}

#metanavigation ul {
float: left;
}

#metanavigation ul li {
	display: inline;
	margin-right: 9px;
}

input {
border: 1px solid #ccc;
margin-top: -2px;
}

#header {
width: 900px;
}


.inhalt #themenbild {
background-image: url(../bilder/header-content.jpg);
width: 900px;
height: 216px;
}

.seite1 #themenbild {
background-image: url(../bilder/header-startseite.jpg);
width: 900px;
height: 402px;
}

.seite7 #themenbild {
background-image: url(../bilder-head/a0175_hotel_allegro_granitplatten.jpg);
width: 900px;
height: 402px;
}

.seite12 #themenbild, .rubrik11 #themenbild, .rubrik7 #themenbild, .seite9 #themenbild, .rubrik10 #themenbild, .seite97 #themenbild, .seite90 #themenbild {
background-image: url(../bilder-head/b0175_hotel_allegro_granitplatten.jpg);
width: 900px;
height: 216px;
}



.seite6 #themenbild { 
background-image: url(../bilder-head/a057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 402px;
}

.seite23 #themenbild, .seite22 #themenbild { 
background-image: url(../bilder-head/b0327_natursteinmauer.jpg);
width: 900px;
height: 216px;
}

.seite21 #themenbild { 
background-image: url(../bilder-head/b0226_regenwasserrueckhaltung_biotop.jpg);
width: 900px;
height: 216px;
}

.seite18 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}

.seite30 #themenbild { 
background-image: url(../bilder-head/b0160_treppen.jpg);
width: 900px;
height: 216px;
}

.seite29 #themenbild { 
background-image: url(../bilder-head/b057400_chalet_gstaad_quarzitplatten.jpg);
width: 900px;
height: 216px;
}

.seite28 #themenbild { 
background-image: url(../bilder-head/b0191_hotel_allegro_buchsbaum.jpg);
width: 900px;
height: 216px;
}

.seite27 #themenbild { 
background-image: url(../bilder-head/b0246_naturteich.jpg);
width: 900px;
height: 216px;
}

.seite26 #themenbild { 
background-image: url(../bilder-head/b057552_hotel_allegro_wasser.jpg);
width: 900px;
height: 216px;
}

.seite25 #themenbild { 
background-image: url(../bilder-head/b057441_eingangsituation_chalet_gstaad.jpg);
width: 900px;
height: 216px;
}

.seite24 #themenbild, .seite83 #themenbild, .seite91 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}

.seite17 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}

.seite37 #themenbild { 
background-image: url(../bilder-head/b0327_natursteinmauer.jpg);
width: 900px;
height: 216px;
}

.seite36 #themenbild { 
background-image: url(../bilder-head/b0373_seniorenresidenz_multengut.jpg);
width: 900px;
height: 216px;
}

.seite35 #themenbild { 
background-image: url(../bilder-head/b0398_seniorenresidenz_multengut.jpg);
width: 900px;
height: 216px;
}

.seite34 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}

.seite33 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}

.seite32 #themenbild { 
background-image: url(../bilder-head/b0392_seniorenresidenz_multengut.jpg);
width: 900px;
height: 216px;
}

.seite31 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}


.rubrik6 #themenbild, .rubrik16 #themenbild { 
background-image: url(../bilder-head/b057518_bauerngarten_hohmadpark_thun.jpg);
width: 900px;
height: 216px;
}


.seite5 #themenbild { 
background-image: url(../bilder-head/a0310_pflanzgefaesse_salemspital_bern.jpg);
width: 900px;
height: 402px;
}

.seite45 #themenbild, .seite44 #themenbild, .seite43 #themenbild { 
background-image: url(../bilder-head/b0310_pflanzgefaesse_salemspital_bern.jpg);
width: 900px;
height: 216px;
}


.seite4 #themenbild { 
background-image: url(../bilder-head/a001205_stade_de_suisse_bern.jpg);
width: 900px;
height: 402px;
}

.rubrik51 #themenbild, .rubrik50 #themenbild, .rubrik4 #themenbild { 
background-image: url(../bilder-head/b001205_stade_de_suisse_bern.jpg);
width: 900px;
height: 216px;
}

.seite3 #themenbild { 
background-image: url(../bilder-head/a057435_bepflanzung.jpg);
width: 900px;
height: 402px;
}

.rubrik3 #themenbild { 
background-image: url(../bilder-head/b057435_bepflanzung.jpg);
width: 900px;
height: 216px;
}

.seite2 #themenbild { 
background-image: url(../bilder-head/a057472_natursteinmauer.jpg);
width: 900px;
height: 402px;
}

.rubrik2 #themenbild, .seite999 #themenbild, .seite92 #themenbild { 
background-image: url(../bilder-head/b057472_natursteinmauer.jpg);
width: 900px;
height: 216px;
}

.seite999 li {
	 color: #666666;
	font-size: 12px;
	line-height: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	
}

#themenbild img {
margin-left: 75px;
}

.seite93 #themenbild img {
margin-left: 0;

}

h1 {
font-size: 24px;
color: #666666;
font-weight: normal;
margin-bottom: 15px;
}

h2 {
font-size: 12px;
color: #666666;
font-weight: bold;
margin-bottom: 15px !important;
}


p {
color: #666666;
font-size: 12px;
line-height: 20px;

}



#con-text {
	margin-top: 30px;
margin-left: 300px;
width: 550px;
}

#content #subnav {
	width: 300px;
	float: left;
}
/* Speziell für Newsanzeige auf Startseite */

.news-latest-container {
padding: 0;
margin: 0;
}

.news-list-date {
float: none;
font-size: 12px;
display: inline;
}

.news-list-container .news-list-item {
padding-bottom: 0px;
}

.news-list-container {
padding: 0;
}

.news-list-date {
padding: 0;
}

.news-single-item {
padding: 0;
}

.news-latest-item {
padding: 0;

}


.news-single-img {
float: none;
margin: 0;
}






.news-latest-gotoarchive {
background-color: #fff;

}

.seite93 #content #subnav {
	width: 215px;
	padding-left:65px;
	padding-right:20px;
	padding-top:0px;
	margin-top:0px;
	position:relative;
	top:-12px;
}
.seite93 #content #subnav .bodytext a  {
	background-image:url(../bilder/pfeil.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 9px;
	display:block;
}
#content #sub {
	padding-left: 65px;
	margin-right: 5px;
	margin-top: -13px;
	font-size: 12px;
	list-style-type: none;
}

#content #sub li {
	margin-bottom: 15px;
	
}

#content #sub ul li {
	margin-bottom: 6px;
	font-size: 11px;
}

#content #sub ul {
	list-style-type: none;
margin-bottom: 14px;
	
}

#content #sub ul li {

background-image: url(../bilder/pfeil.gif);
background-repeat: no-repeat;
padding-left: 12px;
	background-position: 0px 2px;
}

/*Bildlinks dürfen nicht mit dem > Zeichen versehen werden*/
#con-text .csc-textpic-imagewrap a, .download {
background: none !important;
padding: 0px !important;
}

/*Bild auf Texthöhe setzen*/
#con-text .csc-textpic-imagewrap img {
margin: 5px 0 10px 0;
}

.csc-frame-frame1 ul li {
background-image: url(../bilder/quadrat.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 15px;
list-style-type: none;
margin-bottom: 5px;
color: #666;
}

.inhalt #con-text {
	margin-left: 0;
	width: 550px;	
	float: left;
}

#header ul {
background-image: url(../bilder/verlauf-navigation.gif);
background-repeat: no-repeat;
height: 41px;
padding-top: 10px;
padding-left: 60px;
width: 840px;
}

#header ul li {
float:left;
list-style-type:none;
font-size: 12px;
text-transform: uppercase;
}

#header ul li a {
padding: 3px 5px 3px 5px;
margin-right: 47px;
float:left;
}

a:link {color: #e2017b; text-decoration: none;}
a:visited {color: #e2017b; text-decoration: none; }
a:active {color: #e2017b; text-decoration: none; }
a:hover {color: #000; text-decoration: none; }


#header ul a:link {color: #666; text-decoration: none;}
#header ul a:visited {color: #666; text-decoration: none;}
#header ul a:active {color: #666; text-decoration: none;}
#header ul a:hover, #header a:focus, #header .aktiv a{color: #666; text-decoration: none; background-color: #e7e7e7;}

#header .aktiv a:link {	color: #666; text-decoration: none; background-color: #e7e7e7;}
#header .aktiv a:visited {color: #666; text-decoration: none; background-color: #e7e7e7; }
#header .aktiv a:active  {color: #666; text-decoration: none; background-color: #e7e7e7; }
#header .aktiv a:hover {color: #666; text-decoration: none; background-color: #e7e7e7; }



/* Diese Definitionen brauch es nicht! (Jedenfalls nicht mehr...)
#metanavigation a:link {color: #e2017b; text-decoration: none;}
#metanavigation a:visited {color: #e2017b; text-decoration: none; }
#metanavigation a:active {color: #e2017b; text-decoration: none; }
#metanavigation a:hover, #content a:focus {color: #000; text-decoration: none; }
*/

#sub a:link {color: #666; text-decoration: none;}
#sub a:visited {color: #666; text-decoration: none; }
#sub a:active {color: #666; text-decoration: none; }
#sub a:hover, #content a:focus {color: #000; text-decoration: none; }

#sub ul a:link {color: #666; text-decoration: none;}
#sub ul a:visited {color: #666; text-decoration: none; }
#sub ul a:active {color: #666; text-decoration: none; }
#sub ul a:hover, #content a:focus, #sub ul .acti {color: #000; text-decoration: none; }

#sub .subaktiv ul {margin-top: 12px !important;}
#sub .subaktiv a:link {	color: #000;}
#sub .subaktiv a:visited {color: #000; }
#sub .subaktiv a:active  {color: #000; }
#sub .subaktiv a:hover {color: #000; }

/* Wird nur in der zweiten Ebene angezeigt, sobald seite aus ebene3 erscheint, dann klasse wieder rausnehmen */
#sub .subaktivfirst a:link { color: #e2017b;}
#sub .subaktivfirst a:visited {color: #e2017b; }
#sub .subaktivfirst a:active  {color: #e2017b; }
#sub .subaktivfirst a:hover {color: #e2017b; }


#sub .subaktiv ul a:link {color: #666;}
#sub .subaktiv ul a:visited {color: #666; }
#sub .subaktiv ul a:active  {color: #666; }
#sub .subaktiv ul a:hover {color: #e2017b; }

#sub .acti a:link {	color: #e2017b !important;}
#sub .acti a:visited {color: #e2017b !important; }
#sub .acti a:active  {color: #e2017b !important; }
#sub .acti a:hover {color: #e2017b !important; }

#nav a {	
	background-image: url(../bilder/pfeil.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	background-position: 0px 2px; }
#nav a:visited {color: #e2017b; }
#nav a:active  {color: #e2017b; }
#nav a:hover {color: #000; }

.csc-frame-frame1 {
	background-color: #e7e7e7;
	padding: 16px;
	margin-top: 12px;
}


.trennbalken {
	margin: 15px 0;
	width: 555px;
	
}

.csc-textpic-intext-left {
	margin-right: 15px !important;
}

#con-text .csc-textpic a, #con-text .bodytext a  {
	background-image:url(../bilder/pfeil.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left: 9px;
}

/*News Anzeige*/

.seite15 .lightboxbild, .seite90 .lightboxbild {
margin-right: 20px;
float: left;
}

.news-single-img {
width: 570px;	
display: block;
}

.news-single-imgcaption {	
width: 170px;
font-size: 12px;
margin-top: -3px;
}

.news-single-backlink {
clear: left;	
}

/*Suchfeld*/

.suche {
color:#999999;
padding: 3px 5px;
font-size: 9px !important;
height: 12px;
}

/*Suchergebnisse*/
.tx-indexedsearch-descr {
font-style: normal !important;
}

.tx-indexedsearch-redMarkup {
color: #e2017b !important;
font-weight: bold !important;
}

.tx-indexedsearch-res table {
border-bottom: 6px solid #e5e5e5;
width: 600px;
}

.tx-indexedsearch-res {
margin: 10px 0;
}


.suchresultate {
	font-family: verdana;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}


/*Formulare*/

fieldset {
border: 1px solid #EEE;
display: block;
padding: 10px 10px;
margin: 0 0 5px 0;
}

label {
width: 60px; /*Breiten anpassen*/
float: left;
color: #666666;
font-size: 12px;
}

input,select {
border: 1px solid #AAA; /*Farben anpassen*/
margin-bottom: 10px;
width: 180px;
}

textarea {
border: 1px solid #AAA; /*Farben anpassen*/
font-family: arial !important;
font-size: 12px !important;
}

.absendeknopf {
margin: 10px 0 10px 60px;
}

.tx-powermail-pi1_mandatory_submit {
margin-top: 20px;

font-family: arial;

}

.powermail_mandatory_list {
margin-left: 20px;
margin-top: 10px;
}

.powermail_submit {
margin: 10px 0 10px 100px;
width: 120px;
}

.powermail_textarea  {
width: 180px;
height: 100px;
}


.fehlertext {
color: #000;
font-weight: bold;
background-color: #f99;
padding: 2px;
border: 1px solid #f00;
width: 375px;
}

.formfehler {
border: 1px solid #f00;
margin-bottom: 5px;
}

.roter-text {
color:#FF0000;
}


/* Kontaktformular */

.seite84 fieldset { 
border: none;
}
	
.seite84 legend {
visibility: hidden;

}

.seite84 label {
	
	width: 100px;

}

.seite84 .absendeknopf {
	
	margin-left: 100px;
	
	}
	
	
	#themenbild a:link {background-color: transparent !important;}
	#themenbild a:visited {background-color: transparent !important;}
	#themenbild a:active {background-color: transparent !important;}
	#themenbild a:hover {background-color: transparent !important;}	
	
.csc-textpic-imagerow { 
clear: none !important;	
}
 .seite999 #header ul { width: 1250px;  }	
.seite999 #header {overflow: hidden;}