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



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


#areaContent {
    }

#areaMenu {
    display:			none;
    }

#areaBottom {
    display:			none;
    }

#areaTop {
    display:			none;
    }

#areaTopMenu {
    display:			none;
    }

#areaTopMenuLeft {
    display:			none;
    }

#areaTopAds {
    display:			none;
    }

#areaLeft {
    display:			none;
    }

#areaRight {
    display:			none;
    }

#areaBackground {
    display:			none;
	}
	
#areaBigSizeAd {
    display:			none;
	}

/*
 * areaMenu
 *
 */

.menuItem2 {
    position:           absolute;
    left:               84px;
    top:                1px;
    z-index:            10;
    }

.menuItem3 {
    position:           absolute;
    left:               218px;
    top:                1px;
    z-index:            9;
    }

.menuItem4 {
    position:           absolute;
    left:               351px;
    top:                1px;
    z-index:            8;
    }

.menuItem5 {
    position:           absolute;
    left:               485px;
    top:                1px;
    z-index:            7;
    }

#MenuMainx0 {
    position:           absolute;
    left:               248px;
    top:                213px;
    width:              144px;
    background-color:   #AA9A83;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    }

#MenuMainx1 {
    position:           absolute;
    left:               382px;
    top:                213px;
    width:              144px;
    background-color:   #87A1BC;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    }

#MenuMainx2 {
    position:           absolute;
    left:               515px;
    top:                213px;
    width:              144px;
    background-color:   #CB929E;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    }

#MenuMainx3 {
    position:           absolute;
    left:               649px;
    top:                213px;
    width:              144px;
    background-color:   #F3DFBE;
    border:             1px solid #FFFFFF;
    padding-top:        3px;
    padding-bottom:     3px;
    }

.menuEntry {
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          11px;
    color:              #FFFFFF;
    padding:            3px 6px 3px 6px;
    }
    
.menuSpacer {
    margin:            	3px 6px 3px 6px;
	border-bottom:		1px dotted #FFFFFF;
    }    

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

#MenuMainx0 a:hover .menuEntry  {
    background-color:   #725730;
    }

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

#MenuMainx1 a:hover .menuEntry  {
    background-color:   #446C97;
    }

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

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

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

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

#MenuMainx3 a:hover .menuEntry  {
    background-color:   #D78726;
    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;
    border-bottom:      3px solid #FFFFFF;
    }

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

    

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

.wivPortalSystem_loginContainer {
	width:				154px;
	height:				125px;
	background-image:	url(../images/containers/myAccountBackground.gif);
    border-bottom:      3px solid #FFFFFF;
    display:			block;
    visibility:			hidden;
    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;  
	margin-top:			-5px;  
	}	
	
.wivPortalSystem_loginContainer_textInput60pc {
    font-family:        Verdana, Helvetica, sans-serif;	
	color:				#222222;
	width:				60%;
	border:				1px solid #507A3F;
	background-color:	#ACC7A3;
	padding:			1px;
	font-size:			10px;
	height:				14px;
	margin-left:		5px;
	margin-bottom:		5px;
	}	
	
#wivPortalSystem_loginContainer_button {
	position:			absolute;
	left:				72px;
	top:				72px;
	}
	
#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;
	}