.grid .headline h2, .grid .headline h2 p 

		{
		color: #111111 !important; 
		font-weight: bold !important;
		font-size: 36px;
		line-height: 36px;
		text-transform: none !important;
		}
	
		
.grid-groups h3 {color: #555555 !important; margin-top: 15px !important}
		
.grid .lead a {color: #f36E21 !important; font-weight: bold !important}

.grid .lead a:hover {color: #1111111 !important}
		
.grid h3 {text-transform: none !important }
		
.grid li {margin-bottom: 5px !important;}

.grid.lead p {font-size: 16px !important; }

.grid .black-text {color: #111111 !important}


.teaser-box-row {overflow: hidden}



a .teaser-box-3:hover, 
a .teaser-box-2:hover,
a .teaser-box-1-small:hover

{background: #efefef}


.teaser-box-3 h2 {font-weight: bold; text-align: center; font-size: 28px !important; line-height: 28px !important; padding-bottom: 5px !important}

.teaser-box-1 h2 {font-weight: bold; font-size: 28px !important; line-height: 28px !important; padding-bottom: 0px !important; margin-left: 90px; padding-top: 25px}

.teaser-box-1 .teaser-box-menu h2 
    {font-weight: bold; 
    text-align: left !important; 
    font-size: 18px !important; 
    line-height: 18px !important; 
    padding-bottom: 5px !important;
    margin-left: 0px !important;
    }
    
.teaser-box-1 .tablefield-wrapper {width: 90%}


.teaser-box-2 h2 {font-weight: bold; color: #f36e21; font-size: 18px !important; line-height: 18px !important; margin-bottom: 5px !important; letter-spacing: 0px !important}

.teaser-box-3 .lead {font-size: 18px !important; font-weight: normal; line-height: 20px !important}

.teaser-box-2 .lead
.teaser-box-1-small .lead {font-size: 16px !important; font-weight: normal; line-height: 18px !important}

.teaser-box-1 .lead {font-size: 18 px !important; font-weight: normal; line-height: 20px !important; margin-left: 90px; margin-top: 30px;}


.teaser-box-3 .orange-circle, .teaser-box-1 .orange-circle {text-align: center; width: 75px; ; height: 75px; background: #f36e21 !important; border-radius: 50%; -webkit-border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 10px}

.teaser-box-3 .orange-circle img, .teaser-box-1 .orange-circle img {width: 75px !important;}

.teaser-box-3 .orange-circle .fa, .teaser-box-1 .orange-circle .fa {font-size: 48px; color: #ffffff !important; padding-top: 12px}

.teaser-box-2 .orange-circle,
.teaser-box-1-small .orange-circle 

    {
    width: 50px; 
    height: 50px; 
    background: #f36e21 !important; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    position: relative; 
    left: 0; 
    text-align: center; 
    float: left; 
    }
    

.teaser-box-2 .orange-circle img,
.teaser-box-1-small .orange-circle img  {width: 50px !important;}

.teaser-box-2 .orange-circle .fa,
.teaser-box-1-small .orange-circle .fa

{font-size: 32px; color: #ffffff !important; padding-top: 9px}

.teaser-box-2 .teaser-text

{margin-left: 65px}


.teaser-box-1-small .teaser-text h2

    {
    font-weight: bold;
    font-size: 28px;
    margin-left: 55px;
    }
    
.teaser-box-1-small h3 {font-color: #f36e21 !important; margin-bottom: 5px !important}


a.link {display: block; padding-top: 15px; color: #888888 !important; font-weight: bold !important; text-transform: uppercase; width: auto !important;}

a.link:hover {color: #f36e21 !important;}

.teaser-box-3 .lead a {color: #f36e21 !important; font-weight: bold}

.lead a:hover {color: #111111 !important}

.span50 {max-width: 50%}

.span33 {max-width: 28%}

.region-grid .tablefield-wrapper {padding: 30px;}

.region-grid table {width: 100%;}