@import url(http://fonts.googleapis.com/css?family=Gentium+Basic);
		@import url(http://fonts.googleapis.com/css?family=Varela+Round);
		@page { margin: 2cm }

/* Allgemein
 * rgb(47,79,79) 				darkslategray
 * background-color:rgba(0,0,128,0.99);		navy
 * rgb(240,248,255)				aliceblue
 */
html {background-color:rgba(0,0,128,0.99);		navy;}
body{
  background-color:rgba(217,217,217,0.94);
    font-size:28px;
    font-family: 'Gentium Basic', serif;
        -moz-border-radius: 10px;
	border-radius: 10px;
}

h1, ul, li, p{
    padding: 1px;
    margin: 0;  
}
h1{
  font-family: 'Varela Round', fantasy;
  text-align:center;
  
  
}
/*slider*/
.slider {
  position: relative;
  margin-top: 3rem;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  width: 50.625rem;
  height: 36.25rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.slider__list {
  position: absolute;
  left: 0;
  width: 162.5rem;
}
.slider__slide {
  float: left;
}
/*end slider*/
/*The CSS rules for the slider control*/

.slider-control {
  margin-right: auto;
  margin-left: auto;
  width: 4.5rem;
  font-family: sans-serif;
}
.slider-control label {
  position: relative;
  display: block;
  margin-top: 2rem;
  margin-bottom: 1rem;
  width: 4.5rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: transparent;
  background: #ddd;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.slider-control label:before {
  content: "autoplay";
  position: absolute;
  top: 2.5rem;
  left: 0;
  color: #333;
 font-size: .95rem;
  font-weight: bold;
  text-transform: uppercase;
}
.slider-control label:after {
  content: "";
  position: absolute;
 top: .25rem;
 left: .25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  background: #fff;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slider-switch:checked + .slider > .slider__list {
  -webkit-animation-name: autoplay;
  animation-name: autoplay;
  /* This will change the time it takes to move to next slide */
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.slider-switch:checked + .slider + .slider-control > label { background: #455a64; }
.slider-switch:checked + .slider + .slider-control > label:after { left: 2.75rem; }
/*end The CSS rules for the slider control*/
/*autoplay using CSS3 keyframes*/
@-webkit-keyframes 
autoplay {   /* position of the first slide */
  0% {
 left: 0;
}
  /* position of the second slide */
  25% {
 left: -40.625rem;
}
  /* position of the third slide */
  50% {
 left: -81.25rem;
}
  /* position of the fourth slide */
  100% {
 left: -121.875rem;
}
}
@keyframes 
autoplay {   /* position of the first slide */
  0% {
 left: 0;
}
  /* position of the second slide */
  25% {
 left: -40.625rem;
}
  /* position of the third slide */
  50% {
 left: -81.25rem;
}
  /* position of the fourth slide */
  100% {
 left: -121.875rem;
}
}
/*end autoplay using CSS3 keyframes*/
#tom{
    height: 310px;
    float:right;
    -moz-border-radius: 20px;
	border-radius: 20px;
    border-top:1px rgba(166,166,166,0.99) solid; 
    margin: 0 10 10 10;
    
}
#td3{
width:300px;
}
#contactTable{
    min-height:310px;
    background-color:rgba(255,255,255,0.89);		white;
    font-family: 'Varela Round', fantasy;
    font-size: 24px;
    margin: 3px;
    -moz-border-radius: 20px;
	border-radius: 20px;
    border-top:1px rgba(166,166,166,0.99) solid; 
	margin:50 0 50 5;
   } 
#family {   background-color:rgba(255,255,255,0.89);		white;
    font-family: 'Varela Round', fantasy;
    font-size: 20px;
    margin: 3px;
    -moz-border-radius: 20px;
	border-radius: 20px;
    border-top:1px rgba(166,166,166,0.99) solid; 
    margin:30 0 50 20;
}

 .tdcv-right{
     border-top:1px rgba(166,166,166,0.99) solid;
 }
 .tdcv-left{
     background-color:rgba(200,200,200,0.49);
 }

#cvTable{
    background-color:rgba(255,255,255,0.79);		white;
    font-family: 'Varela Round', fantasy;
    font-size: 24px;
    margin: 3px;
    -moz-border-radius: 20px;
	border-radius: 20px;
    border-top:1px rgba(166,166,166,0.99) solid; 
	margin:10 10 10 5;
}
#cvTable tr{
height: 40px;
border-top:1px rgba(255,255,255,0.99) solid; 
}
.languanges{
    background-color:rgba(153,255,255,0.19);
}