/* ###	RESET CSS #######												*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0; font-size: 12px;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;font-weight:normal; }
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}



/* ###	MAIN CSS #######			*/
							
body {
	color: #000;
	background: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size:12px;
	background:#333 url(../images/bg_cont.gif) repeat-x scroll 0 top;
	/*background:#990000 url(../images/bg_flag.jpg) repeat-x scroll 0 top;*/	
	
}

 a:link,a:visited{	color: #5F6B7C;}

.page {
	overflow:hidden;
	min-width:850px;
	position:relative;
	width:100%;
	
}
.wrapper{
	border: solid 0px #aaa;
	margin:auto;
	width:850px;	
}
.test {
	position:relative;
}

.b-left {
	background:transparent url(../images/wrapper-1-left.png) no-repeat scroll 0 0;
	position:absolute;
	top:25px;
	left:-110px;
	width:120px;
	height:700px;
	
}
.b-right {
	background:transparent url(../images/wrapper-2-right.png) no-repeat scroll 0 0;
	position:absolute;
	top:25px;
	right:-175px;
	width:185px;
	height:700px;
}

#werbung{
	position: absolute;
	background-color: #fff;
	width: 160px; 
	height: 600px;
	margin-left: 10px;
	margin-top: 100px;
}

#headwrapper{
	height:298px;
	margin:0px;
	
	/* background:#990000 url(../images/bg_header.png) no-repeat; */
	/*border-top:10px solid #990000;*/
	z-index: 70;
}

div.wrapper-body {
	padding:0 0 0px;
	position:relative;
	background-color: transparent;
}

div.wrapper-t1 {
	
}
div.wrapper-t2 {
	
	padding:0 25px 0 25px;
	padding:0;
}
div.wrapper-t3 {
	/*background:transparent url(../images/wrapper-top.png) no-repeat scroll right bottom;*/
	height:25px;
}

div.wrapper-1 {
	/*background:transparent url(../images/wrapper-1-left-b.png) repeat-y scroll 0 0px;*/
}
div.wrapper-2 {
	/*background:transparent url(../images/wrapper-2-right-b.png) repeat-y scroll 100% 0;*/
	padding:0 10px;

}
div.wrapper-3 {
	background:transparent none repeat scroll 0 0;
}
#middle{
	overflow:hidden;position:relative;width:100%;
	border-top:0px solid #c6eaf8;		
}



.wrapp1 {
	clear:left;
	float:left;
	overflow:hidden;
	width:100%;
	background :#333 none repeat scroll 0 0;
	position:relative;
   
}
.wrap2 {
	background:#333 none repeat scroll 0 0;
	float:left;
	position:relative;
	right:250px;
	width:100%;
	
}
.wrap3 {
	background:#333 none repeat scroll 0 0;
	float:left;
	position:relative;
	right:330px;
	width:100%;
}
#header {	
	width: 950px;
	height: 267px;
	position: absolute;	
	left: 0;
	top: 31px;
	z-index: 50;	
}

#headwrapper #box{
	position: absolute;
	left: 0;
	height: 299px;
	width: 380px;
	margin-top: -31px;
	background-image:url(../images/kopf.png);
	background-repeat: no-repeat;
	z-index: 55;
}

#left{	
	float:left;
	left:580px;
	overflow:hidden;
	position:relative;
	width:250px;
	background-color:#333;
	
}
#main{
	float:left;
	left:580px;
	overflow:hidden;
	position:relative;
	width:330px;
}
#right{
	float:left;
	left:580px;
	overflow:hidden;
	position:relative;
	width:250px;
	background-color: #333;
}

.mwrapper {padding:20px; min-height: 450px;}
.cwrapper {padding:10px;}

#main {
background-color: #333;
}




#footer{
	clear:both;
	color:#fff;
	margin:0;
	padding-top:0px;
	position:relative;
	text-align:center;
	background-color:#990000;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
}
#footer .wrapper {
	background:transparent; 
}
#footer .wrapper  div {
	margin:0;
	padding: 10px 0;
	background:transparent;	
}
p {
	margin-bottom:15px;
	margin-top:10px;
}
h1,h2,h3 {
	margin-bottom:10px;	
}








/* ###	Navi #######	*/

#navi ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navi li {
	float: left;
	margin: 0 0;
	border-left:1px solid #CCCCCC;
}

#navi li.item1 {
	border-left:none;
}

#navi li a {
	height: 30px;
	line-height: 30px;
	float: left;	
	display: block;
	border: none;
	background-color: #990000;
	text-decoration: none;
	text-align: center;
	padding:0 23px;
	color:#fff;
}
#navi li a:hover, #navi li a:active {
	color:#fff;
	background-color:#666;	
}

#navi {
	width:100%;
	float:left;
	background-color:#333;	
}

#left ul li{
	background-color: #990000;
	background-image: url(../images/li_bg.png);
	margin-bottom: 0px;
	width: 98%;
	
} 

#left ul li a{
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}

#left ul li a:hover{
	background-color: transparent;
	background-image: url(../images/li_hover.png);
}

#left  span{
	background-color: transparent;
	font-size: 14px;
	color: #fff;
	display: block;
	
	padding: 4px 0 2px 4px;
}

#left span:hover{
	color: #fff;
}

/* ############### Drop Down ####################### */

/* =======================================
    Top Menu aka Main Menu
    ======================================= */
        .moduletable_topmenu{
    width:100%;
	height: 30px;
	position: relative;
	z-index: 60;
	background-color:#fff;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	}

    .moduletable_topmenu h3 {
       background:#666;
       color:#fff;
       padding:0.25em 0;
       text-align:center;
       font-size:1.1em;
       margin:0;
    }

    .moduletable_topmenu ul{
		
		list-style: none;
		padding: 0;
		margin: 0;
}

    .moduletable_topmenu li{
      float: left;
	margin: 0 0 0 -1;
	border-left: 1px solid #333;
	width: 103px;
	text-align: center;
}
    .moduletable_topmenu li ul {
       position: absolute;
       width: 115px;
       left: -999em;
       /* border: 1px solid #474748; */
       border-bottom: none;
       top: 22px;
    }
    .moduletable_topmenu li:hover ul {
       left: auto;
	   margin-top:8px;
    }
    .moduletable_topmenu li ul li {
	   background-color: #221F20;
	   width: 115px;
       padding: 0;
       border-bottom: 1px solid #474748;
	   filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;
    }
	
	

    .moduletable_topmenu li a{
    font-weight: bold; 
	height: 30px;
	line-height: 30px;
	width: 103px;
	float: left;	
	display: block;
	border: none;
	background-color: #990000;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	text-align: center;
	padding:0;
	color:#fff;
}

 .moduletable_topmenu li ul li:hover {
		
		
		filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;
	 }
	 
    html>body .moduletable_topmenu li a {
       width: 103px;
    }

    .moduletable_topmenu li ul li a {
       width: 115px;
      /* background-color: #221f20; */
	  font-weight: normal; 
       color: #fff;
	   background-color: #666;
	   background-image: none;
       /* ---
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;*/
    }


    .moduletable_topmenu li a:hover,a#active_menu:link,a#active_menu:visited{
       color: #000;
	   background-image: url(../images/nav_hover.gif);
	background-repeat: repeat-x;
       text-decoration: none;
	   background-color: #e22f00;
	   outline: none;
       /* ---
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;*/
    }

    .moduletable_topmenu li ul li a:hover {
       background-color: #990000;
	   background-image: none;
       color: #fff;
       /*background: url(../images/top_link_bg2_on.png) repeat-y top left;*/
    }

    .moduletable_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul {
       left: auto;
    }


    .moduletable_topmenu ul li.active a {
       color: #ff0000;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a {
       color: #ff0000;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active a:hover {
       color: #fff;  
    }

    .moduletable_topmenu li.parent.active ul li a {
       color: #fff;
       text-decoration: none;
    }
    .moduletable_topmenu li.parent.active ul li a:hover {
       color: #fff;
       text-decoration: none;
    }
	
	
/* **************** Dropdown Menu styling end here ***************/



div.flowsrounded {
	position: relative;
	margin-top: 6px;
}
div.flowsrounded div.box-t1 {	
	background: transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 0 0;
}

div.flowsrounded div.box-t2 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 100% -15px;
	padding:0 10px;
}
div.flowsrounded div.box-t3 {
	background:transparent url(../images/mod_flowsrounded_corners.png) repeat-x scroll 0 -30px;
	height:10px;
}
div.flowsrounded div.box-1 {
	background:transparent url(../images/mod_flowsrounded_edges.png) repeat-y scroll 0 0;
}
div.flowsrounded div.box-2 {
	background:transparent url(../images/mod_flowsrounded_edges.png) repeat-y scroll 100% 0;
	padding:0 10px;
}
div.flowsrounded div.box-3 {
	background:#990000 none repeat scroll 0 0;
	overflow:hidden;
}
div.flowsrounded div.box-b1 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 0 -45px;
}
div.flowsrounded div.box-b2 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 100% -60px;
	padding:0 10px;
}
div.flowsrounded div.box-b3 {
	background:transparent url(../images/mod_flowsrounded_corners.png) repeat-x scroll 0 -75px;
	height:10px;
	color: #ffffff;
}

/*##########################*/
div.flowsrounded_menu {
	position: relative;
	margin-top: 6px;
}
div.flowsrounded_menu div.box-t1 {	
	background: transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 0 0;
}

div.flowsrounded_menu div.box-t2 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 100% -15px;
	padding:0 10px;
}
div.flowsrounded_menu div.box-t3 {
	background:transparent url(../images/mod_flowsrounded_corners.png) repeat-x scroll 0 -30px;
	height:10px;
}
div.flowsrounded_menu div.box-1 {
	background:transparent url(../images/mod_flowsrounded_edges.png) repeat-y scroll 0 0;
}
div.flowsrounded_menu div.box-2 {
	background:transparent url(../images/mod_flowsrounded_edges.png) repeat-y scroll 100% 0;
	padding:0 10px;
}
div.flowsrounded_menu div.box-3 {
	background:#990000 none repeat scroll 0 0;
	overflow:hidden;
}
div.flowsrounded_menu div.box-b1 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 0 -45px;
}
div.flowsrounded_menu div.box-b2 {
	background:transparent url(../images/mod_flowsrounded_corners.png) no-repeat scroll 100% -60px;
	padding:0 10px;
}
div.flowsrounded_menu div.box-b3 {
	background:transparent url(../images/mod_flowsrounded_corners.png) repeat-x scroll 0 -75px;
	height:10px;
	color: #ffffff;
}
/*##########################*/

div.flowsrounded div.with-header {
	padding-top:35px;
	color: #ffffff;
}

div.flowsrounded h3 {
	font-size:15px;
	font-weight:bold;
	height:30px;
	left:9px;	
	overflow:hidden;
	position:absolute;
	right:7px;
	top:0;
	z-index:1;
	line-height:30px;
	margin:8px 2px 0 0;
	padding-right:4px;
	background:transparent none no-repeat scroll right top;
}
div.flowsrounded h3 span {
	background:transparent none no-repeat scroll 0 0;
	display:block;
	padding:0px 0 5px 18px;
}

/* ##########################################	GENERAL JOOMLA CSS #######	 */
input.button {
	font-size:10px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

/* Content Toc */
table.contenttoc {
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 10px 12px;
	padding: 0;
	width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
	background: #333333;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll {
	border-bottom: 1px dotted #ccc;
	font-size: 92%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
	background: #666;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #990000; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 70%; }

ul.pagination li {
	background: none;
	display: inline;
	margin:4px 2px;
	padding: 0;
	overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
	padding:3px 6px;
	-moz-border-radius:5px;
	background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	text-decoration: none;
	-moz-box-shadow: 0 0 3px #3AB4E9;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }
p.counter {
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:5px;
	float: right;
	line-height: 1;
	text-align: right;
	width: 24%;
}

.counter span {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	padding: 1px 5px;
}

/* ##########################################	CONTENT LISTCAT CSS #######	 */
table.category td {
	border-right:solid 1px #EEE;
}

table.category th {
	background:#EEE;
	padding:5px;
}

table.category {
	clear:both;
	border:solid 1px #eee;
	margin: 0 0 20px 0;
	
}
.filter {
	margin:10px 0 0;
	float:left;
	
}
.display {
	margin:20px 0 0;
	float:right;
}



/* ##########################################	CONTENT BLOGCAT CSS #######	 */
.leading
{
	background-color: none;
	
	margin: 0px 0px 10px 0px;
	padding: 20px 20px 40px 20px;
	position: relative;
	/*background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,255,255)),
    color-stop(0.77, rgb(255,255,255)),
    color-stop(1, rgb(230,230,230))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 0%,
    rgb(255,255,255)77%,
    rgb(230,230,230) 100%
);*/
	
	
}

.leading_separator
{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 , .column2
{
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1, .column3
{
	float: left;
	margin: 0;
}

.column2
{
	float: right;
	margin: 0;
	/*width: 45%;*/
}

.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
	border: solid 0px #ccc;
	padding: 10px 10px 10px 0;
}

.row_separator2
{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}

#main .leading h2,#main2 .leading h2 {
	margin:0 0 10px;
}

#main h2 a,#main2 h2 a {
text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
background-color:#DDDDDD;
border:0 solid;
bottom:0;
display:block !important;
padding:2px 15px;
position:absolute;
right:0;
text-decoration:none;
}


.article_column h2 {
padding:0;
}

.article_row .column1 h2,.article_row .column2 h2,.article_row .column3 h2 {
border-bottom:solid 1px #aaa;
margin:0 0 10px;
padding:5px 5px 5px 0;
}

.article_row p.iteminfo {
background:#666;
line-height:1em;
margin:0 -10px 5px;
padding:10px;
}

#main h3,#main2 h3 {
margin:20px 0 10px;
}

#main .blog_more h2,#main2 .blog_more h2 {
	margin:0;
}

#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#main .blog_more li,#main2 .blog_more li {
	padding:2px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
}

#main .blog_more ul,#main2 .blog_more ul {
border:solid 1px #ccc;
line-height:1.3em;
list-style-type:none;
margin:5px 0 0 0;
padding:5px 10px 20px;
}

#main .blog_more,#main2 .blog_more {
padding-top:10px;
}

/* main generell  */
#main a.readon,#main2 a.readon {
font-weight:bold;
padding:2px 2px 0 30px;
display:inline-block;
}

#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {

text-decoration:underline;
}
/* ##########################################	CONTENT JOOMLA CSS #######	 */

#page {position:relative;}

#main {
	background-color: none;
	color: #fff;
}

#main h1 {
	font-size:30px;
	line-height:30px;	
	margin-bottom:10px;
	color: #000;
	background-color: none;
	
}
#main h2 {
	font-size:14px;
	font-weight:bold;
	line-height:14px;

}
#articletools {
	width:45%;
	float:right;
	top:0;
	right:0;
	font-size:11px;
	margin-left:30px;
	margin-bottom:20px;
}
.article_row #articletools {
	margin-top:0px;
}


#articletools p, #articletools div.itemevents {
	padding-left:5px;
	margin:0;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:0px;
	line-height:20px;
}
#articletools div.itemevents {border:none;}

.articleinfo  {text-align:left;}
.articleinfo span {	display:block;}
.articleinfo  .modifydate {}
.articleinfo  .createdby {}
.articleinfo  .createdate {}

p.buttonheading {	text-align:right;}
p.buttonheading img{	border:0;padding:4px 2px;}
p.buttonheading a:link,p.buttonheading a:visited{	border:solid 0px #fff;}
p.buttonheading a:link,p.buttonheading a:visited{	border:solid 0px #EFDEEA;}
p.buttonheading a:hover{	background:none !important;	color:#000 !important;}
p.buttonheading a:active,p.buttonheading a:focus{	border:solid 0px;	color:#000;}


.iteminfo {}
p.iteminfo a:link,p.iteminfo a:visited{	color: #5F6B7C}











/* ########################################## System Messages #######	 */
#main  .error h2 {color:#c00;margin:0;text-transform:uppercase;font-size:12px;}

#system-message
{
margin:5px 0 20px 0;
padding: 0 !important;
background:#fff;
border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; text-indent: 0px;background:#fff;padding:0 }
#system-message dd ul { color: #09749F; margin-bottom: 10px; list-style: none; padding: 0px; border-top: 3px solid #09749F; border-bottom: 3px solid #09749F;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { background: #DFF6FF}
#system-message dd.message ul li { padding-left:10px;}

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #93246F; background: #DFF6FF ; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #93246F; background: #DFF6FF; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;} 



/* ################### Kader Tabellen ################### */

.kader {
	width: 400px;
	background-color: none;
}

.kader tbody{
  border: none;
}

.kader th {
	text-align: center;
	font-weight: bold;
	background-color: none;
	font-size: 14px;
}
.kader .th {
	background-image: url(../images/th_bg.png);
	height: 27px;
}
.kader tr {
	margin-bottom: 2px;
	background-image: url(../images/table_bg.png);
	margin-bottom: 4px;
	border-bottom: 5px solid #333;
}
.kader td {
	border: none;
	text-align: center;
	height: 125px;
}

/* ################### Anfahrt Tabelle ################### */ 

.anf {
width: 400px;
height: 125px;
background-color: none;
}
	
.anf  tr {
	text-align: left;
	font-weight: bold;
	background-color: none;
	font-size: 14px;
	background-image: url(../images/table_bg.png);
	background-repeat: no-repeat;
}

.anf th {
	padding-left: 16px;
}

.link {
margin-left: 10px;
}

.news a {
	color: #ccc;
	font-size: 10px;
}

.news .news-header {
	font-size: 12px;
	color: #fff;
}

.news .more {
	color: yellow;
}

.news .date {
	font-size: 9px;
	color: yellow;
}

.teaser {
	text-decoration: none;
	color: #ffffff;
}