/* 
Individualformate für Kundenanfrage
In kundenanfrage.tpl sollte ein Container mit der id 'kundenanfrage' die Einbindung der anderen Templates umschließen.
Bsp.: <div id="kundenanfrage">{content->display}</div>
*/

#t4t .proof {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	width: 100%;
}
#t4t .proof th{
	background-color:#E3E3E3;
	color:#333333;
	border-left:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;	
	font-weight:bold;
	font-size: 0.8em;
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
}	
#t4t .proof th:hover{
	background-color:#DDDDDD;
}
#t4t .proof th.inactive{
	background-color:#E3E3E3;
	color:#666666;
	border-left:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;	
	font-weight:bold;	
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
}	
#t4t .proof p{
	margin-left:5px;
}

/* 
Obere Navigationsleiste für Ergebnislisten (z.B. Beraterlisten).
Enthält Links für vor, zurück und die einzelnen Seiten.
Wird nur angezeigt, wenn die Liste mind. 2 Seiten hat.
*/
#t4t .proof .pager_nav_top{
	margin: 0px;
	background-color:#E3E3E3;
	color:#333333;
	border-left:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:2px 2px 2px 2px;
	font-size: 0.8em;
	font-weight:bold;
	text-align:left;
}
#t4t .proof .pager_nav_top link{
	color: #3d5954;
	font-weight:bold;
	text-decoration:none;
}
#t4t .proof .pager_nav_top curLink{
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}
/* 
Untere Navigationsleiste für Ergebnislisten (z.B. Beraterlisten).
Enthält Links für vor, zurück und die einzelnen Seiten.
Wird nur angezeigt, wenn die Liste mind. 2 Seiten hat.
*/
#t4t .proof .pager_nav_bottom{
	margin: 0px;
	background-color:#E3E3E3;
	color:#333333;
	border-left:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:2px 2px 2px 2px;
	text-align:left;
	font-weight:bold;	
}
#t4t .proof .pager_nav_bottom link{
	color: #3d5954;
	font-weight:bold;
	text-decoration:none;
}
#t4t .proof .pager_nav_bottom curLink{
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}
/* Tabelle, in der das Suchergebnis angezeigt wird*/
#t4t .proof .al{
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
}
#t4t .proof .al .maintable {
	border:1px solid #E3E3E3;
}
/* Ein Eintrag in der Beraterliste */
#t4t .proof .al_entry{
	border-bottom:1px solid #EAEAEA;	  
}
/* 
Wenn sich kein Berater in einer Liste befindet, 
dann wird ein div mit diesem Style angezeigt 
*/
#t4t .proof .al_no_entry{
	margin: 0px 0px 0px 0px;	
	padding:2px;
	background-color:#FFFFFF;			
	position:relative;
	border:1px solid #E3E3E3;	
}
/* Foto des Beraters in dem Listeneintrag */
#t4t .proof .al_entry .photo{	
	padding:1px 1px 1px 1px;	
	border-bottom:1px solid #E3E3E3;
    background-color:#FFFFFF;
}
/* Name des Beraters in dem Listeneintrag */
#t4t .proof .al_entry .name{		
	font-weight:bold;	
	padding:5px 2px 2px 2px;
    background-color:#FFFFFF;
}

/* "Distanz zum Makler" in dem Listeneintrag */
#t4t .proof .al_entry .distance{		
	padding:1px;	
	border-bottom:1px solid #E3E3E3;
	text-align:center;
    background-color:#FFFFFF;
}
/* Bewertungsgrafik für Berater in dem Listeneintrag */
#t4t .proof .al_entry .rating_graphic{			
	padding:1px;
	border-bottom:1px solid #E3E3E3;
	border-right:1px solid #F3F3F3;
	text-align:center;
    background-color:#FFFFFF;
}
/* Bewertungstext für Berater in dem Listeneintrag */
#t4t .proof .al_entry .rating_text{			
	padding:1px;
	border-bottom:1px solid #E3E3E3;
	border-right:1px solid #F3F3F3;
	text-align:center;
    background-color:#FFFFFF;
}
/* Text in dem Listeneintrag, wenn noch keine Bewertung des Beraters  */
#t4t .proof .al_entry .no_rating{			
	padding:1px;
	border-bottom:1px solid #E3E3E3;
	border-right:1px solid #F3F3F3;
	text-align:center;
    background-color:#FFFFFF;
}
/* Links (Profil ansehen, Beratung anfordern usw.) in dem Listeneintrag */
#t4t .proof .al_entry .links{		
	padding:2px 2px 5px 2px;
	border-bottom:1px solid #E3E3E3;
    background-color:#FFFFFF;
}
/* Links Kooperationspartner (Profil ansehen, Beratung anfordern usw.) in dem Listeneintrag */
#t4t .proof .al_entry .linksKO{		
	vertical-align:top;
	position:absolute;	
	left:103px;
	top:83%;
	height:20px;
	margin-top:-25px;
}

/* Tabelle, in der das Suchergebnis angezeigt wird*/
#t4t .proof .partner .partner_table{
	width:500;
	border:1px solid #E3E3E3;
}
/* Foto des Kooperationspartners in dem Listeneintrag */
#t4t .proof .partner .photo{	
	padding:2px 2px 2px 2px;	
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
}
/* Name des Kooperationspartners in dem Listeneintrag */
#t4t .proof .partner .profile .name{		
	font-weight:bold;	
	padding:1px;
	margin:3px 5px 3px 3px;
	position:relative;
	width:auto;
	height:18;
	clear:left;
	overflow:hidden;
}
/* Links (Profil ansehen, Beratung anfordern usw.) des empfohlenen Kooperationspartners */
#t4t .proof .partner .links{		
	padding:2px;
	border-bottom:1px solid #E3E3E3;
}
#t4t .proof .partner .maintable {
	border:1px solid #E3E3E3;
}
/* Profil des empfohlenen Beraters */
#t4t .proof .ra {
	margin:0px 0px 20px 0px;		
	padding:0px;
	background-color:#FFFFFF;		
	position:relative;
	height:170;
	border:1px solid #E3E3E3;
}
/* Foto des empfohlenen Beraters */
#t4t .proof .ra .photo{
	position:absolute;
	left:2;
	top:10;	
	width:100;
	height:156;
	overflow:hidden;
}
/* Name des empfohlenen Beraters */
#t4t .proof .ra .name{		
	font-weight:bold;	
	position:absolute;
	left:108;
	top:10;
	width:auto;
	height:18;
}
/* Bewertung im Profil des empfohlenen Beraters */
#t4t .proof .ra .rating{
	position:absolute;
	left:108;
	top:30;
	width:300px;
	height:43;
	clear:left;
	overflow:hidden;
}
/* Bewertungsgrafik im Profil des empfohlenen Beraters */
#t4t .proof .ra .rating .graphic{
	left:2px;
	top:0px;
	position:absolute;
	float:left;
	width:143;	
	height:18px;
}
/* Bewertungstext im Profil des empfohlenen Beraters */
#t4t .proof .ra .rating .rating_text{	
	width:auto;	
	position:absolute;	
	left:1px;
	top:25px;	
}
/* keine Bewertung des empfohlenen Beraters */
#t4t .proof .ra .no_rating{
	position:absolute;
	left:108;
	top:48;
	width:300px;
	height:18;
	clear:left;
	overflow:hidden;
}
/* Bewertung im Profil des empfohlenen Beraters */
#t4t .proof .ra .distance{
	position:absolute;
	left:108;
	top:75;
	width:auto;
	height:18px;
}

/* Links (Profil ansehen, Beratung anfordern usw.) des empfohlenen Beraters */
#t4t .proof .ra .link_profile{		
	position:absolute;
	left:108;
	top: 95px;
}
#t4t .proof .ra .link_request{		
	position:absolute;
	left:330;
	top: 103px;
	font-size:1.5em;
	text-align:center;
}
#t4t .proof .ra .link_request .gratis{		
    font-size:0.7em;	
	color:red;
}


/* Profil eines Beraters */
#t4t .proof .ap{
	margin:0px;	
	padding:0px;
	background-color:#FFFFFF;	
	border-bottom:1px solid #6c8883;		
	width: 100%;
	position:relative;
}
/* Foto im Profil des Beraters */
#t4t .proof .ap .photo{
	padding:5px 5px 5px 5px;
	float:right;
}
/* div, welches eine Tabelle mit den Eigenschaften des Beraters enthält */
#t4t .proof .ap .attributes{
	margin:5px 5px 5px 3px;
}
#t4t .proof .ap .attributes td{
	padding:2px 0px 2px 0px;
}
/* Link für Beratung anfordern im Profil des Beraters */
#t4t .proof .ap .link_request{
	margin-top:25px;
	margin-bottom:25px;
	left:0px;
	width:200px;
	font-size:1.5em;
	text-align:center;
}
#t4t .proof .ap .link_request .gratis{		
	font-size:0.7em;
	color:red;
}

/* Text, wenn Beerater noch nicht bewertet wurde */
#t4t .proof .ap .no_rating{
}
/* Bewertung im Profil des Beraters */
#t4t .proof .ap .rating{
}

/* Beinhaltet Link (im Profil des Beraters) für Informationen zur Bewertung */
#t4t .proof .ap .rating .info{
	top:3px;
	left:160px;
	position:absolute;
	width:16px;
	height:16px;	
}
/* Beinhaltet Stärkenprofil (Tabelle) des Beraters */
#t4t .proof .ap .strengths_profile{
	margin:10px 3px 10px 3px;
	width:100%;
}
/* Beinhaltet Kommentare von Bewertungen */
#t4t .proof .ap .comments{
	margin:10px 0px 10px 0px;
	border-top:1px solid #EAEAEA;
}
/* Farbe für positive Bewertungen */
#t4t .proof .ap .comments_color_positive{
	background-color:#59C900;
	border-bottom:1px solid #EAEAEA;
}
/* Farbe für negative Bewertungen */
#t4t .proof .ap .comments_color_negative{
	background-color:#FF0000;
	border-bottom:1px solid #EAEAEA;
}

/* TextFelder (Input vom Typ text und Textarea) die die gesamte Breite einnehmen sollen*/
#t4t .proof .textFH {	
	color: #060927;		
	background-color: #edf6f5;
	border-top: 1px solid #666666;
	border-right: 1px solid #C7D0BB;
	border-bottom: 1px solid #C7D0BB;
	border-left: 1px solid #666666;
	width: 98%;
	font-weight: normal;	
	vertical-align: middle;
}
/* 
Umschließt Formulare und bei der Bestätigung(page4.tpl) die Tabelle mit den eingegebenen Daten 
*/
#t4t .proof .form{
	
}
#t4t .proof .form label{
	font-weight:normal;
}
/* Zellen in der linken Spalte */
#t4t .proof .form .left_cell{
	font-weight:bold;
	padding:2px 2px 2px 3px;
	margin:2px 0px 2px 0px;
	text-align:right;
}
/* Zellen in der rechten Spalte */
#t4t .proof .form .right_cell{
	font-weight:normal;
	padding:2px 3px 2px 2px;
	margin:2px 0px 2px 0px;
}
/* wird momentan nicht benötigt */
#t4t .proof .form .button_cell{
	font-weight:normal;
	padding:2px 2px 2px 3px;
	margin:2px 0px 2px 0px;
}
/* wird momentan nicht benötigt */
#t4t .proof .form .html_cell{
	font-weight:normal;
	padding:2px 3px 2px 3px;
	margin:2px 0px 2px 0px;
}

/* Schmale Formulare */
/* Section Überschrift */
#t4t .proof .form-small h2{
    margin: 0px 0px 0px 0px;
}
/* Element Überschrift */
#t4t .proof .form-small .label_cell{    
    border-top:1px solid #DADADA;
    font-weight:bold;
    padding:2px 2px 1px 2px;
}
#t4t .proof .form-small .element_cell{    
    padding:2px 2px 4px 2px;
}

/* div, welcher den Hinweis auf benötigte Felder enthält */
#t4t .proof .required_note{
	padding:10px 5px 10px 2px;
}
/* Fehler, die überhalb der Eingabefelder angeziegt werden */
#t4t .proof .error{	
	color:#FF0000;
}

/* Kopf der Fehlermeldung überhalb des Formulars */
#t4t .proof .errorHeader {	
	color: #ffffff;
	font-weight: bold;
	width: auto;
	margin: 0px 0px 0px 0px;
	background-color: #D21034;
	padding: 2px 6px 1px 6px;
}
/* Fehlermeldung überhalb des Formulars */
#t4t .proof .errorMessage {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #000000;
	background-color: #FAE7EA;
	border:1px solid #D21034;	
}
#t4t .proof .errorMessage ul{		
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 20px;
}
#t4t .proof .errorMessage li{		
	color:#D21034;
}
/* Kopf für Informationen überhalb des Formulars */
#t4t .proof .informationHeader {	
	color: #ffffff;
	font-weight: bold;
	width: auto;
	margin: 0px 0px 0px 0px;
	background-color: #003580;
	padding: 1px 6px 1px 6px;
}
/* Informationen überhalb des Formulars */
#t4t .proof .informationMessage {
	margin: 0px 0px 0px 0px;
	color: #000000;
	background-color: #E5EAF2;
	padding: 5px 0px 5px 0px;	
	border:1px solid #003580;	
}
#t4t .proof .informationMessage ul{		
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 20px;
}
#t4t .proof .informationMessage li{		
	color:#000000;
}