/*************************************/
/* styles projekt-baerwaldbad.de     */
/* pro.fund gmbh - berlin, germany   */
/* bereich visuelle bommunikation    */
/* file: large.css                   */
/* date: 2010-06-28                  */
/*************************************/


/*******************/
/* General         */
/*******************/

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

BODY {
    background-color:   #FFFFFF;
    text-align:         center;
}

OL, UL, LI {
    font-size:          100.1%;
    font-family:        Verdana, Arial, Helvetica, "Times New Roman", sans-serif;
    color:              #000;
}

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

A:hover, A:active {
    color:              #06656E;
}

DIV.clear {
    height:             2px;
}

DIV.center {
    text-align:         center;
}


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

#paper {
    width:              776px;
    margin: 		10px auto 0 auto;
    text-align:         left;
    font-size:		1.0625em;
    background:         url(/et_static/background.gif) repeat;
}

#header {
    width:              100%;
    height:             136px;
    background-image:   url(/et_static/header.jpg);
}

#headMenu {
    float:              left;
    padding-left:	8px;
}

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

DIV.utilityRowTop {
    clear:              both;
    width:              100%;
    height:             25px;
    background:  	url(/et_static/bgUtilityTop_m.gif) no-repeat;
}

DIV.utilityRowBottom {
    clear:              both;
    width:              100%;
    height:             25px;
    background:  	url(/et_static/bgUtilityBottom_m.gif) no-repeat;
}

DIV.utilityRowLeft {
    float:              left;
    padding-top:	1px;
    width:              164px;
    height:             24px;
    color:              #008E8B;
}

DIV.utilityRowRight {
    float:              left;
    width:              612px;    
    height:             25px;
    color:              #008E8B;
}

#main {
    width:              100%;
}

#mainLeft {
    width:              164px;
    float:              left;
    margin-top:		18px;
}

#mainMiddle {
    width:              15px;
    float:              left;
    height:		350px;
}

#mainRight {
    width:              579px;
    float:              left;
}

#content {
    padding:            13px 0 14px 0;
}

#gsearch {
    width:              134px;
    margin:		0 0 0 14px;
    background-color:   #008E8B;  
    color:		#FFFFFF;
}

#logo {
    width:              776px;
    height:		42px;
    margin:		0px auto 15px auto;
    background-color:   #FFFFFF;   
}

A.logopic, A.logopic:visited, 
A.logopic:hover, A.logopic:active {
    padding:		0 9px 0 9px;
}

#login {
    width:              776px;
    margin:		0px auto 0px auto;
    background-color:   #FFFFFF; 
    text-align:		right;  
}


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

DIV.menuBottom {
    display:            block;
    height:             16px;
}

A.off1, A.off1:visited {
    display:            block;
    margin-top:		2px;	
    padding:            2px 0 3px 13px;
    font-weight:	bold;
    text-decoration:    none;
    color:              #FFFFFF;
    background:		url(/et_static/inactive.gif) repeat;
}

A.off1:hover, A.off1:active {
    background:		url(/et_static/active1.gif) repeat;
    color:              #06656E;
    text-decoration:    none;
}

A.on1, A.on1:visited {
    display:            block;
    margin-top:		2px;    
    padding:            2px 0 3px 13px;
    font-weight:	bold;    
    text-decoration:    none;
    color:              #06656E;
    background:		url(/et_static/active1.gif) repeat;
}

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

A.off2, A.off2:visited {
    display:            block;
    margin-top:	  	2px; 
    padding:            2px 0 3px 27px;
    text-decoration:    none;
    color:              #FFFFFF;
    background:         url(/et_static/inactive.gif) repeat;
}

A.off2:hover, A.off2:active {
    background:         url(/et_static/active2_l.gif) no-repeat;
    color:              #06656E;
    text-decoration:    none;
}

A.on2, A.on2:visited {
    display:            block;
    margin-top:		2px;
    padding:            2px 0 3px 27px;
    text-decoration:    none;
    color:              #06656E;
    background:         url(/et_static/active2_l.gif) no-repeat;
}

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

A.off3, A.off3:visited {
    float:              left;
    margin-right:	2px;
    padding:            1px 7px 2px 7px;
    text-decoration:    none;
    font-weight:	bold;
    color:              #FFFFFF;
}

A.off3:hover, A.off3:active {
    color:              #06656E;
    text-decoration:    none;
    background:         url(/et_static/active3_m.gif) repeat;
}

A.on3, A.on3:visited {
    float:              left;
    margin-right:	2px;
    padding:            1px 7px 2px 7px;
    text-decoration:    none;
    font-weight:	bold;
    color:              #06656E;
    background:         url(/et_static/active3_m.gif) repeat;
}

A.on3:hover, A.on3:active {
    color:              #06656E;
    text-decoration:    none;
    background:         url(/et_static/active3_m.gif) repeat;
}

A.link, A.link:visited {
    text-decoration:    none;
    color:              #FFFFFF;
}

A.link:hover, A.link:active {
    text-decoration:    none;
    color:              #06656E;
}


/************************/
/* Ansicht Schriftgröße */
/************************/

#fontswitch {
    float:		right;
    text-decoration:	none;
    padding-right:	4px; 
}

A.fontgr, A.fontgr:visited, 
A.fontgr:hover, A.fontgr:active {
    text-decoration:    none;
    color:              #FFFFFF;
    margin-left:	0px;
}


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

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

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

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

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


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

DIV.headline {
    margin-top:         0px;
    font-size:		1.25em;
    font-weight:	bold;
    color:		#06656E;
}

DIV.text {
    margin-top:         6px;
    font-size:		1em;
    margin-bottom:	0px;
}

DIV.toptext {
    margin-top:         6px;
    font-size:		1em;
    font-weight:	bold;
    color:		#06656E;   
    margin-bottom:	0px;
}

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

IMG.center {
    margin:             8px 0px 0px 1px;
}

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

IMG.left1 {
    margin:             6px 15px 0px 0px;
    float:              left;
}

IMG.right1 {
    margin:             6px 0px 0px 0px;
    float:              left;
}

IMG.aussen {
    margin:             6px 0px 0px 0px;
    float:              left;
}

IMG.aussen1 {
    margin:             6px 0px 0px 0px;
    float:              right;
}

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

DIV.list1 {
    width:              458px;
    float:              left;
}

IMG.galeriePic {
    width:              100px;
    float:              left;
    margin:             6px 15px 9px 0px;
    text-align:		center;
}

#bigPic {
    clear:              both;
    width:		578px;
    margin-top:	        10px;
    margin-bottom:	6px;	
    text-align:         center; 
}

P.caption {
    margin-top:		3px;
    font-size:      	1em;
    font-style:     	italic;
}

#BildRE {
    float:		right;
    width:		193px;
    margin-bottom:	10px;
}

#BildLI {
    float:		left;
    width:		193px;
    margin-bottom:	10px;
}

#BildLI1 {
    float:		left;
    width:		198px;
    margin-bottom:	10px;
}

#BildLI2 {
    float:		left;
    width:		281px;
    margin-bottom:	10px;
}

#BildRE2 {
    float:		right;
    width:		281px;
    margin-bottom:	10px;
}

#BildMI {
    float:		left;
    width:		183px;
    margin-bottom:	10px;
}

#TextRE {
    float:		left;
    margin-bottom:	10px;
}

#TextLI {
    float:		left;
    margin-bottom:	10px;
}

DIV.picRight {
    width:		215px;
    margin-top:	        10px;
    margin-bottom:	6px;	
    text-align:         right; 
}

DIV.right {
    float:		left;
    margin-top:		3px;
    padding-left:	10px;
    font-size:      	1em;
    font-style:     	italic;
}

DIV.aussen {
    float:		left;
    margin-top:		3px;
    font-size:      	1em;
    font-style:     	italic;
}

DIV.left {
    float:		left;
    margin-top:		3px;
    padding-right:	0px;
    padding-left:	0px;
    font-size:      	1em;
    font-style:     	italic;
    width:		183px;
}

DIV.left1 {
    clear:		both;
    float:		left;
    margin-top:		3px;
    padding-right:	10px;
    padding-left:	0px;
    font-size:      	1em;
    font-style:     	italic;
}

DIV.centerCaption {
    margin-top:		3px;
    width:		578px;
    font-size:      	1em;
    font-style:     	italic;
    text-align:		center;
        padding-left:	1px;
}