body {
background:white;
color:#888;
font-family:Helvetica, Verdana, Arial;
font-size:12px;

}

a
{
color:#000;
text-decoration:none;
}

p {
font-size:12px;
}

h2 {
font-weight:bold;
font-size:13px;
margin-top:0px;
}

h3 {
font-weight:bold;
font-size:13px;
}

#maincontent 	ul li {
margin: 0;
clear: both;
}

#header {
margin-top:-8px;
position:fixed;
left:30px;
background: white;
background-image:url(http://claudia-pfefferkorn.at/wp-content/themes/cptheme/hintergrund.gif);
/* border-bottom-color: red;
border-bottom-width: 3px; */
width:100%;
height:130px;
z-index:999;

}

#menue { 
background: white;
position:fixed; /* damit beim scrollen das Menu dort bleibt? */
left: 35px;
top: 220px;
width: auto;
margin: auto;
}

 
#mainmenu li a {
display: block;
float: none;
margin: 0;
clear: both;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(89, 22, 20, 0.3); /* vielleicht */
color: #333;
font-family: 'Josefin Sans';
font-size: 14px;
text-decoration:none;


}








#maincontent {
background: white;
top: 243px;
left: 200px;
display: block; /* ??? */
width:40%; /* 600px; */
min-width: 40%;
padding-bottom: 30px;
margin-left: 30px;
position: absolute;
/* min-height:100%; */
z-index:1;

}



/*
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
*/


/* ab hier von slider */



#wrapper {
  padding: 20px;
  }



.rslides {
  margin: 0 auto 40px;
  }



.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }
/*
a {
  color: #fff;
  text-decoration: none;
  }
*/
/* Callback example */
/*
h3 {
  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  }
*/
.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: -80px; /* top: 52%; */
  left: 0;
  opacity: 0.3;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("http://claudia-pfefferkorn.at/wp-content/themes/cptheme/js/demo/themes/themes.gif") no-repeat left top;
 /*margin-top: -45px;*/
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }



@media screen and (max-width: 600px) {
  /*h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }*/
  .callbacks_nav {
    top: 47%;
    }
  }