@import url("reset.css");

body{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
}
td {
	font-size:12px;
}
td.robi {
	color: #ff0000;
	font-size:6px;
}
td.idx {
	color: #ff0000;
	font-size:6px;
}
td.weiss {
	color: #ffffff;
	font-size:12px;
}
td.re {
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color: #000000;
}
td.unten {
	border-bottom-style:solid;
	border-bottom-width: 2px;
	border-bottom-color: #000000;
}
td.imp {
	font-size:24px;
	color: #4f4f4f;
}
a{
	font-style: normal;
	text-decoration: none;
}
a:link.buro, a:visited.buro {	
	font-size: 14px;	
	color: #000000;
}
a:hover.buro{
	color: #afafaf;
}
a:link.vita, a:visited.vita {	
	font-size: 14px;	
	color: #000000;
}
a:hover.vita{
	color: #afafaf;
}
a:link.proj, a:visited.proj {	
	font-size: 14px;	
	color: #000000;
}
a:hover.proj{
	color: #afafaf;
}
		a:link.gesch, a:visited.gesch {	
			font-size: 11px;	
			color: #ffffff;
			font-weight: bold;
		}
		a:hover.gesch{
			color: #A08C45;
		}
		a:link.wohn, a:visited.wohn {
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
		a:hover.wohn{
			color: #B9856D;
		}
		a:link.fass, a:visited.fass {
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
		a:hover.fass{
			color: #B985FF;
		}
		a:link.gew, a:visited.gew {
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
		a:hover.gew{
			color: #636689;
		}
		a:link.wet, a:visited.wet {
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
		a:hover.wet{
			color: #afafaf;
		}
		a:link.sub, a:visited.sub {
			line-height: 14px;
			font-size: 11px;
			color: #0f0f0f;
			font-weight: bold;
		}
		a:hover.sub{
			color: #ffffff;
		}
		span{
			font-size: 11px;
			color: #ffffff;
			font-weight: bold;
		}
a:link.kont, a:visited.kont {	
	font-size: 14px;	
	color: #000000;
}
a:hover.kont{
	color: #afafaf;
}
a:link.mail, a:visited.mail{
  	font-size: 14px; 
 	color: #44bd60;
}
a:hover.mail{
	color: #5f5f5f;
}
a:link.jens, a:visited.jens{
  	font-size: 19px; 
 	color: #ffffff;
}
a:hover.jens{
	color: #5f5f5f;
}
a:link.dietmar, a:visited.dietmar{
  	font-size: 19px; 
 	color: #dfdfdf;
}
a:hover.dietmar{
	color: #5f5f5f;
}

input[type=checkbox]{
    display:none;
}
input[type=checkbox] + label{
    height: 40px;
        width: 42px;
} 
body:not(#foo) input[type=checkbox]:checked + label{
    background-image: url("images/v2.jpg");
} 

body:not(#foo) input[type=checkbox] + label{
    background-position:0 -46px; /* as per your requirement*/
    height: 40px;
}

div.pictures {
margin-left: 20px;
margin-top: 30px;
}

div.pictures img {
border: solid;
border-color: 000;
border-width: 1px;
}