/******************************/
/* stylesheet fuer casablanca */
/* pro.fund GmbH, Berlin      */
/* Stand: 05.05.2010          */
/******************************/


/***********************/
/* Allgemeine Styles   */
/***********************/

HTML, BODY, DIV, P, H1, H2, H3, H4, H5, H6, SPAN, TD, FORM, IMG {
    padding:            0px;
    border:             0px;
    margin:             0px;
    font-size:          12px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
    color:              #606060;
}

BODY {
    text-align:         left;
    min-width:    			890px;
    background:         #fffef5 url(/et_static/bg.png) repeat;
}

OL, UL, LI {
    font-size:          12px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
    color:              #606060;
}

A, A:visited {
    color:              #e0081c;
    text-decoration:    none;
}

A:hover, A:active {
    color:              #606060;
}

DIV.clear {
    clear:              both;
    height:             2px;
}

DIV.clearLeft {
    clear:              left;
    height:             2px;
}

DIV.clearRight {
    clear:              right;
    height:             2px;
}

DIV.center {
    text-align:         center;
}


/*******************/
/* Layout          */
/*******************/

#paper {
    width:              auto;
    margin: 			      0px auto 0px 0px;
    text-align:         left;
}

#header {
    width:              auto;
    height:             102px;
    background-image:   url(/et_static/header.png);
}

#headPicA {
    width:              158px;
    float:              left;
}

#headPicB {
    width:              158px;
    float:              left;
}

#headMenu {
    margin-top:         0px;
    margin-left:				3px;
}

#printHead {
    display:            none;
    visibility:         hidden;
}

#utilityRow {
    clear:              both;
    width:              100%;
    height:             100%;
    background-image:   url(/et_static/bg.png);
}

DIV.utilityBottom {
    clear:              both;
    width:              100%;
    height:             8px;
    background-image:   url(/et_static/bgbottom.png);
}

#rowLeft {
    float:              left;
    width:              158px;
}

#rowMain {
    width:              auto;
    margin-left:				158px;
    margin-right:				146px;
}

#rowRight {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px; 
}

#rowRightTop {
		float: 							right;
    width:              144px;
    margin-top:					75px;
    margin-right:				0px;
    height:							8px;
    background-image:   url(/et_static/bgrighttop1.png);    
}

#rowRightTop1 {
		float: 							right;
    width:              144px;
    margin-top:					10px;
    margin-right:				0px;
    height:							8px;
    background-image:   url(/et_static/bgrighttop.png);    
}

#rowRightBottom {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px;
    height:							8px;    
    background-image:   url(/et_static/bgrightbottom.png);    
}

#rowRightBottom1 {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px;
    height:							8px;    
    background-image:   url(/et_static/bgrightbottom1.png);    
}

#rowRightMain {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px;
    height:							90px;
    background-image:   url(/et_static/bgright.png);    
}

#rowRightMain1 {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px;
    height:							380px;
    background-image:   url(/et_static/bgright.png);    
}

#rowRightBack {
    clear:							right;
		float: 							right;
    width:              144px;
    margin-right:				0px;
    height:							20px;
    background-image:   url(/et_static/bgright1.png);    
}

#leftMenu {
    clear:              left;
    width:              135px;
    padding-left:       2px;
}

#leftBottom {
    clear:              left;
    width:              158px;
    height:             152px;    
}

#content {
    padding:            14px 20px 16px 9px;
}
    
#gsearch {
    width:              139px;
    margin-left:				5px;
    background-color:   #FFFEF5;  
    color:							#606060;
}

#etLogin {
		position:						absolute; 
		bottom:							0px;   
}

    
/*******************/
/* Menus           */
/*******************/

DIV.menuSpace {
    width:              135px;
    font-size:          5px;
    border-top:         1px solid #d1d0c9;
}

A.off1, A.off1:visited {
    display:            block;
    line-height:        16px;
    padding:            3px 0px 3px 16px;
    border-top:         1px solid #d1d0c9;     
    text-decoration:    none;
    color:              #606060;
    background:         #fff47f;
}

A.off1:hover, A.off1:active {
    background-color:   #fffef5;
    color:              #e0081c;
    text-decoration:    none;
}

A.on1, A.on1:visited {
    display:            block;
    line-height:        16px;
    padding:            3px 0px 3px 16px;
    border-top:         1px solid #d1d0c9;    
    text-decoration:    none;
    color:              #e0081c;
    background:         #fffef5;
}

A.on1:hover, A.on1:active {
    color:              #e0081c;
    text-decoration:    none;
}

A.off2, A.off2:visited {
    display:            block;
    line-height:        16px;
    padding:            3px 0px 3px 27px;
    text-decoration:    none;
    color:              #606060;
    background:         #fff47f;    
}

A.off2:hover, A.off2:active {
    background-color:   #fffef5;
    color:              #e0081c;
    text-decoration:    none;
}

A.on2, A.on2:visited {
    display:            block;
    line-height:        16px;
    padding:            3px 0px 3px 27px;
    text-decoration:    none;
    color:              #e0081c;
    background:         #fffef5;
}

A.on2:hover, A.on2:active {
    color:              #e0081c;
    text-decoration:    none;
}

A.off3, A.off3:visited {
    float:              left;
    display:            block;
    line-height:        17px;
    height:             17px;
    padding:            0px 5px 0px 5px;
    margin-right:       2px;
    text-decoration:    none;
    color:              #e0081c;
    border:             1px solid #fffef5;
}

A.off3:hover {
    background-color:   #fff8ae;
    color:              #606060;
    text-decoration:    none;
    border:             1px solid #d1d0c9; 
}

A.off3:active {
    background-color:   #fff8ae;
    color:              #e0081c;
    text-decoration:    none;
    border:             1px solid #d1d0c9; 
}

A.on3, A.on3:visited {
    float:              left;
    display:            block;
    line-height:        17px;
    height:             17px;
    padding:            0px 5px 0px 5px;
    margin-right:       2px;
    text-decoration:    none;
    color:              #e0081c;
    background-color:   #fff8ae; 
    border:             1px solid #d1d0c9;        
}

A.on3:hover, A.on3:active {
    text-decoration:    none;
    color:              #e0081c;
    background-color:   #fff8ae;
    border:             1px solid #d1d0c9;     
}


/*******************/
/* Google Suche    */
/*******************/

input {
    font-family: 				Arial, Verdana, "Times New Roman", Helvetica, sans-serif; 
    font-size: 					12px;
    background-color: 	#FFFFFF;
}

.Feld {
    border:							1px solid #d1d0c9;
    background-color:		#FFFFFF;
    margin-bottom:			3px;
}

/* IE CSS Hack \*/
* html .Feld { 
     margin-bottom:			0px; 
} 
/* Ende IE CSS Hack */

.Radio {
    background-color:		#FFFEF5;
    margin-right:				5px;
}


/*************************/
/* Formular für Angebote */
/*************************/

.form {
		border: 						1px solid #d1d0c9; 
		color: 							#606060; 
		font-family: 				Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
		font-size: 					12px;
}

.formhead {
		font-size:					12px; 
		color:							#333333; 
		margin-top:					14px; 
		margin-bottom:			1px;
		margin-left:				0px;
		font-family:				Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
}


/*******************/
/* Content         */
/*******************/

IMG.right {
    margin:             9px 0px 10px 10px;
    float:              right;
}

IMG.center {
    margin:             9px 0px 10px 0px;
}

IMG.left {
    margin:             9px 10px 10px 100px;
    float:              left;
}

IMG.leftLogo {
    margin:             9px 10px 0px 0px;
    float:              left;
}

IMG.logo {
    margin:             0px 0px 0px 0px;

}

IMG.list1 {
    margin:             9px 0px 0px 10px;
    float:              right;
}

IMG.list2 {
    margin:             9px 10px 0px 0px;
}

DIV.galerie {
    float:              left;
    text-align:					center;
    line-height:        18px;		
		font-style:					italic;
    max-width:					280px;
    margin:             3px 25px 12px 0px;
}

DIV.kleineGalerie {
    text-align:					center;
    max-width:					560px;		
    margin:             3px 0px 7px 0px;
}

DIV.klGalerie {
    float:              left;
    text-align:					center;
    max-width:					100px;
    margin:             5px 5px 5px 5px;
}



DIV.klGalerie A:hover, DIV.klGalerie A:active {

}

DIV.galerieCenter {
    text-align:					center;
    line-height:        18px;
		font-style:					italic;
    max-width:					560px;		
    margin:             3px 0px 22px 0px;
}

IMG.centerGal {

}

DIV.text {
    margin-top:         6px;
}

DIV.textlogo {
    margin-top:         6px;
    width:					    300px;
}

DIV.headline {
    margin-top:     	  16px;
    font-size:          15px;
    line-height:        22px;    
    font-weight:				bold;
    color:              #000000;    
}

DIV.headlineCasaOff {
    margin-top:     	  16px;
    font-size:          15px;
    line-height:        22px;    
    font-weight:				bold;
    color:              #000000;    
}

DIV.headlineCasaOn {
    margin-top:     	  16px;
    padding-left:     	146px;    
    font-size:          15px;
    line-height:        22px;
    font-weight:				bold;
    color:              #000000;
    background:         #fffef5 url(/et_static/lg_casablanca_lang.png) no-repeat;    
}

#BildRE {
    float:		right;
}