﻿/* SECTION TOP */
ul.ulistSectionTop
{
    border-bottom: 1px solid #dbdbdb;
    list-style: none;
    margin: 0;
    margin-bottom: 12px;
    max-width: 456px;
    min-height: 50px;
    padding: 0;
    padding-bottom: 12px;
}

ul.ulistSectionTop .text
{
    margin: 0;
}

ul.ulistSectionTop .content
{
    margin-top: 5px;
}

ul.ulistSectionTop div.readmore
{
    background-color: #dd0706;
    background-image: url('/grafik/Psykologi/btnReadmore.png');
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    margin-top: 12px;
    width: 70px;
}

ul.ulistSectionTop div.readmore a, ul.ulistSectionTop div.readmore a:visited
{
    display: block;
    color: #fff;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    margin: 0px 0 0 8px;
    padding-top: 3px;
    text-transform: uppercase;
}

ul.ulistSectionTop .date
{
    /*font-size: 10px;
    line-height: 20px;*/
    display:none;
}

/* ULISTSECTION */
ul.ulistSection
{
    list-style: none;
    margin: 0;
    margin-bottom: 12px;
    max-width: 456px;
    padding: 0;
}

ul.ulistSection li
{
    background-image: url('/grafik/Psykologi/section1Bg.jpg');
    background-repeat: no-repeat;
    height: 67px;
    padding-bottom: 12px;
    width: 456px;
}

ul.ulistSection .image
{
    display: none;
}

ul.ulistSection .teaser
{
    padding: 0;
    margin: 0;
}

ul.ulistSection .content
{
    float: left;
    height: 56px;
    margin: 10px 0px 0px 20px;
    position: static;
    overflow: visible;
    width: 400px;
}

ul.ulistSection .content h3, ul.ulistSection .content h3 a, ul.ulistSection .content h3 a:visited
{
    color: #fff;
    margin: 0;
}

ul.ulistSection a, ul.ulistSection a:visited
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
}

ul.ulistSection h3 a, ul.ulistSection h3 a:visited
{
    display: block;
    font-size: 20px;
    height: 25px;
    margin-bottom: 8px;
}

ul.ulistSection .readmore
{
    display: none;
}



/* ULISTSECTIONWHITE SECTION LEVEL 2 */
ul.ulistSectionWhite
{
    list-style: none;
    margin: 0;
    margin-bottom: 12px;
    max-width: 456px;
    padding: 0;
}

ul.ulistSectionWhite li
{
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    height: 95px;
    margin-bottom: 12px;
    padding-bottom: 6px;
    width: 456px;
}

ul.ulistSectionWhite .image
{
    border-right: 1px solid white;
    height: 95px;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    width: 108px;
}

ul.ulistSectionWhite .teaser
{
    padding: 0;
    margin: 0;
}

ul.ulistSectionWhite .content
{
    float: left;
    height: 70px;
    margin: 0px 12px 0 0;
    position: static;
    overflow: visible;
    width: 318px;
}

ul.ulistSectionWhite a, ul.ulistSectionWhite a:visited
{
    color: #000;
    font-size: 11px;
    line-height: 11px;
    padding: 0;
}

ul.ulistSectionWhite .content h3, ul.ulistSectionWhite .content h3 a, ul.ulistSectionWhite .content h3 a:visited
{
    display: block;
    font-size: 20px;
    /*height: 25px;*/
    line-height: 20px;
    margin: 0px;
    padding-bottom:2px;
}

ul.ulistSectionWhite div.readmore
{
    background-color: #dd0706;
    background-image: url('/grafik/Psykologi/btnReadmore.png');
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 17px;
    width: 70px;
}

ul.ulistSectionWhite div.readmore a, ul.ulistSectionWhite div.readmore a:visited
{
    display: block;
    color: #fff;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    margin: 0px 0 0 8px;
    padding-top: 3px;
    text-transform: uppercase;
}


div.colMiddle ul.ulistSmallSection li
{
	border-bottom: 3px solid #7B8489;
	width: 455px;
}

div.colMiddle ul.ulistSmallSection .image 
{
	background: none;
	display: block;
	height: 55px;
	margin: 4px 6px 0 4px;
}

div.colMiddle ul.ulistSmallSection .image img
{
	height: 55px;
	width: auto;
}

div.colMiddle ul.ulistSmallSection .content 
{
	height: 39px;
	margin-top: 4px;
}

div.colMiddle ul.ulistSmallSection .content h3 a,
div.colMiddle ul.ulistSmallSection .content h3 a:visited
{
	height: auto;
	margin-bottom: 2px;
}

div.colMiddle ul.ulistSmallSection div.readmore
{
	display: block;
}