/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 26.05.2008 (Andrea Zbinden)

28. April 2008
Michel: Überall Kurzschreibweisen eingesetzt (#fff anstatt #fffff usw.), plus diverse kommentierte änderungen
29. Mai 2008
Michel: 0px = 0, diverse kleinere Sachen


================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/

/* PNG FIX */

a, li, ul { behavior: url(/fileadmin/pngfix/iepngfix.htc); }



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;  /* besser wenn border auch gleich reseted wird (Michel) */
}

/* Scrollbalken für IE8 und Firefox erzwingen */
html{
	height: 101%;
}

/* HTML-Tags */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;

}


img {

}
	
/*Titel*/
h1 {
	font-size: 23px;
	color: #cc0000;
	margin-bottom: 23px;
}

h2 {
	
}

h3 {
	
}

/*Generelle Links*/
a {color: #000; text-decoration:none; }
a:link { text-decoration: underline;}
a:visited { text-decoration: underline;}
a:hover {text-decoration: underline; }
a:active { }

#maincontent a {color: #cc0000; text-decoration:none; }
#maincontent a:link { color: #cc0000; text-decoration: none; font-weight: bold;}
#maincontent a:visited { color: #cc0000; text-decoration: none; font-weight: bold;}
#maincontent a:hover { color: #cc0000; text-decoration: underline; }

.regiekramer #maincontent a {color: #9a0034; text-decoration:none; }
.regiekramer #maincontent a:link { color: #9a0034; text-decoration: none; font-weight: bold;}
.regiekramer #maincontent a:visited { color: #9a0034; text-decoration: none; font-weight: bold;}
.regiekramer #maincontent a:hover { color: #9a0034; text-decoration: underline; }


/*Wrapper DIV*/
#wrapper {
margin: 0 auto; /* 0 hinzugefügt, weil in vertical ist auto allein nicht sauber möglich (michel) */
width: 980px; /*Breite Angeben*/

}
	
	


/*
==================
Head Bereich
==================
*/

#header {
background-image: url(../bilder-design/metanavi-background.jpg);
background-repeat: repeat-x;
width: 980px;

}




/*Logo*/
#header img {
margin-left: 620px;
margin-top: 20px;
margin-bottom: 50px;

}

/*Sprachnavigation*/
#lang {

}

/*Links Sprachnavigation*/
#lang a:link { color: #fff; text-decoration: none; }
#lang a:visited { color: #fff; text-decoration: none; }
#lang a:hover { color: #ddd; text-decoration: none; }
#lang a:active { color: #ddd; text-decoration: none; }




/*
==================
Navigation
==================
*/

#header ul { padding-top: 15px; margin-left: 16px; background-position: 0px 17px; background-repeat: no-repeat; background-image: url(../bilder-design/divider-metanavigation.gif);}
#header ul li { display: inline; padding-left: 11px; padding-right: 11px; font-size: 12px; background-position: right; background-repeat: no-repeat; background-image: url(../bilder-design/divider-metanavigation.gif);}



#header ul a { /*ganze Fläche anklickbar machen*/ text-decoration:none; }
#header ul li a:link  { color: #999999; font-weight: bold; }
#header ul li a:visited { color: #999999; font-weight: bold;}
#header ul li a:hover  { color: #999999; text-decoration:underline;}
#header ul li a:active { color: #999999; }



#navigation {
float: left;
width: 980px;
height: 208px;
margin: 0px;

}
	
#mainnav {
margin: 0px;
height: 168px;
width: 166px;
margin-right: 4px;
float: left;
padding: 20px;
background-image: url(../bilder-design/navi-background.jpg);

}


#mainnav li{
list-style-image:none;
list-style-type:none;
border-bottom:1px solid #e68080;
margin: 0px;
padding: 0px;
/*display: inline;*/ /*horizontale Navigation*/

}



/* Themenbild auswechselbar via Seiten Id oder ähnlichem */

#themenbildtext {
	color: #fff; font-size: 16px; text-transform: uppercase; top: 138px; left: 17px; position: absolute; letter-spacing: 1px; font-weight: bold;
}


#themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_1.jpg);
width: 770px;
height: 208px;
float: left;
}

.seite15 #themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_1.jpg);
}

.seite14 #themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_2.jpg);
}

.seite13 #themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_3.jpg);
}

.seite12 #themenbild, .seite32 #themenbild, .seite31 #themenbild, .seite30 #themenbild, .seite29 #themenbild, .seite28 #themenbild, .seite27 #themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_4.jpg);
}

.seite11 #themenbild {
background-image: url(../bilder-design/header/gerama/D_header_gerama_5.jpg);
}


/*HAUPTNAVIGATION Links*/

#mainnav a { padding:5px 5px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; text-transform: uppercase; }
#mainnav li a:link  { color: #fff; }
#mainnav li a:visited { color: #fff; }
#mainnav li a:hover  { color: #3c0514; text-decoration:none;}
#mainnav li a:active { color: #fff; }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a { color: #fff; text-decoration:none; padding-left: 25px; background-image: url(../bilder-design/pfeil.png); background-repeat: no-repeat; background-position: 5px 8px;}
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#mainnav ul li.active a:link  { color: #000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000; text-decoration: none; }
#mainnav ul li.active a:hover  { color: #fff; text-decoration: none; }
#mainnav ul li.active a:active { color: #fff; text-decoration: none; }*/

#subnav {
padding: 0px;
margin: 0px;
margin-top: 15px;
margin-right: 4px;
width: 186px;
margin-right: 24px;
float: left;
}

#subnav li{
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;
border-bottom:1px solid #bec0bf;

}



/*SUBNAVIGATION Links*/
#subnav a  { padding: 5px 5px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; }
#subnav li a:link  { color: #000;  }
#subnav li a:visited { color: #000; }
#subnav li a:hover  { color: #c00; text-decoration: none; }
#subnav li a:active { color: #000;  }

/*aktiver Subnavigationslink*/
#subnav li.subnavaktiv a { color: #c00 !important; text-decoration: none; font-weight: bold; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#subnav ul li.subnavactiv a:link  { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover  { color: #fff; text-decoration: none; }
#subnav ul li.subnavactiv a:active { color: #fff; text-decoration: none; }*/



.regiekramer #subnav li a:hover  { color: #990134; text-decoration: none; }
.regiekramer #subnav li.subnavaktiv a { color: #990134 !important; text-decoration: none; font-weight: bold; }

/*
==================
Content-Bereich
==================
*/
#content {
width: 980px;
float: left;
margin-top: 30px;
background-image:url(../bilder-design/subnavi-background.gif);
background-repeat: repeat-y;
}
	
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
vertical-align:top;

}

#maincontent {
width: 720px;
padding-right: 35px;
float: left;
padding-left: 15px;
padding-top: 38px;
margin-top: -30px;
background-image:url(../bilder-design/red-line.gif);
background-repeat: repeat-y;
background-position:right;
}

#maincontent p {
line-height: 18px;
margin-bottom: 20px;
}

.bild {
float: left;
margin-right: 15px;
}

.grauer-hintergrund {
	padding: 3px;
	margin: 0 20px 5px 0;
	background-color: #eef0ef;
}

.grauer-hintergrund-halb {
	padding: 3px;
	margin: 0 8px 5px 0;
	background-color: #eef0ef;
	float: left;
}

.tx_snimmoeditor_list-gerade, .tx_snimmoeditor_list_results-gerade {
	background-color: #eef0ef;	
}
#karte-freiburg {
	position: relative;
}
.sensebezirk, .seebezirk, .gruyerebezirk, .veveysebezirk, .broyebezirk, .saanebezirk, .glanebezirk {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	display: none;
}

map, area {
	z-index: 2999;	
}

#immo-general-info, #immo-price-info, #immo-description {
	width: 380px;
	clear: left;
	float: left;
}
#immo-general-info, #immo-price-info {
	background-color: #eef0ef;
	padding: 3px 0 3px 10px;
	margin: 0 20px 5px 0;
}

.tmb-immo-image {
	margin: 5px 5px 0 0;
}

.verbergen {
	display:none;	
}

/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {

}

/*
==================
Footer-Bereich
==================
*/	

#footer {
margin-top: 25px;
border-top: 1px solid #ccc;
float: left;
width: 980px;
position: relative;
}
		
.footertext {

float: right;
text-align: right;
color: #999;
margin-top: 35px;
font-size: 11px;
padding-right: 35px;
}


.kramer {
margin-left: 20px;
margin-top: 10px;
width: 61px;
float: left;
}

.footerred {
position: absolute;
right: 0px;
top: -26px;
height: 120px;
width: 11px;
background-image: url(../bilder-design/red-line.gif);

}

#footer img {
margin-top: 10px; 
margin-left: 20px;
}

#footer a:link  { color: #999; font-weight: bold; text-decoration: none;}
#footer a:visited { color: #999; font-weight: bold; text-decoration: none;}
#footer a:hover  { color: #999; text-decoration:underline;}
#footer a:active { color: #999; }


#suchkriterien {
	cursor: pointer;
}

/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/

.news-latest-date {
color: #8da25e;

}

.news-latest-item {
margin-bottom: 10px;
padding-bottom:10px;
border-bottom: 1px solid #8da25e;

}

.news-single-img {
margin-top: 10px;

}


/*Formulare*/
legend {
font-weight: bold;
color: #000000;
padding: 15px 0px 15px 0px;

}

fieldset {
border: 1px solid #000; /*Farben anpassen*/
display: block;
border: none;
}

label {
width: 125px; /*Breiten anpassen*/
float: left;

}

.label-breit {
width: 100px;	
}

.label-klein {
width: 30px;	
}

input {
border: 1px solid #000; /*Farben anpassen*/
margin-bottom: 10px;

}

textarea {
border: 1px solid #000; /*Farben anpassen*/
}


/* #search {

background-color: #cc0000;
padding: 3px;
width: 120px;
color: #fff;
float: right;
margin-top: 27px;
font-weight: bold;
margin-right: 21px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
color: #fff !important;
} */



#search {


padding: 3px;
width: 120px;
color: #fff;
float: right;
margin-top: 27px;
font-weight: bold;
margin-right: 21px;
	padding-top: 1px;
background-image: url(/fileadmin/bilder-design/suche-gerama-senden.gif);
background-repeat: no-repeat;
width: 162px;
height: 34px;
color: #fff !important;
border: none;
text-indent: -38px;
}

#search a, .regiekramer #search a, #immo-contact a, .regiekramer #immo-contact a {
	color: #fff !important;
}

.regiekramer #search {
	padding: 3px;
	width: 120px;
	color: #fff;
	float: right;
	margin-top: 27px;
	font-weight: bold;
	margin-right: 21px;
	padding-top: 1px;
	background-image: url(/fileadmin/bilder-design/suche-kramer-senden.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 34px;
	color: #fff !important;
	border: none;
	text-indent: -38px;
}


#immo-contact {
background-color: #cc0000;
padding: 3px;
width: 120px;
float: right;
margin-top: 10px;
font-weight: bold;
margin-right: 9px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
text-align: center;
color: #fff !important;
}

.regiekramer #immo-contact {
background-color: #af1039;

padding: 3px;
width: 120px;
float: right;
margin-right: 9px;
margin-top: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
text-align: center;
color: #fff !important;
}


#immo-contact a {
color: #fff;
text-decoration: none;
text-align: center;
}


input#titel {
width: 250px;
}

input#titel, input#referenz {
border: none;
background-color: #fff;
color: #000 !important;
}

.absendeknopf {
	background-color: #cc0000;
	padding: 3px;
	width: 120px;
	color: #fff;

	margin-top: 7px;
	font-weight: bold;
	margin-right: 21px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	margin-left: 125px;
}

.regiekramer .absendeknopf {

	margin-left: 125px;
	
	
	background-color: #af1039;
	padding: 3px;
	width: 120px;

	margin-right: 9px;
	margin-top: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	text-align: center;
}



.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;

}

/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;

}

.contenttable{
margin-left: -3px;

}


.bodytext {
/*float: left;*/
margin: 0;
padding: 0;

}


a.download img{
margin-bottom: -3px;

}


#map {
float: left;
width: 510px; 
height: 340px; 
margin: -12px 0 0 0;
color:#000;

}



/* CSS FUER REGIE KRAMER SA 

Immer .regiekramer vor den Definitionen setzen.

*/

.regiekramer #header img {
margin-left: 635px;
margin-top: -14px;
margin-bottom: 25px;

}

.regiekramer h1 {
	color: #9a0034;
}


.regiekramer #mainnav {
background-image: url(../bilder-design/navi-background-kramer.jpg);
}


.regiekramer #themenbild {
background-image: url(../bilder-design/header/kramer/D_kramer_header_1.jpg);
}

.seite25 #themenbild {
background-image: url(../bilder-design/header/kramer/D_kramer_header_2.jpg);
}

.seite24 #themenbild {
background-image: url(../bilder-design/header/kramer/D_kramer_header_3.jpg);
}

.seite23 #themenbild, .seite39 #themenbild, .seite38 #themenbild, .seite37 #themenbild, .seite36 #themenbild, .seite35 #themenbild, .seite34 #themenbild {
background-image: url(../bilder-design/header/kramer/D_kramer_header_4.jpg);
}

.seite22 #themenbild {
background-image: url(../bilder-design/header/kramer/D_kramer_header_5.jpg);
}

.regiekramer  #maincontent {
background-image:url(../bilder-design/red-line-kramer.gif);
}


.regiekramer .footerred {
background-image: url(../bilder-design/red-line-kramer.gif);
}


.regiekramer #mainnav li {
border-bottom: 1px solid #d7889d;
}

.regiekramer #footer img {
margin-top: 20px; 
margin-left: 20px;
}

.contenttable p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: none !important;
}

.contenttable td {
	width: 150px !important;
}


#klickpfad {
	margin-top: -8px;
	margin-bottom: 8px;
}

/*Aktiver Link Klickpfad*/
/* #klickpfad a.aktiv { color: #999; text-decoration: none; font-weight: normal;} */


.seite5 .csc-textpic-text, .seite6 .csc-textpic-text {
	clear: none !important;
}


.seite5 div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image, .seite6 div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float: none !important;
}

.seite5 div.csc-textpic-left div.csc-textpic-imagewrap, .seite6 div.csc-textpic-left div.csc-textpic-imagewrap {
	float: none !important;
}

.seite5 #maincontent p, .seite6 #maincontent p {
	margin-top: 10px;
}

#immo_price_min, #immo_price_max {
	margin-bottom: 10px;
}

#immo-description {
	margin-top: 17px;
}

.seite17 .csc-textpic-imagerow, seite17 .csc-textpic-imagewrap, .seite33 .csc-textpic-imagerow, seite33 .csc-textpic-imagewrap {
	width: 570px !important;
}

.seite17 dl, .seite33 dl {
	margin-left: 15px;
}

/* Gerama Seitenbilder */

.seite5 #subnav, .seite8 #subnav {
	background-image: url(/fileadmin/bilder-design/gerama-seitenbilder/home.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite11 #subnav {
	background-image: url(/fileadmin/bilder-design/gerama-seitenbilder/kontakt.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite13 #subnav, .seite45 #subnav, .seite46 #subnav {
	background-image: url(/fileadmin/bilder-design/gerama-seitenbilder/verkauf.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite14 #subnav, .seite3 #subnav , .seite42 #subnav {
	background-image: url(/fileadmin/bilder-design/gerama-seitenbilder/vermietung.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

/* Kramer Seitenbilder */

.seite6 #subnav, .seite19 #subnav {
	background-image: url(/fileadmin/bilder-design/kramer-seitenbilder/home.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite22 #subnav {
	background-image: url(/fileadmin/bilder-design/kramer-seitenbilder/kontakt.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite24 #subnav, .seite48 #subnav, .seite47 #subnav {
	background-image: url(/fileadmin/bilder-design/kramer-seitenbilder/verkauf.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.seite25 #subnav, .seite43 #subnav, .seite44 #subnav {
	background-image: url(/fileadmin/bilder-design/kramer-seitenbilder/vermietung.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: 17px;
	margin-top: 9px;
}

.tx-snimmoeditor-pi2 ul {
clear: both;
margin-bottom: 15px;
margin-top: 15px;
margin-left: 0px !important;
}


.tx-snimmoeditor-pi2 li {
margin: 2px;
border: 1px solid #cc0000;
display: inline;
} 

.tx-snimmoeditor-pi2 li a {
padding: 0 7px;
}

.tx-snimmoeditor-pi2 li a:hover {
color: #fff !important;
background-color: #c00 !important;
text-decoration: none !important;
padding: 0 7px;
}

.tx-snimmoeditor-pi2 li a.aktiv {
color: #fff !important;
background-color: #c00 !important;
}


.no-search-results {
width: 330px;
padding: 7px;
border: 1px solid #c00;
font-weight: bold !important;
}

input[type="checkbox"] { 
border: none !important;

}


#immo-images {
margin-left: 410px;
}