/***************************************************************
*  Copyright notice
*
*  (c) 2006 WIV GmbH (info@wiv-gmbh.de)
*  All rights reserved
*
*
***************************************************************/
/**
 * main stylesheet for the 'Pferde.de-Relaunch 2006'-project
 *
 * @author	Andreas Richter <richter@wiv-gmbh.de>
 */


/*
 * body-tag
 *
 */

body {
    background-image:   url(../bilder/body-background.gif);
    background-repeat:  repeat-y;
    margin:				0px;
    padding:			0px;    
	}


/*
 * Layout areas - (id selectors)
 *
 */


#areaContent {
    position:           absolute;
    left:               164px;
    top:                213px;
    width:              631px;
    z-index:            1;
    padding-bottom:     50px;
    }

#areaMenu {
    position:           absolute;
    left:               164px;
    top:                188px;
    width:              631px;
    height:             25px;
    z-index:            2;
    padding-left:       85px;
    padding-top:        1px;
    }

#areaBottom {
    position:           absolute;
    left:               10px;
    bottom:             0px;
    width:              611px;
    height:             100px;
    z-index:            1;
    text-align:         center;
    border-top:         1px dotted #D7CA7D;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          10px;
    color:              #D78726;
    padding-top:        6px;
    padding-bottom:     20px;
    overflow:           visible;
    clear:				both;
    }

#areaBottom a,#areaBottom a:link,#areaBottom a:active,#areaBottom a:hover,#areaBottom a:visited {
    color:              #D78726;
    }

#areaTop {
    position:           absolute;
    left:               0px;
    top:                0px;
    width:              961px;
    height:             188px;
    z-index:            1;
    background-image:   url(../bilder/top-background.gif);
    background-repeat:  repeat-x;
    }

#areaTopMenu {
    position:           absolute;
    left:               549px;
    top:                0px;
    width:              412px;
    height:             18px;
    background-image:   url(../bilder/topMenu-background.gif);
    background-repeat:  repeat-x;
    vertical-align:     bottom;
    }

#areaTopMenuLeft {
    position:           absolute;
    left:               538px;
    top:                0px;
    width:              11px;
    height:             18px;
    background-image:   url(../bilder/topMenu-left.gif);
    background-repeat:  no-repeat;
    }

#areaTopAds {
    position:           absolute;
    left:               239px;
    top:                25px;
    padding:            1px;
    background-color:   #FFFFFF;
    }	
	
#areaLeft {
    position:           absolute;
    left:               0px;
    top:                188px;
    width:              155px;
    z-index:            2;
    padding-bottom:     50px;
    }

#areaRight {
    position:           absolute;
    left:               806px;
    top:                213px;
    width:              156px;
    z-index:            2;
    margin:             1px;
    padding-bottom:     50px;

    }

#areaBackground {
    position:           absolute;
    left:               0px;
    top:                0px;
    width:              961px;
    height:             300px;
    z-index:            0;
    background-image:   url(../bilder/background/bg02/background.jpg);
    background-repeat:  no-repeat;
    }


#areaBigSizeAd {
    background-image:   url(../bilder/bigsize-background.gif);
    background-repeat:  repeat-y;
	background-color:	#89ba16;
	/*
	padding-left:		164px;
	*/
	padding-left:		5px;	
	padding-top:		5px;
} 
/*
 * areaMenu
 *
 */

/*
 * areaMenu
 *
 */

.menuItem3641 {
    position:           absolute;
    left:               419px; /*0px*/
    top:                1px;
    z-index:            6;
}
.menuItem3 {
    position:           absolute;
    left:               310px; /*104px;*/
    top:                1px;
    z-index:            7;
    }
     
.menuItem2 {
    position:           absolute;
    left:               0px; /*207px;*/
    top:                1px;
    z-index:            10;
    }

.menuItem4 {
    position:           absolute;
    left:               107px; /*310px;*/
    top:                1px;
    z-index:            9;
    }

.menuItem5 {
    position:           absolute;
    left:               207px; /*416px;*/
    top:                1px;
    z-index:            8;
    }

.menuItem3166 {
    position:           absolute;
    left:               518px;
    top:                1px;
    z-index:            5;
    }
 

#MenuMainx5 {
    position:           absolute;
    left:               419px;
    top:                26px;
    width:              132px;
    background-color:   #E1E35F;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    }     
 
#MenuMainx0 {
    position:           absolute;
    left:               310px;
    top:                26px;
    width:              132px;
    background-color:   #87A1BC;    
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    }

#MenuMainx1 {
    position:           absolute;
    left:               0px;
    top:                26px;
    width:              132px;
    background-color:   #AA9A83;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    }

#MenuMainx2 {
    position:           absolute;
    left:               107px;
    top:                26px;
    width:              132px;
    background-color:   #CB929E;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    }

#MenuMainx3 {
    position:           absolute;
    left:               207px;
    top:                26px;
    width:              132px;
    background-color:   #F3DFBE;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    }
    

#MenuMainx4 {
    position:           absolute;
    left:               497px;
    top:                26px;
    width:              132px;
    background-color:   #C07D70;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    display:			none;
    } 
       
    

.menuEntry {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    }
    
.menuButtonCommunityInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
	}
	
.menuButtonCommunityActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #446C97;
    cursor:				pointer;    
	}	
	
.menuButtonPferdemarktInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
	}

.menuButtonPferdemarktActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #725730;
    cursor:				pointer;    
	}	
	
.menuButtonKleinanzeigenInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
	}
	
.menuButtonKleinanzeigenActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #A84A5D;
    cursor:				pointer;    
	}	
	
.menuButtonReiterferienInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #222222;
    padding:            3px 6px 3px 6px;
	}
	
.menuButtonReiterferienActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #D78726;
    cursor:				pointer;    
	}	
.menuButtonReiterferienActive a {
    color:              #FFFFFF;
	}

.menuButtonShoppingInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
	}

.menuButtonShoppingActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #B8402A;
    cursor:				pointer;    
	}	
		

.menuButtonWebverzeichnisInactive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #222222;
    padding:            3px 6px 3px 6px;
	}

.menuButtonWebverzeichnisInactive a {	
    color:              #222222;
    }

.menuButtonWebverzeichnisActive {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    background-color:   #abad06;
    cursor:				pointer;    
	}

.menuButtonWebverzeichnisActive a {
    color:              #FFFFFF;
    text-decoration:	none;
	}
.menuSpacer {
    margin:            	3px 6px 3px 6px;
	border-bottom:		1px dotted #FFFFFF;
    }    

#MenuMainx0 a {
    text-decoration:    none;
    color:              #FFFFFF;
    }
#MenuMainx0 a:hover {
    background-color:   #446C97;
    }

#MenuMainx0 a:hover .menuButtonCommunityInactive  {
    background-color:   #446C97;
    }

#MenuMainx1 a {
    text-decoration:    none;
    color:              #FFFFFF;
    }
#MenuMainx1 a:hover {
    background-color:   #725730;

    }

#MenuMainx1 a:hover .menuButtonPferdemarktInactive  {
    background-color:   #725730;
    }

#MenuMainx2 a {
    text-decoration:    none;
    color:              #FFFFFF;
    }
#MenuMainx2 a:hover {
    background-color:   #A84A5D;
    }

#MenuMainx2 a:hover .menuButtonKleinanzeigenInactive  {
    background-color:   #A84A5D;
    }

#MenuMainx3 a .menuButtonReiterferienInactive {
    color:              #222222;
    }

#MenuMainx3 a {
    text-decoration:    none;
    color:              #222222;    
    }
#MenuMainx3 a:hover {
    background-color:   #D78726;
    color:              #FFFFFF;
    }

#MenuMainx3 a:hover .menuButtonReiterferienInactive  {
    background-color:   #D78726;
    color:              #FFFFFF;
    }

#MenuMainx4 a .menuButtonShoppingInactive {
    color:              #FFFFFF;
    }

#MenuMainx4 a {
    text-decoration:    none;
    color:              #FFFFFF;    
    }
#MenuMainx4 a:hover {
    background-color:   #B8402A;
    }

#MenuMainx4 a:hover .menuButtonShoppingInactive  {
    background-color:   #B8402A;
    }    
    
    
#MenuMainx5 a .menuButtonWebverzeichnisInactive {
    color:              #222222;
    }

#MenuMainx5 a {
    text-decoration:    none;
    color:              #222222;    
    }
#MenuMainx5 a:hover {
    background-color:   #ABAD06;
    color:				#FFFFFF;
    }

#MenuMainx5 a:hover .menuButtonWebverzeichnisInactive  {
    background-color:   #ABAD06;
    color:				#FFFFFF;    
    }      
    
/*
 * areaTop
 *
 */

.topMenuFlags {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          9px;
    color:              #B7C6AF;
    vertical-align:     bottom;
    height:             18px;
    padding-left:       10px;
    }

.topMenuFlags a,.topMenuFlags a:link,.topMenuFlags a:hover,.topMenuFlags a:active,.topMenuFlags a:hover {
    color:              #B7C6AF;
    text-decoration:    none;
    margin-left:        6px;
    }

.topMenuFlags img {
    margin-left:        13px;
    }

.topMenuVLine {
    margin-left:        19px;
    margin-top:         2px;
    }

.topMenuInfosites {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          9px;
    color:              #B7C6AF;
    vertical-align:     bottom;
    height:             18px;
    margin-top:         3px;
    }

.topMenuInfosites a,.topMenuInfosites a:link,.topMenuInfosites a:hover,.topMenuInfosites a:active,.topMenuInfosites a:hover {
    color:              #B7C6AF;
    text-decoration:    none;
    margin-left:        13px;
    }


/*
 * areaRight
 *
 */

.areaRightContent img {
    border-bottom:      3px solid #FFFFFF;
    }


/*
 * areaLeft
 *
 */

#leftButtonHome {
    margin-top:         1px;
    }

.leftContent {
    width:              155px;
    text-align:         center;
    padding-top:        30px;
    border-bottom:      0px;
    }
    
.leftMenuMagazin {    
    background-color:   #87A1BC;
    padding:			3px 0px 3px 0px;
    border-bottom:		3px solid #FFFFFF;
    margin:				0px;    
    width:				154px;
    }
.leftMenuEntryMagazin {
    background-color:   #87A1BC;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    width:				142px;
    margin:				0px;
    padding:            3px 0px 3px 12px;
	}    
   
.leftMenuMagazin a {
    text-decoration:    none;
    color:              #FFFFFF;
    }
.leftMenuEntryMagazin a:hover {
    background-color:   #446C97;
    }

a:hover .leftMenuEntryMagazin  {
    background-color:   #446C97;
    }	
    
.leftMenuEntryMagazinActive {
    background-color:   #446C97;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    width:				142px;
    margin:				0px;
    padding:            3px 0px 3px 12px;
	}        
	 
.leftMenuEntryMagazinL2 {
    background-color:   #E5E9E8;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #446C97;
    width:				130px;
    margin:				0px;
    padding:            3px 0px 3px 24px;
	}    
   
.leftMenuMagazinL2 a {
    text-decoration:    none;
    color:              #FFFFFF;
    }
.leftMenuEntryMagazinL2 a:hover {
    background-color:   #446C97;
    color:              #FFFFFF;    
    }

a:hover .leftMenuEntryMagazinL2  {
    background-color:   #446C97;
    color:              #FFFFFF;    
    }		
	
/*
 * areaContent
 *
 */

.headline {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    font-weight:        bold;
    color:              #D78726;
    position:           absolute;
    left:               15px;
    top:                30px;
    }

#rootline {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          10px;
    color:              #838380;
    position:           absolute;
    right:              19px;
    top:                9px;
    text-align:         right;
    }

#rootline a,#rootline a:link,#rootline a:hover,#rootline a:active,#rootline a:visited {
    text-decoration:    none;
    color:              #838380;
    }

#content {
    padding:            60px 13px 80px 13px;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #333333;
    }

#bookmark-ads img {
	margin-left:		40px;
	margin-top:			10px;
}    
	

/*********************************************************************
 * login-container
 ********************************************************************/

.logindiv {
	width:				154px;
	height:				125px;
	background-image:	url(../bilder/containers/myAccountBackground.gif);
    border-bottom:      3px solid #FFFFFF;
    display:			block;
    position:			relative;	
	}    

#wivPortalSystem_loginContainer_loggedIn {
	margin-top:			-128px;
	}	
	
#wivPortalSystem_loginContainer_title {
	width:				144px;
	text-align:			right;
	font-size:			10px;
	color:				#FFFFFF;
	font-weight:		bold;
    font-family:        Verdana, Helvetica, sans-serif;	
	margin-right:		15px;
	padding-top:		5px;
	}	
	
.wivPortalSystem_loginContainer_fieldTitle {
	font-size:			10px;
	color:				#FFFFFF;
    font-family:        Verdana, Helvetica, sans-serif;	
	margin-left:		5px;    
	}	
	
.wivPortalSystem_loginContainer_textInput60pc {
    font-family:        Verdana, Helvetica, sans-serif;	
	color:				#222222;
	width:				60%;
	border:				1px solid #254365;
	background-color:	#A6B7CA;
	padding:			1px;
	font-size:			10px;
	height:				14px;
	margin-left:		5px;
	/*
	margin-bottom:		5px;
	*/
	}	
	
#wivPortalSystem_loginContainer_button {
	position:			absolute;
	left:				72px;
	top:				77px;
	}
	
* html img#wivPortalSystem_loginContainer_button {
	top:				80px;
	}
*+html img#wivPortalSystem_loginContainer_button {
	top:				80px;
	}
		
#wivPortalSystem_loginContainer_remember {
	margin-top:			20px;
	}	
	
* html input#wivPortalSystem_loginContainer_remember {
	margin-top:			15px;
	}
*+html input#wivPortalSystem_loginContainer_remember {
	margin-top:			12px;
	}	
	
#wivPortalSystem_loginContainer_forgottenPassword {
	font-size:			10px;
	color:				#CCCCCC;
    font-family:        Verdana, Helvetica, sans-serif;	
	margin-left:		5px; 
	width:				50%;
	line-height:		8px;
	}	
	
.wivPortalSystem_loginContainer_ajaxMessage {
	width:				144px;
	padding:			5px;
	border:				1px solid #507A3F;
	background-color:	#ACC7A3;
	color:				#FFFFFF;
	font-weight:		bold;
    font-family:        Verdana, Helvetica, sans-serif;		
	font-size:			10px;    
	height:				72px;
	display:			none;
	margin-top:			-100px;
	z-index:			10;
	position:			absolute;
	}	
	
.wivPortalSystem_loginContainer_ajaxMessage input {
	clear:				both;
	width:				80px;
	margin-left:		37px;
	margin-top:			5px;
	}	
	
#wivPortalSystem_loginContainer_loginNameTitle {
    font-family:        Verdana, Helvetica, sans-serif;		
	font-size:			10px; 
	color:				#FFFFFF;	
	margin-left:		5px; 
	padding-top:		10px;	
	}	
	
#wivPortalSystem_loginContainer_loginName {
    font-family:        Verdana, Helvetica, sans-serif;		
	font-size:			10px; 
	color:				#FFFFFF;	
	margin-left:		5px; 
	font-weight:		bold;	
	}
	
#wivPortalSystem_loginContainer_logoutLink {
	margin-top:			15px;
	margin-left:		5px; 	
    font-family:        Verdana, Helvetica, sans-serif;		
	font-size:			10px; 
	color:				#FFFFFF;	
	}
#wivPortalSystem_loginContainer_logoutLink a {
	color:				#FFFFFF;
	}
	
	
#wivPortalSystem_loginContainer_myAccountLink {
	margin-top:			15px;
	margin-left:		5px; 	
    font-family:        Verdana, Helvetica, sans-serif;		
	font-size:			10px; 
	color:				#FFFFFF;
	font-weight:		bold;
	}
	
#wivPortalSystem_loginContainer_myAccountLink a {
	color:				#FFFFFF;
	}
	
	

/*********************************************************************
 * Google AdSense
 ********************************************************************/
 
.adsense-content {
	width:			100%;
	border: 		1px solid #8795A4;
}


#fulltextSearchBox {
	background-color:	#87A1BC; 
	font-size:			10px; 
	color:				#FFFFFF; 
	font-family:		Verdana; 
	padding-bottom: 	2px; 
	padding-left: 		10px; 
	margin-top:			-3px;
	width: 				144px;
	}
	
/*	
* html div#fulltextSearchBox {
	width: 				154px;
	}
*/
	
#fulltextSearchBoxButton {
	border:				0px;
	margin-bottom:		-7px;
	}	
	
	

#areaBackground {
    position:           absolute;
    left:               0px;
    top:                0px;
    width:              961px;
    height:             124px;
    z-index:            0;
    background-image:   url(http://images.pferde.de/bilder/background/background.gif);
    background-repeat:  no-repeat;
    }
    

#areaContent {
    position:           absolute;
    left:               164px;
    top:                37px;
    width:              631px;
    z-index:            1;
    padding-bottom:     50px;
    }    
    
#areaMenu {
    position:           absolute;
    left:               164px;
    top:                12px;
    width:              631px;
    height:             25px;
    z-index:            2;
    padding-left:       85px;
    padding-top:        1px;
    font-family:        Verdana, Helvetica, sans-serif;    
    }    
    
#areaLeft {
    position:           absolute;
    left:               0px;
    top:                12px;
    width:              155px;
    z-index:            2;
    padding-bottom:     50px;
    }

#areaRight {
    position:           absolute;
    left:               806px;
    top:                37px;
    width:              156px;
    z-index:            2;
    margin:             1px;
    padding-bottom:     50px;
    } 	
    
#logoBottom {
	width:				154px; 
	background-color:	#87b816; 
	color:				#FFFFFF;
    font-family:        Verdana, Helvetica, sans-serif;  
    font-size:			11px;
    font-weight:		bold;
    padding-top:		20px;
    padding-bottom:		20px;
    margin-top:			-2px;	
}

#logoBottom div {
	padding-left:		10px;
	padding-bottom:		5px;
}

#logoBottom img {
	position:			relative;
	top:				2px;
}

#logoBottom a {
	color:				#FFFFFF;
	text-decoration:	none;
}