@charset "utf-8";
/* CSS Document */
/* Seitenposition auf 0 = links/oben*/
*{
margin: 0px;
padding: 0px;
}
.head {
	height: 75px;
	width: 400px;
	margin-top: 30px;
	margin-left: 30px;
}
.xing {
	position:absolute;
	z-index:1;
	left: 670px;
	top: 40px;
}
.eblogger {
	position:absolute;
	z-index:1;
	left: 670px;
	top: 70px;
}


.container {
	position:absolute;
	left:50%;
	margin-left:-400px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	width: 800px;
	margin-top: 20px;
	background-image: url(../images/rahmen_sc_800x500.jpg);
	background-repeat: no-repeat;
	height: 600px;
	color: #333;
}
.navi_foto {
	height: 25px;
	margin-left: 27px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_foto a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	/* IE 6-8 */
	filter:alpha(opacity=50); 
	/*filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=50, Style=2)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=50, Style=2)";*/
}
.navi_grafik {
	height: 25px;
	margin-left: 4px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_grafik a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 8 */
}
.navi_webd {
	height: 25px;
	margin-left: 4px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_webd a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 8 */
}
.navi_digit {
	height: 25px;
	margin-left: 4px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_digit a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 8 */
}
.navi_profil {
	height: 25px;
	margin-left: 5px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_profil a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 8 */
}
.navi_kontakt {
	height: 25px;
	margin-left: 5px;
	margin-top: 60px;
	width: 120px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
}
.navi_kontakt a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 8 */
}
.content_li {
	background-image: url(../images/rahmen_510x250.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	margin-left: 30px;
	width: 510px;
	margin-bottom: 40px;
	margin-top: 20px;
}
.content_kontakt {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	background-image: url(../images/rahmen_740x250.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	margin-left: 30px;
	width: 800px;
	margin-bottom: 40px;
	margin-top: 20px;
}
.content_impressum {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	background-image: url(../images/rahmen_740x250.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	margin-left: 30px;
	width: 800px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.impr_text {
	height: 180px;
	width: 650px;
	padding: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	overflow: auto;
	/** für IE */
	scrollbar-base-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-darkshadow-color:#CCCCCC;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-track-color:#FFFFFF;

}
.footer {
	text-align: center;
	clear: both;
	height: 65px;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 10px;
	background-image: url(../images/rahmen_tc_740x50.jpg);
	background-repeat: no-repeat;
}
a  {
	color: #666666;
	text-decoration: none;
}
a:hover {
	opacity: 0.50; /* Webkit und Opera  */
	-moz-opacity: 0.50; /* Mozilla Browser */
	filter:alpha(opacity=50); /* IE 6+7 */


    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	text-decoration: underline;
}
h1 {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-shadow: #ccc 0px 5px 1px; /* Firefox usw Schatten*/


	filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=8, direction=180); /* IE Schatten*/
	font-weight: bold;
}
h2 {
	font-weight: bold;
	color: #999;
	font-size: 11px;
}
h3 {
	font-weight: normal;
	color: #ccc;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}


/*--------- Anfang Textscroller rechts -------------------------*/
#encFilmMain {
	width:200px; /* Max widht of the container */
	height: 250px;
	float: right;
	margin-right: 45px;
	margin-top: 20px;
}
#encFilm {
      height:190px;  /* Max height of the container */
      background-color:#fff;
	  padding: 10px;
}
#encFilmInner {
      position:relative;
      background-color:#fff;
      height:190px; /* Inner films height.*/
      width:180px; /* -20px from full width of #encFilmMain*/
      overflow:hidden;
}

#encScrollBarTop {           
      background-color: #fff;
      text-align:center;
      color:#333;
}

#encScrollBarBottom {    
      background-color: #fff;
      text-align:center;
      color:#333;
}

#encScrollBarTop a, #encScrollBarBottom a {
      line-height:20px;
      color:#fff;
      display:block;
      text-decoration:none;
}
#encNav {
      position:relative;
      color:#000;
      top:0px;
}
#encNav_impr {
	position:relative;
	color:#000;
	top:0px;
}

/*--------- Ende Textscroller rechts -------------------------*/

/*--------- Anfang Kontaktformular -------------------------*/
caption {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #333;
	padding-top: 5px;

}
label {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	width: 100px;
}
input {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	border: 1px solid #CCC;
	width: 160px;
}
select {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #ccc;
	width: 100px;
}
#senden {
	width: 80px;
	text-align: center;
	border: 1px solid #CCC;
	margin-left: 12px;
}
#zuruecksetzen {
	width: 80px;
	text-align: center;
	border: 1px solid #CCC;
	margin-left: 12px;
}
#betreff {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	width: 400px;
}

textarea {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #CCC;
	width: 400px;
}
#kontaktform {
	margin-left: 10px;
	margin-top: 10px;
}
/*--------- Ende Kontaktformular -------------------------*/
/*--------- Anfang Tiny Slideshow -------------------------*/
#wrapper {
	width:500px;
	margin-top: 15px;
	margin-left: 12px;
	
}
.sliderbutton {
	float:left;
	width:17px;
	margin-left:10px;
	margin-right:10px;
}
.sliderbutton img {
	cursor:pointer;
}
#slider {
	float:left;
	position:relative;
	overflow:auto;
	width:400px;
	height:180px;
	margin-left:0px;
	margin-top:5px;
}
#slider ul {
	position:absolute;
	list-style:none;
}
#slider li {
	float:left;
	width:400px;
	height:180px;
}
.pagination {
	float:left;
	list-style:none;
	height:25px;
	margin-left: 20px;
}
.pagination li {
	float:left;
	cursor:pointer;
	background:#FFFFFF;
	text-align:center;
	color:#333333;
	padding: 5px 8px 5px 8px;
	margin-left: 10px;
}
.pagination li:hover {
	background:#FFFFFF;
	color:#CCCCCC;
}
li.current {
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
}

li#content {
	width:400px;
	height:180px;
	padding-top: 5px;
}
/*--------- Ende Tiny Slideshow -------------------------*/
/*--------- Anfang Lightbox -------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img{
	width: auto;
	height: auto;
}
#lightbox a img{
	border: none;
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 0px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{
	left: 0;
}
#hoverNav a{
	outline: none;
}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/buttons/prevlabel.gif) left 50% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/buttons/nextlabel.gif) right 50% no-repeat;
}
#imageDataContainer{
	font: 10px Trebuchet MS,Verdana, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData{
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
}
#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left;
}	
#imageData #caption{
	font-weight: bold;
}
#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			
#imageData #bottomNavClose{
	width: 25px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
}
/*DIV-Container im content_li für Sets*/
.image_setbox {
	height: 230px;
	width: 450px;
	margin-top:15px;
	margin-left:25px;
}
/*--------- Ende Lightbox -------------------------*/
.galerie_container {
	height: 60px;
	width: 70px;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 20px;
}