/* Global
-------------------------*/

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	background: #fff url('http://scharbeutz.de/fileadmin/templates/images/global/body_bg.gif') repeat-x center 280px;
	color: #000;
}

img {
	border: 0;
}

h1 {
	margin-bottom: 0;
}
h2,
.csc-mailform-label,
.survey_item legend {
	font-size: 0.9em;
}

p, li, td, th, h3, dt, dd, span.radiobutton, div.questionComment {
	font-size: 0.7em;
	line-height: 1.6em;
}

li li, td p, td td {
	font-size: 100%;
}

td, th{
	text-align: left;
	vertical-align: top;
}

td h2 {
	font-size: 130%;
}

a {
	color: #06c;
	text-decoration: none;
}

a:visited {
	color: #06c;
}

a:hover {
	color: #285fc3;
	text-decoration: underline;
}
	
.Clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
} 

.DoNotPrint {
	/*definied in print sheet - only here for IDE intellisense*/
}

.Top {
	margin-top: 0 !important;
}

.Left {
	float: left;
}

.Right {
	float: right;
}

.Centered {
	text-align: center;
}

.RightAligned {
	text-align: right;
} 

.PicInsertLeft, .PicInsertRight {
	float: left;
	background-color: #fee4b2;
	width: 195px;
	margin: 5px 11px 11px 0;
}

.PicInsertRight { 
	margin: 5px 0 11px 11px;
	float: right;
}

.PicInsertLeft p, .PicInsertRight p {
	margin: 2px 4px 5px 4px;
	line-height: 1em;
}

.Thumbnail {
	position: relative;
}

.Thumbnail img {
	vertical-align: bottom;
}

.ZoomIcon {
	position:absolute; 
	bottom: 5px; 
	right: 5px;
}

.GoogleMap {
	border: 1px #333 solid;
	margin: 24px 0;
}

.LinkToTop {
	font-size: 11px;
	line-height: 13px;
}

.LinkToTop a {
	float: right;
	background: #ffd089 url('http://scharbeutz.de/fileadmin/templates/images/global/top_arrow.gif') no-repeat 0 0;
	padding: 0 2px 0 16px;
	height: 14px;
	text-decoration: none;
	color: #000;
}

.NoWrap {
	white-space: nowrap;
}

.Disabled {
	color: #666;
}

/* Lists
-------------------------*/
ul, li  {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul {
	margin: 10px 0 10px 0;
}

li {
	background: url('http://scharbeutz.de/fileadmin/templates/images/global/bullet.gif') no-repeat 9px 7px;
	padding-left: 20px;
	margin-bottom: 0px;
}

.InlineList li {
	background-image: none;	
	padding: 0;
}

.InlineList li {
	display: inline;
}

.ListWithArrow li {
	background-image: url('http://scharbeutz.de/fileadmin/templates/images/global/arrow_bullet.gif')
}

iframe {
	z-index: 10;
	position: relative;
}

/* Forms
-------------------------*/
form {
	margin: 0;
	padding: 0;
}

label {
	font-weight: bold;	
}

label.AlignedLeft, .csc-mailform-field label {
	display: block;
	float: left;
}

.csc-mailform-field .mailform-label-wrap {
	display: block;
	float: left;
	padding-right: 6px;
	width: auto;	
	min-width: 200px;
}

.Wide {
	width: 350px;
}

optgroup {
	font-style: normal;
	color: #000;
	font-weight: bold;
	background-color: #feecc9;
}

option {
	background-color: #fff;
}

.csc-mailform-field label {
	font-size: 0.7em;
	line-height: 1em;
	padding-left: 10px;
	padding-top: 6px;
}

.FormArea, .csc-mailform {
	border: 1px #f90 solid;
	background-color: #fff9ef;
	padding: 0;
}

.FormArea h2, div.csc-mailform-label {
	background-color: #ffd089;
	border-bottom: 1px #f90 solid;
	margin: 0;
	padding: 2px 10px;
}

div.csc-mailform-label {
	margin-bottom: 6px;
}

.csc-mailform-field fieldset legend {
	display: none;
}

.csc-mailform-radio label {
	float: none;
	display: inline;
	font-weight: normal;
	vertical-align: top;
}

.FormArea h3 {
	margin: 10px 0 4px 0;
}

.FormArea p, .csc-mailform-field {
	margin: 0 24px 10px 10px;
}

.csc-mailform-field {
	height: auto;
}

.csc-mailform-field textarea {
	margin: 2px 10px;
	padding: 4px;
}

.FormArea .Padding {
	padding: 2px 10px;
}

.csc-mailform-field fieldset {
	border: 0;
	padding: 0;
}

.DateInputs input {
	width: 80px;
}

.DateInputs img {
	position: relative;
	top: 2px;
	margin-right: 15px;
}

.FormButtons {
	text-align: right;
	margin-right: 24px;
}

.csc-mailform-submit {
	margin: 2px 10px;
}

.FormButtons Input, .csc-mailform-submit {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/button_bg.gif') repeat-x left top;
	border: 1px #ccc outset;
	border-style: outset;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 20px;
}

/* Tables
-------------------------*/
.contenttable {
	border-collapse: collapse;
	border: 1px #f90 solid;
	width: 100%;
	clear: both;
}

.contenttable th {
	background-color: #ffd089;
	border-bottom: 1px #f90 solid;
}

.contenttable tr {
	background-color: #fff;
}

.contenttable tr.Alternate {
	background-color: #fff9ef;
}

.contenttable th, .contenttable td {
	padding: 5px 7px 5px 7px;
	line-height: 1.3em;
}

.Paging {
	margin-top: 4px;
	text-align: right;
}

.Paging a, .Paging span {
	padding-right: 5px;
}

.IndexTable h2 {
	margin: 0;
}

.IndexTable p {
	margin-top: 0;
}

.IndexTable td {
	padding-bottom: 20px;
}

.IndexTable img {
	margin-right: 10px;
}

.BilderGalerie table {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/dot.gif') repeat-x left bottom;
}

.BilderGalerie td {
	padding: 0 20px 18px 0;
	width: 135px;
	line-height: 1.4em;
}

.BilderGalerie td img {
	margin-bottom: 5px;
}

.BilderGalerie td.Last {
	padding-right: 0;
}

.BilderGalerie .Date {
	color: #666;
	margin: -10px 0 5px 0;
}

/* Boxes
-------------------------*/
.RoundedCornerBox {
	border: 1px #ccc solid;
}

.RoundedCornerBox .BoxTop, .RoundedCornerBox .BoxBottom {
	position: relative;
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/topleft.gif') no-repeat top left;
	left: -1px;
	top: -1px;
} 

.RoundedCornerBox .BoxTop div, .RoundedCornerBox .BoxBottom div {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/topright.gif') no-repeat top right;
	position: relative;
	left: 2px;
	font-size: 1px;
	height: 5px;
}

.RoundedCornerBox .BoxBottom {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/bottomleft.gif') no-repeat bottom left;
	top: 1px;
}

.RoundedCornerBox .BoxBottom div {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/bottomright.gif') no-repeat bottom right;
}

.MainBox {
	background: #fff1d6 url('http://www.scharbeutz.de/fileadmin/templates/images/global/content_bg.gif') repeat-y left top;
}

.MainBox .BoxTop {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/content_topleft.gif');
}
.MainBox .BoxTop div  {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/content_topright.gif');
}
.MainBox .BoxBottom {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/content_bottomleft.gif');
}
.MainBox .BoxBottom div {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/content_bottomright.gif');
}
.MainBox .BoxTop div, .MainBox .BoxBottom div {
	height: 9px;
}

#SideBar .RoundedCornerBox {
	background-color: #bfdaf0;
}

#SideBar .Fade {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/boxes/sidebarbox_bg.gif') repeat-x left top;
	padding-top: 11px;
}

/* Layout
-------------------------*/
#MainArea {
	z-index: 0;
}

#Top, #TopNav, #MainArea {
	width: 900px;
	text-align: left;
	margin: 0px auto;
}

/* Top -------------------------*/

#TopBg {
	border-top: 20px #ffd176 solid;
	background-color: #ffecc4;
	height: 72px;
}

#Top {
	position: relative;
}

#Top div, #Top p {
	position: absolute;
	margin-top: 0;
}

#Top #LogoSymbol {
	top: 9px;
	left: 0;
}

#Top #LogoText {
	top: 12px;
	left: 62px;
}

#Top #Urlaubshotline {
	top: 44px;
	left: 62px;
}

#Top #Search {
	top: 12px;
	right: 0;
	font-size: 0.7em;
}

#Top #Search form {
	display: inline;
	margin-left: 4px;
}

#Top #Search img {
	position: relative;
	top: 2px;
}

#Top #Search input {
	margin-right: 4px;
	font-size: 11px;
	position:relative;
	top: -1px;
}

/* Nav -------------------------*/

#TopNavBg {
	background: #8bbfea url('http://www.scharbeutz.de/fileadmin/templates/images/dummy/main_pictures/banner_freizeitangebot.jpg') no-repeat center center;
	border-bottom: 5px #ffc23f solid;
	height: 201px;
}

#TopNavBg2 {
	background: url("http://scharbeutz.de/fileadmin/templates/images/global/header-mask.png") no-repeat scroll left top transparent;
	height: 201px;
	margin-left: -41px;
	position: absolute;
	width: 983px;
	z-index: 50;
}

* + html #TopNavBg2, * html #TopNavBg2 {
	margin-left: -91px;
}

#SiteNavigation {
	margin: 0 0 0 50px;
}

#SiteNavigation li {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/tabs/tab_left.gif') no-repeat left top;
	margin:0 8px 0 0;
	padding: 0; 
	float:left;
	position:relative;
	top: 176px;
	line-height: 13px;
	font-size: 11px;
	height: auto;
	z-index:80;
}

#SiteNavigation li a, #SiteNavigation li span {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/global/tabs/tab_right.gif') no-repeat right top;
	padding:6px 15px 6px 12px;
	color: #fff;
	float:left;
	display:block;
	text-decoration:none;
	font-weight: bold;
	position: relative;
	left: 3px;
	text-align: center;
	white-space: nowrap;
}

#SiteNavigation li.act {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/tabs/tab_act_left.gif');
}

#SiteNavigation li.act a, #SiteNavigation li.act span {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/tabs/tab_act_right.gif');
	color: #000;
}

#SiteNavigation li div {
	position: relative;
}

#SiteNavigation li div ul {
	position: absolute;
	display: none;
	background-color: #ffc23f;
	border: none;
	width: 200px;
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	z-index: 200;
}

#SiteNavigation li:hover ul {
	display: block;
	top: auto;
}

#SiteNavigation li:hover {
	background-color: #ffc23f;
}

#SiteNavigation li div ul li {
	position: relative;
	top: auto;
	background: none;
	display: block;
	width: 200px;
	border-top: 1px #fee4b2 solid;
	border-left: 1px #fee4b2 solid;
	border-right: 1px #fee4b2 solid;
}

#SiteNavigation li div ul li a {
	background-image: none;
	text-decoration:none;
	font-weight:normal;
	color: #000000;
	font-size: 11px;
	width: 100%;
	text-align: left;
}

#SiteNavigation li div ul li a.subact {
	font-weight:bold;
}

#SiteNavigation li div ul li:hover {
	background-color: #fee4b2;
}

/* Main area -------------------------*/

#MainArea { 
	margin-top: 14px;
}

#MainContent {
	width: 635px;
	float: left;
	padding: 0 0 0 17px;
}

.WithSideBar .MainBox {
	width: 685px;
	float: left;
}

.WithSideBar #MainContent { 
	width: 420px;
	padding-right: 19px;
}


.Details {
	width: 171px;
	padding: 11px 8px 0 8px;
	border: 1px #f90 solid;
	background-color:#fff9ef;
	margin: 17px 0 20px 25px;
	float: right;
}

.Details h3 {
	margin: 0;
}

.Details p {
	margin: 0 0 10px 0;
}

/* Left Nav-------------------------*/

#LeftNav {
	width: 217px;
	float: left;
	min-height: 1px;
}

#LeftNav ul, #LeftNav p {
	margin: 10px 12px;
}

#LeftNav ul ul {
	margin: 0;
	border-top: 1px #f90 solid;
}

#LeftNav li {
	background: none;
	margin: 0 0 3px 0;
	padding:0;
	border: 1px #f90 solid;
	line-height: 1em;
}

#LeftNav li li {
	border: 0;
	margin: 0;
}

#LeftNav li a, #LeftNav li span {
	display: block;
	text-decoration: none;
	background: #fdd892 url('http://www.scharbeutz.de/fileadmin/templates/images/global/leftnav_bullet.gif') no-repeat 10px 9px;
	padding: 5px 5px 5px 23px;
}

#LeftNav li.empty {
	background: none;
	border: none;
}

#LeftNav li.headline {
	border: none;
	margin: 0;
}
#LeftNav li.headline h3 {
	margin: 0 0 3px 0;
	font-size: 1.1em;
	border: 1px #f90 solid;
}

#LeftNav li.act a, #LeftNav li.subact a {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/leftnav_bullet_act.gif');
}

#LeftNav h3 {
	background-color: #feecc9;
	border-top: 1px #f90 solid;
	border-bottom: 1px #f90 solid;
	padding: 2px 3px 2px 12px;
	color: #f90;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 1px 13px 0;
	font-size: 0.9em;
}

#LocalNav li a {
	color: #000;
	font-weight: bold;
}

#LocalNav li ul li a {
	font-weight: normal;
}

#LocalNav li ul li a.act {
	font-weight: bold;
}


#LocalNav li.act a, #LocalNav li.act span, #LocalNav li a:hover {
	background-color: #feecc9;
}

#LocalNav li.act li a {
	background-image: none;
}

#LocalNav li.act a:hover {
	background-color: #fedba1;
}

#SeeMoreNav li {
	border-color: #fecd7c;
}

#SeeMoreNav a:hover {
	text-decoration: underline;
}

#SeeMoreNav li a, #SeeMoreNav li span {
	background-image: url('http://www.scharbeutz.de/fileadmin/templates/images/global/morenav_bullet.gif');
	background-color: #feecc9;
}

/* Breadcrumb  -------------------------*/

#Breadcrumb, #Breadcrumb a {
	color: #999;
	margin-top: 0;
}

#Breadcrumb a {
	text-decoration: underline;
}

/* Sidebar -------------------------*/

#SideBar {
	width: 196px;
	float: right;
	margin-bottom: 80px;
}

#SideBar h3 {
	margin: 4px 0 5px 9px;
	font-size: 1em;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
}

#SideBar h4 { 
	font-size: 0.8em;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px #036 solid;
	padding: 0 0 4px 10px;
	margin: 0 0 0 0;
}

#SideBar .RoundedCornerBox {
	margin-bottom: 10px;
}

#SideBar .Unterkunfte {
	margin-bottom: 0;
}

#SideBar  p {
	margin: 0;
	line-height: 1.3em;
}

#SideBar .RoundedCornerBox p {
	margin: 10px 13px;
}

#SideBar .Caption {
	color:#666;
	margin-bottom: 10px;
}

#SideBar .BoxBottom {
	position:relative;
}

#SideBar .Unterkunfte h3, #SideBar .Anreise h3  {
	margin: 0 0 0 9px;
}

#SideBar .Unterkunfte p, #SideBar .Anreise p {
	margin: 0;
}

#SideBar .Unterkunfte p img, #SideBar .Anreise p img {
	position: relative;
	top: 6px;
}

#SideBar h3 {
	margin: 4px 0 5px 9px;
}

#SideBar .Lageplane {
	margin-top: -7px;
}

#SideBar input, #SideBar select {
	font-size: 11px;
}

/* Footer -------------------------*/

#Footer {
	background-color: #fff1d6;
	position:relative;
	margin: 35px 0 23px 0;
}

.WithSideBar #Footer {
	margin-top: 23px;
}


#Footer p {
	margin: 3px 0 9px 13px;
	font-style: normal;
}

#Footer .Gumba {
	position:absolute;
	left: 718px;
	top: -102px;
	display: none;
}

.WithSideBar #Footer .Gumba { 
	display: block;
}

/* Extensions -------------------- */

.ac_results {
	width: 200px; /* This value is set in the javascript code, to match the width of the search box */
	background: rgb(255,209,118);
	opacity:0.9;
	cursor: pointer;
	position: absolute;
	left: 0;
	z-index: 101;
	margin-top: 6px;
}
.ac_results ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #aaa;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
}
.ac_results ul li {
	padding: 2px 5px;
	list-style-type: none;
	background-image: none;
	text-align: left;
}
.ac_results a {
	width: 100%;
}
.ac_loading {
	background:url('../img/indicator.gif') right center no-repeat;
}
.over {
	background: rgb(255,236,196);
	color:rgb(0,123,208);
	font-weight:bold;
}

/* TT_NEWS */

div.news-single-img {
	float: right;
	margin: 0 0 0 10px;
	width: 250px;
}

p.news-single-imgcaption {
	font-style: italic;
}

.news-single-img img {
	border: 1px solid #FEE4B2;
}

hr.clearer {
	border: 0;
	margin: 0;	
}

div.news-search-form {
	margin: 0 0 10px 0;
}

dd p {
	font-size: 1em;
}

/* rlmp_eventdb */
table.tx-rlmpeventdb-pi1-usersingleviewfeatures {
	border: 0;
	border-collapse: collapse;
}

table.tx-rlmpeventdb-pi1-usersingleviewfeatures td {
	padding: 0 10px 0 0;
}

div.tx-rlmpeventdb-pi1 .csc-textpic-clear,
div.tx-rlmpeventdb-pi1 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	clear: none;
}

div.tx-rlmpatoz-pi1-listrow table {
	border-collapse: collapse;
	border: 1px #f90 solid;
}

div.tx-rlmpatoz-pi1-listrow th {
	background-color: #ffd089;
	border-bottom: 1px #f90 solid;
}

div.tx-rlmpatoz-pi1-listrow tr {
	background-color: #fff;
}

div.tx-rlmpatoz-pi1-listrow  tr.tx-rlmpatoz-pi1-listrow-item-odd {
	background-color: #fff9ef;
}

div.tx-rlmpatoz-pi1-listrow th {
	padding: 5px 7px 5px 7px;
	line-height: 1.3em;
}


/* PAGE SPECIFIC
-------------------------*/

/* Home -------------------------*/



.Home #MainContent {
}
 
.Home .Welcome h2 {
	 background: #fff4df url('http://scharbeutz.de/fileadmin/templates/images/home/wilkommen_title_bg.gif') no-repeat right bottom;
	 border-bottom: 1px #f90 solid;
	 margin: -9px 1px 0 0;
	 padding: 12px 0 10px 10px;
	 height: 1%;
} 

.Home .Welcome .WelcomeMessage {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/home/wilkommen_bg.jpg') no-repeat 0 0;
	padding-top: 118px;
	margin-bottom: -10px;
}

.Home #LeftNav .Families h3 {
	border: 0;
	background-color: #f90;
	color: #fff;
	padding: 0 0 0 10px;
	margin-bottom: 0;
}

.Home #LeftNav .Families .FamilyMessage {
	background: url('http://www.scharbeutz.de/fileadmin/templates/images/home/family_kids_bg.jpg') no-repeat 0 0;
	padding-top: 135px;
}

.NewsItem .Thumbnail {
	float: left;
	margin: 0 6px 16px 0;
}

.News, .NewsItem, .Home .Veranstaltungen li   {
	background : url('http://www.scharbeutz.de/fileadmin/templates/images/global/dot.gif') repeat-x left bottom;
}

.News {
	padding-bottom: 15px;
}

.NewsText {
	width: 280px;
	float: right;
}

.NewsItem {
	margin-bottom: 15px;
	padding-bottom: 2px;
}

.News h3, .News p {
	margin: 0;
	line-height: 1.4em;
}

.Home .Veranstaltungen li {
	line-height: 1.4em;
	padding: 0 0 9px 12px;
	margin-bottom: 0px;
}

.Home .Veranstaltungen li a {
	padding-left: 11px;
	position: relative;
	left: -11px;
	background: url(http://www.scharbeutz.de/fileadmin/templates/images/global/arrow_bullet.gif) no-repeat 0 7px;
}

.Home #SideBar table {
	margin-left: 9px;
}

.Home #SideBar .WeatherCam p, .Home #SideBar .Ads p {
	text-align: center;
}

.Home #SideBar .Login p {
	margin: 0 0 3px 11px;
}

.Home .Login .TextInput {
	width: 165px;
}

/* Flexible Content Elements
---------------------------- */

.FCE-Webcams img {
	border: 1px #333 solid;
}

.FCE-Webcams p {
	text-align: center;
}

/* pbsurvey
------------ */

fieldset.survey_item {
	border: 0px;
	margin: 0 0 1em 0;
	padding: 0;
}
fieldset.survey_item legend {
	padding: 0;
	margin: 0;
	display: none;
}
.survey_item td {
	padding: 10px 0 10px 0;
}
.survey_item td.columnFirst {
	width: 400px;
	text-align: left;
	display: block;
}
.survey_item td {
	border: 0;
	border-bottom: 1px solid #FFFBF6;
}
.survey_item td.columnNext {
	text-align: center;
	width: 38px !important;
}
.questionSubtext p {
	margin-top: 0;
}
fieldset.survey_item h2 .questionNumber {
	margin: 0 5px 0 0;
}
#site-switch {
	float: left;
	width: 16px;
	height: 17px;
	position: absolute;
	text-indent: -9999px;
	background: url("../images/microsite/winter-ico.gif") no-repeat scroll left top;
	top: 30px;
	right: 1px;
}

/************** Pauschalangebote ******************/

#pauschalangebote ul.thumb-list li {
	background: none;
	padding: 0px;
	width: 190px;
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

#pauschalangebote ul.thumb-list li ul li {
	margin: 0px;
	background: url("http://scharbeutz.de/fileadmin/templates/images/global/bullet.gif") no-repeat scroll 9px 7px transparent;
	padding-left: 20px;
	width: auto;
}

#pauschalangebote ul.thumb-list li h2 {
	font-size: 1.3em;
	min-height: 2.5em;
}

#pauschalangebote ul.thumb-list li h3 {
	font-size: 1em;
}

#pauschalangebote ul.thumb-list li .leistungen {
	font-size: 1.5em;
}

#pauschalangebote ul.thumb-list li .caption {
	font-size: 1em;
	float: right;
}

#pauschalangebote ul.thumb-list li .price {
	font-size: 2em;
	padding-left: 5px;
}