/* -------------------- BODY AND MAIN WRAPPER -------------------- */ 
html {
			scroll-behavior: smooth;
}
body { 
			height:100%;
			font-family:'Open Sans', sans-serif;
			line-height:1.5em;
			font-weight:300;
			background-color:#FAFAFA;	
			margin:0;
			padding:0;
		}
		
#vg_menubar {		  			
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

#headerblock
{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../img/background.jpg');
	background-position: center; 
	background-size: cover;
	width:100%;
	height:420px;
}

#headerblock p
{
		position: fixed;
	top: 100px;
	right: 3%;
	left: 0;
	z-index: 1030;		
	color:#ee6;
			font-size:1.4em;
			font-weight: 600;
			line-height:1.0em;
			
	text-align: right;
}

#headerblock ul
{
	position: fixed;
	top: 150px;
	right: 3%;
	left: 0;
	z-index: 1030;
	color:#333;
	font-size:1.2em;
	font-weight: 600;
	line-height:1.4em;			
	text-align: right;
}


 /* Container holding the venn diagramm and the text */
.venn-4-nodes {
  position: relative;
  text-align: center;
  color: 333;
}

/* first venn node 1 */
.venn-node1 {
  position: absolute;
  top: 18%;
  left: 49%;
	transform: translate(-50%, -50%);
}

/* Top left text */
.venn-node2 {
  position: absolute;
  top: 45%;
  right: 35%;
	transform: translate(-50%, -50%);
}

/* Top right text */
.venn-node3 {
  position: absolute;
  bottom: 25%;
  left: 50%;
}

/* Bottom right text */
.venn-node4 {
  position: absolute;
  top: 50%;
  left: 30%;
}

/* Centered text */
.venn-node5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 



















.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
	
.btn-link {
  color: #fff;
  background-color: #E0DEE2 ;
  border-color: #007bff;
}

.btn-link:hover {
  color: #fff;
  background-color: #FBFB96;
  border-color: #0062cc;
}

.btn-link:focus, .btn-link.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-link.disabled, .btn-link:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,
.show > .btn-link.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,
.show > .btn-link.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
		
		
#content {
	width:88%;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 20px;
}	
		





		#content h1:nth-child(1) {
			margin-top:0;
		}

		h1
		{
			text-align: center;
			background-image: url(bg_content_header.gif);
			background-color: #FBFB96;
			background-repeat: repeat-x;
			background-position: bottom;
			color: #003300;
			font-size:1.2em;
			font-weight: bold;
			padding: 12px 12px 12px 12px;
			margin: 2px 20px 20px 2px;
			letter-spacing:0.1em; 
			line-height:21px;		
			border-radius: 0.5rem;
		}

		h2{
			background-image: url(bg_toc.gif);
			background-repeat: repeat-x;
			background-position: bottom;
			
			color: #600;
			font-size:1.0em;
			font-weight: bold;
			padding:2px 0px 2px 4px;
			margin: 0px 35px 12px 20px;
			letter-spacing:0.2em;	
			border-radius: 0.4rem;
			padding-top: 160px; 
			margin-top: -145px;

			}

		h4
		{
			color:darkgreen;
			font-size:0.9em;
			font-weight: bold;
			padding:4px 4px 0px 20px;
			margin: 0px;
			text-decoration:none;
			letter-spacing:0.08em; 
		}

		p
		{
			color:#333;
			font-size:1.0em;
			font-weight: 400;
			line-height:1.4em;
			padding:0px 0px 0px 20px;
		}

		tt
		{
			background-color:#DDD;	
			font-weight:bold;	
			margin-bottom: 10px
		}



		h4,h5,h6 {
			color:#312820;
		}

		#content a {
			color:darkblue;
			font-size:1.00em;
		}
		
		#content a {
			text-decoration: none;
		}
		#content a:hover {
			text-decoration: underline;
		}
		#content a:active {
			text-decoration: underline;
		}
		#content strike {
			color: grey;
		}
		#content u {
			text-decoration: none;
			background-color: yellow;
		}
		#content tt {
			color: #2e3436;
		}
		
		#content pre {
			color: #2e3436;
			margin-left: 40px;
		}
		
		.backlinks {
			color:gray;
		}
		hr.footnotes {
			width: 20%;
			margin-left: 0;
		}

		@media print{
			#navigation{
				background-color:#FFF;
			}
		}

		img.banner {
			display: block;
			margin-left: auto;
			margin-right: auto;    
		}
		
		pre{
			
			  padding: 4px 4px 4px 2px;
			  margin: 0px 55px 30px 40px;
			  background-image: url(bg_header.gif);
			  background-repeat: repeat-y;
			  background-color: #FFF;
			  border-left-color: #E0DFE3;
			  border-left-width: 12px;
			  border-left-style: solid;
			  border-bottom-width: 1px;
			  border-bottom-color: #E0DFE3;
			  border-bottom-style: solid;
			  border-right-width: 1px;
			  border-right-color: #E0DFE3;
			  border-right-style: solid;
			  border-radius: 0.3rem;
				border-top-left-radius: 0.3rem;
				border-top-right-radius: 0.3rem;
			  border-top-left-radius: 0.0rem;
			  border-top-right-radius: 0.0rem;
			  color: #000080;
			  font-size: 1.0em;
			  line-height: 1.5em;			
		}
		
		
		.blog{
		  padding: 4px 4px 4px 2px;
		  margin: -15px 35px 30px 20px;
		  background-image: url(bg_header.gif);
		  background-repeat: repeat-y;
		  background-color: #FFF;
		  border-left-color: #E0DFE3;
		  border-left-width: 12px;
		  border-left-style: solid;
		  border-bottom-width:1px;
		  border-bottom-color: #E0DFE3;
		  border-bottom-style: solid;
		  border-right-width:1px;
		  border-right-color: #E0DFE3;
		  border-right-style: solid;
		  border-radius: 0.3rem;
			border-top-left-radius: 0.0rem;
			border-top-right-radius: 0.0rem;
		  color: #000080;
		  font-size:1.0em;
		  line-height:1.5em;			
		}
		

p.blog 
{
  color: #000080;					
	font-size:1.0em;
	font-weight: 400;
	line-height:1.2em;
	padding:15px 15px 15px 20px;
	line-height:1.5em;
}

		.blog h2		
		{			
			background-color: #E0DFE3;
			margin-top: 10px;
			margin-right:3%;
			border-radius: 0.2rem;
			font-size:1.0em;
	    font-weight: bold;
	    letter-spacing:0.2em;			
		}
		
		.blog_box{
			
			padding: 4px 4px 4px 2px;		  			
			margin: 0px 55px 30px 40px;
			background-image: url(bg_header.gif);
			background-repeat: repeat-y;
			background-color: #FFF;
			border-left-color: #E0DFE3;
			border-left-width: 12px;
			border-left-style: solid;
			border-bottom-width:1px;
			border-bottom-color: #E0DFE3;
			border-bottom-style: solid;
			border-right-width:1px;
			border-right-color: #E0DFE3;
			border-right-style: solid;
			border-radius: 0.3rem;
			border-top-left-radius: 0.0rem;
			border-top-right-radius: 0.0rem;
			color: #000080;
			font-size:1.0em;
			line-height:1.5em;
		  }	


.arrow-item {
		list-style-image: url('arrow.png');
	  margin-left: 30px;
}

.post-list{
   width:50%;
	 background-color: #FFF;
	 padding: 8px 20px 8px 8px;
	 margin: 0px 0px 40px 0px;
	 border: 1px solid #E0DFE3;					
	 line-height:1.5em;
	 font-weight:bold;	
	 border-radius: 0.3rem;
}

.post-list h2{
	color:#333;
	background-image: none;
  background-color: #FFF;
	font-size:1.1em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}

.post-list p 
{
  color: #000080;	
}


.summary_box{
		  width:50%;
			padding: 8px 8px 8px 8px;
			margin: 0px 55px 30px 40px;
	 	  border: 3px solid #73AD21;					
			background-color:#D3DDD1 ;			
			border-left-width: 12px;
			border-right-width: 12px;
			font-size:0.9em;
			line-height:1.8em;
			font-weight:bold;	

			background-image: url(bg_content_header.gif);
			background-color: #FBFB96;
			background-repeat: repeat-x;
			background-position: bottom;

    		}
	
	      h3{
		  background-image: url(bg_menu.gif);
		  background-repeat: repeat-x;
		  background-color: #400000;
		  font-size:0.9em;
		  color: #FFC;
		  padding: 2px 4px 2px 6px;
		  margin: 25px 55px 0px 40px;
		  line-height:1.0em;			

			
	      }
	      
	      		
	    
	    em{
		font-size:0.8em;
		padding: 0px 0px 0px 0px;
		line-height:1.0em;
		margin: 0px 0px 0px 0px;
	     }
	    









#wrapper
{
	background-color: #EEE;
	width:100%;
	margin:0px;
	padding:0px;
} 
 
/* -------------------- ACCESSIBILITY  CLASSES-------------------- */
ul.blindlinks
{
	list-style-type:none;	
	list-style-position:outside;
	position: absolute;
	margin: 2px 0px 0px 0px;
	padding:0px;
	right:8px;
}

ul.blindlinks li
{
	display:inline;
	margin-right:0px;
}

.blindlinks li a
{
	position: absolute;	
	font-size:0.8em;
	font-weight:normal;
	margin-left:-3000px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.blindlinks li a:focus, .blindlinks li a:active{
	position: absolute;
	right:8px;
	width:250px;
	margin:6px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	text-align:right;
}

.invisible_content
{
	margin: 0px 0px 0px -3000px;
	padding:0px;
	font-size:0em;
}

/* --------------------  GENERAL LINKS --------------------*/
a:link, a:visited
{
	color: #000080;
    text-decoration: none;
	font-weight: bold;
}

a:hover
{
    text-decoration: underline
}

a:focus, a:active
{
	background-color:#CCC;
	color:#FFF;	
}

/* -------------------- MAIN HEADER / LOGO + SLOGAN -------------------- */

#headertable
{
	background-color: #F0F0F0;	
	width:100%;
	height:32px;
}



td.logofont
{
	color: #800000;
	font-size: 1.2em;
	font-style: italic;
	font-weight:normal;
	letter-spacing: 0.05em;
	padding: 0px 0px 4px 4px;
	vertical-align:bottom;
	white-space: nowrap;
	width:1%;
}

td.logofont2
{
	color: #000080;;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 0.7em;
  font-style: italic;
	padding: 0px 0px 0px 8px;
	white-space: nowrap;
	letter-spacing: 0.05em;
	vertical-align:bottom;	
	width:1%;
}

td.logofont4
{
	color: #000080;
	font-family: Arial,Helvetica,Sans-Serif;	
	font-size: 0.7em;        
	padding: 0px 0px 1px 8px;
	white-space: nowrap;
	letter-spacing: 0.05em;
	vertical-align:bottom;
	width: 10%;	
}

td.logofont5
{			        
	padding: 0px 4px 8px 8px;	
	vertical-align:bottom;
	width: 20px;	
}

/* -------------------- MAIN MENU -------------------- */

#menutable
{
	background-image: url(bg_menu.gif);
	background-repeat: repeat-x;
	width: 100%;
	padding:0px 0px 4px 8px;
	background-color: #400;
	color: #FFC;
	font-weight:normal;	
}

a.m_inactive:link, a.m_inactive:visited
{
	color:#FFC;
	font-size: 0.7em;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	letter-spacing:0.1em;
}

a.m_inactive:hover
{
	text-decoration:underline;
}

a.m_inactive:focus,a.m_inactive:active
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#FBFB96;
	color:#010;
}

a.m_active, .current
{
	background-color:#FBFB96;
	color:#010;	
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	letter-spacing:0.1em;
}

a.m_active, .current
{
	background-color:#FBFB96;
	color:#010;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	letter-spacing:0.0em;
}

a.m_active:focus,a.m_active:active
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#010;
	color:#FFF;
}

a.m_active:hover
{
	text-decoration:underline;
}

a.tm_active
{
	background-color:#FBFB96;
	color:#010;	
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	letter-spacing:0.1em;	
	font-size: 0.7em;		
	font-weight: bold;	
}

a.tm_inactive:link, a.tm_inactive:visited
{
	color:#FFC;
	font-size: 0.7em;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	letter-spacing:0.1em;
}


td.menuright {
	text-align:right;
}

.smalldot
{
	font-size: 0.6em;
	font-weight:normal;
	padding:0px 10px 0px 10px;
}

.bigdot
{
	font-size: 1.4em;
	font-weight:normal;
	padding:0px 10px 0px 10px;
}

/* -------------------- PATH WAY -------------------- */



#pathtable
{
	background-color: #F1EFE2;
	color: #404068;
	font-size:0.8em;
	font-weight:bold;
	border-bottom-color: #400000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width:100%;
	height:22px;
}



a.path:link, a.path:visited, a.path
{
	color: #000080;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	border-right-width: 10px; 
}
	
a.path:focus,a.path:active
{
	background-color:#000080;
	color:#333;
	font-weight:bold;
}

.label_path
{
	font-weight:normal;
	margin: 0px 4px 0px 8px;
}

.smallarrow
{
	font-weight:normal;
	padding:0px 4px 0px 4px;
}

/* -------------------- FOOTER-------------------- */

#footertable
{
	clear:both;
	background:#333;
	width:100%;
	height:60px;
	font-size:0.8em;
	color:#eee;
}

a.a_footer:link, a.a_footer:visited
{
	color:#fbfb96;
	text-decoration:none;
	font-weight:normal;
	white-space: nowrap;
}

a.a_footer:hover
{
    text-decoration: underline
}

a.a_footer:focus, a.a_footer:active
{
	background-color:#000080;
	color:#FFF;
}

td.footerleft {
  padding-left:2px;
}

td.footercentered {
  text-align:center;
}


td.footerright {
  text-align:right;
  padding-right:4px;
}

/* -------------------- PAGE LAYOUT -------------------------*/
#vg_wrapper {
	background-color: #EEE;
	width:100%;
}

#vg_left
{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 24%;
	float:left;
	background-color: #EEE;
}

#vg_right
{
	margin: 0px;
	padding: 0px;
	width: 75.9%;
	float:left;
	background-color: #EEE;
}

#vg_content
{
	margin:0px 8px 0px 30px;
	padding:0px;
	background-color: #EEE;
}

/* -------------------- TOC-------------------- */

#vg_toc {
	background-color: #F1EFE2;
	margin:0px;
	padding:0px;
}

a.t_active:hover
{
    text-decoration: underline;
}

a.t_active:link, a.t_active:visited
{
	color: #003300;
	background-color:#FFC;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	white-space: nowrap;
	letter-spacing:0.03em;
}

a.t_active:focus, a.t_active:active
{
	background-color:#000080;
	color:#FFF;
	font-weight:bold;
}

a.t_inactive:link, a.t_inactive:visited
{
	color:#000080;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	white-space: nowrap;
	letter-spacing:0.03em;
}
			
a.t_inactive:hover
{
    text-decoration: underline
}

a.t_inactive:focus, a.t_inactive:active
{
	background-color:#000080;
	color:#FFF;
	font-weight:bold;
}

h2.h2_toc
{
	background-image: url(bg_toc.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #E0DEE2;
	color: #000080;
	font-size:0.8em;
	font-weight: bold;
	padding: 2px 0px 2px 4px;
	margin: 6px 0px 0px 0px;
	letter-spacing:0.04em;
}

h3.snippet_title {
	background-image: url(bg_toc.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #E0DEE2;
	color: #000080;
	
}

p.p_toc
{
	padding: 0px 0px 0px 15px;
	margin:10px 0px 10px 0px;
}

p.p_toc_l2
{
	padding: 2px 0px 2px 30px;
	margin: 0px;
}

p.p_toc_l3
{
	padding: 2px 0px 2px 45px;
}

/* -------------------- GENERAL USED TAGS AND CLASSES-------------------------*/

fieldset
{
	margin: 0px;
	padding:0px;
	border: none;
}

form
{
	margin: 15px 0px 15px 0px;
	padding:0px;
	border: none;
}

label
{
	font-size:0.8em;
	font-weight:normal;
	color: #000080;
}

legend
{
	display: none;
}

sup
{
	line-height:0;
	font-size:0.85em;
}



.info_bright
{
	border-bottom-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.info_dark
{
	border-bottom-color: #000080;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.telnr
{
	font-weight:bold;
	white-space: nowrap;
}

.small-text 
{
  font-size: 0.7em;
}


.timeline {
    position: relative;
    margin: 0 auto;
    width: 90%;
    margin-top:15px;	
    
}

.timeline ul li {
    margin-bottom: 50px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.point {
    min-width: 20px;
    height: 20px;
    background-color: #fbfb96;
    border-radius: 100%;
    z-index: 2;
    border: 3px #444 solid;
    position: relative;
    left: 1px;
}

.timeline ul li .content {
    width: 50%;
    padding: 0 20px;
}

.timeline ul li:nth-child(odd) .content {
    padding-left: 0;
}

.timeline ul li:nth-child(odd) .date {
    padding-right: 0;
}

.timeline ul li:nth-child(even) .content {
    padding-right: 0;
}

.timeline ul li:nth-child(even) .date {
    padding-left: 0;
}

.timeline ul li .date {
    width: 50%;
    padding: 0 20px;
    font-weight: normal;
}

.timeline ul li .date h4 {
background-image: url(bg_content_header.gif);
			background-color: #FBFB96;
			background-repeat: repeat-x;
			background-position: bottom;
	color: #600;
  background-color: #fbfb96;
  width: 120px;
  text-align: center;
  border-radius: 10px;
	padding: 5px 10px;		
}

.timeline ul li .content h3 {  	
	    background-image: url(bg_toc.gif);
			background-repeat: repeat-x;
			background-position: bottom;  
		margin-left:0px;
	margin-right:10px;
	background-color: #dfdde1;
	color: #000080;
	padding: 10px 20px;
    vertical-align: center;
    margin-bottom: 0px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.timeline ul li .content p {
    padding: 10px 20px;	 
    background-color: #e1d9ec;
    margin-top: 0;
    text-align: center;					
	  background-image: url(bg_header.gif);
		background-repeat: repeat-y;
		background-color: #FFF;
		border-left-color: #E0DFE3;
		border-left-width: 12px;
		border-left-style: solid;
		border-bottom-width:1px;
		border-bottom-color: #E0DFE3;
		border-bottom-style: solid;
		border-right-width:1px;
		border-right-color: #E0DFE3;
		border-right-style: solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	  font-size: 0.85em;
}

.timeline ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.timeline ul li:nth-child(even) .date h4 {
    float: right
}

.timeline::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    left: 49%;
    background-color: #444;
}


/* -------------------- make it responsive -------------------------*/


@media (max-width: 800px) {
    .point {
        min-width: 15px;
        height: 15px;
    }

    html, body {
        font-size: 15px;
    }

}

@media (max-width: 650px) {
    html, body {
        font-size: 14px;
    }
    
    .point {
        min-width: 12px;
        height: 12px;
    }

}

@media (max-width: 450px) {
    html, body {
        font-size: 10px;
    }

    p {
        padding: 10px !important;
    }
}

p {
	font-size: 20px;
}


/* -------------------- progress bars for skills -------------------------*/

.pb-container {
	background-color: rgb(192, 192, 192);
	width: 80%;
	border-radius: 15px;		
	margin-left:45px;
}



.skill {
	background-color: rgb(116, 194, 92);
	color: white;
	padding: 1%;
	text-align: right;
	font-size: 20px;
	border-radius: 15px;
	
}

.bar100 {
	width: 98%;
}

.bar90 {
	width: 90%;
}

.bar80 {
	width: 80%;
}
.bar70 {
	width: 70%;
}
.bar60 {
	width: 60%;
}

.bar50 {
	width: 50%;
}

.bar40 {
	width: 40%;
}
.bar30 {
	width: 30%;
}
.bar20 {
	width: 20%;
}
.bar10 {
	width: 10%;
}

#r_content p.pb-title{
	color:darkgreen;
	font-size:0.9em;
	font-weight: bold;
	padding:8px 4px 0px 50px;
	margin: 0px;
	text-decoration:none;
	letter-spacing:0.08em; 
}
#r_content h6{
padding-left: 8px;
}

#content table
{	
	background-color: #F0F0F0;	
	width:99%;	
	border-left-color: #E0DFE3;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-color: #E0DFE3;
	border-bottom-style: solid;
	border-right-width:1px;
	border-right-color: #E0DFE3;
	border-right-style: solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#content tr
{	
	background-color: #FFF;
	border-left-color: #E0DFE3;	
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-color: #E0DFE3;
	border-bottom-style: solid;
	border-right-width:1px;
	border-right-color: #E0DFE3;
	border-right-style: solid;  
}

#content th
{
	color: #600;
	background-color: #F0F0F0;	
	background-image: url(bg_toc.gif);
	background-repeat: repeat-x;
	background-position: bottom;  
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}