/*********table of contents********************/

/*this class .backmargpad has to appear above .menuheading so menuheading cancels some of its stuff*/  
.backmargpad {
    background: #d1d1e0;
    margin:5px 20px 5px 20px;
    padding: 2px 5px 2px 5px;}    
    
.menuheading {
    margin-left: 0; 
    margin-right: 0; 
    float: none;} 
	
.bookmarx1 {
	float: none;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
}

.bookmarx2 {
	float: none;
	padding: 2px 5px 2px 20px;
}

.contentstable {
    padding: 10px;
    background-color: #b3b3cc; 
    list-style-type: none; 
    border: gray 3px solid;	
	border-radius: 25px;
	max-width: 50%;
	margin: 0 auto 15px auto;
}    
    
.nofloat {
    float: none; 
}

.contentlinks {    
    color: black;
    text-align: left;
    display: inline;
        
}

a.contentlinks:link { color: blue; text-decoration:none; font-weight:normal;}
a.contentlinks:visited { color: green; text-decoration:none; font-weight:normal;}
a.contentlinks:hover { color: red; text-decoration:underline; font-weight:normal;}
a.contentlinks:active { color: magenta; text-decoration:none; font-weight:normal;}

.topopage {    
    color: blue;
    text-align: left;
    display: inline;        
}

a.topopage:link { color: blue; text-decoration:none; font-weight: bold;  font-size: .77em;}
a.topopage:visited { color: blue; text-decoration:none; font-weight: bold;  font-size: .77em;}
a.topopage:hover { color: red; text-decoration:underline; font-weight:normal;  font-size: .77em;}
a.topopage:active { color: green; text-decoration:none; font-weight:normal;  font-size: .77em;}
    
.smallcapsbold {
    font-size: .77em;
    font-weight: bold;
}

.artiklgrafix {
    
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 15px;/*this is needed or the bullets won't be seen*/
    list-style-type: square;
}

/************LOGO/BANNER TRANSITION*******************/

.pinko {
    width: 30%;
    height: auto;
    background: #C9C99F;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.pinko:hover {
    width: 100%;
	height: auto;
}