@charset "utf-8";
@import "reset.css";
/*CSS Document */

body{
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	line-height:1.5em;
	overflow-y:scroll;
}

#container{
	width:1000px;
	margin:auto;
}

#main{
	background-image:url(../images/name.png);
	background-repeat:no-repeat;
	width:234px;
	height:231px;
	position:relative;
	top:200px;
	left:0px;
	margin:auto;
}

#referenzen{
	background-image:url(../images/referenzen.png);
	background-repeat:no-repeat;
	width:23px;
	height:375px;
	position:absolute;
	left:33px;
	top:6px;
	cursor:pointer;
}

#kontakt{
	background-image:url(../images/kontakt.png);
	background-position: 22px center;
	background-repeat:no-repeat;
	width:147px;
	height:28px;
	position:absolute;
	left:89px;
	top:6px;
	padding-left: 25px;
	cursor:pointer;
}

#leistungen{
	background-image:url(../images/leistungen.png);
	background-position: 22px center;
	background-repeat:no-repeat;
	width:208px;
	height:30px;
	position:absolute;
	left:89px;
	top:82px;
	padding-left: 25px;
	cursor:pointer;
}

#leistungen_content {
	list-style-image: url(../images/li.png);
	font-family: thin, arial, verdana;
	font-weight:normal;
	font-size:17px;
	position:relative;
	top:-30px;
	left:470px;
	width:500px;
	height:auto;
	
	display: none;
}

#referenzen_content{
	font-family: thin, arial, verdana;
	font-weight:normal;
	font-size:14px;
	position:absolute;
	top:50px;
	margin-left:70px;
	width:520px;
	height:650px;
	
	display: none;
}
#referenzen_content .cycle-slideshow{
	margin-top: 130px;
	border: 10px solid rgba(0, 0, 0, .7);
}
#referenzen_content .pager #prev3{
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	width: 46px;
	height:31px;
	position: absolute;
	top: 622px;
	left: 227px;
}
#referenzen_content .pager #next3{
	background-image: url(../images/arrow_up.png);
	background-repeat: no-repeat;
	width: 46px;
	height:31px;
	position: absolute;
	top: 76px;
	left: 227px;
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#kontakt_content{
	list-style-image: url(../images/li.png);
	font-family: thin, arial, verdana;
	font-weight:normal;
	font-style: normal;
	font-size:17px;
	position:absolute;
	top:50px;
	margin-left:250px;
	width:600px;
	height:auto;
	
	display: none;
}

/* caption */
.cycle-caption {
	position: absolute;
	color: white;
	bottom: 15px;
	right: 15px;
	z-index: 700;
	display: none;
}

/* overlay */
.cycle-overlay { 
	font-family: tahoma, arial;
/* 	font-family: thin, arial, verdana; */
/* 	letter-spacing:1px; */
	position: absolute;
	bottom: 0;
	width: 470px;
	z-index: 600;
	background: black;
	color: white;
	padding: 15px;
	/*margin: 0 0 10px 10px;*/
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

.cycle-overlay div:first-child{
	font-size: 16px;
}
.cycle-overlay div:last-child{
	font-size: 14px;
}




/*STYLES*/
@font-face {
  font-family: "thin";
  font-weight: normal;
  src: url("../font/HelveticaThin.eot");
}
@font-face {
  font-family: "thin";
  font-weight: normal;
  src: url("../font/HelveticaThin.otf") format("opentype");
}

.hidden{
	display: none;
	visibility: hidden;
}
a{color:black;}
h1, h2{
	background-image: url(../images/link.png);
	background-repeat:no-repeat;
	background-position:0px 60%;
	font-family: thin, arial, verdana;
	font-weight:normal;
	font-size:21px;
	cursor:default;
	margin-bottom:20px;
	padding-left:20px;
}

#keinscript {
    background-color: #770000; 
	color: #FFFFFF;
	font-size: 17px;
	font-family: thin, Arial, Helvetica, sans-serif;
	text-align:center;
}

.referenz{
	background-image: url(../images/referenz_overlay.jpg);
	background-repeat:no-repeat;
	width:225px;
	height:150px;
	border: 2px solid #000000;
	box-shadow:4px 4px 4px #999;
	margin:0px 40px 40px 0px;
}
.referenz2{
	background-image: url(../images/referenz_overlay2.jpg);
	background-repeat:no-repeat;
	width:225px;
	height:150px;
	border: 2px solid #000000;
	box-shadow:4px 4px 4px #999;
	margin:0px 40px 40px 0px;
}
.referenz3{
	background-image: url(../images/referenz_overlay3.jpg);
	background-repeat:no-repeat;
	width:225px;
	height:150px;
	border: 2px solid #000000;
	box-shadow:4px 4px 4px #999;
	margin:0px 40px 40px 0px;
}
.referenz4{
	background-image: url(../images/referenz_overlay4.jpg);
	background-repeat:no-repeat;
	width:225px;
	height:150px;
	border: 2px solid #000000;
	box-shadow:4px 4px 4px #999;
	margin:0px 40px 40px 0px;
}

.webdesign, .cms, .seo, .blog, .visitenkarte, .template{
	cursor:pointer;
}

.webdesign_content, .cms_content, .seo_content, .blog_content, .visitenkarte_content, .template_content{
	font-size:15px;
}

/*KONTAKT*/
.kontakt_table{	
	width:300px;
	float:left;
}
.kontakt_table input, .kontakt_table textarea{
	margin-bottom:7px;
	width: 215px;
	padding:3px 0px 3px 3px;
	border: 1px solid #999;
}
/*.kontakt_table textarea{*/
/*	padding-right: 3px;*/
/*}*/
.kontakt_table input.submit, .kontakt_table input.reset{
	width: 95px;
	padding: 5px;
	background: #333;
	color: white;
	border: none;
	cursor: pointer;
}
.kontakt_table input.submit{
	margin-left: 30px;
}
.kontakt_table a.mail{
	text-decoration: none;
}
.kontakt_table a.mail:hover{
	text-decoration: underline;
}
.nachricht{
	margin-top:-20px;
	vertical-align: top;
}