html, body {
	font-family: Calibibri, Verdana, Arial, non-serif;
	font-size:12px;
	background:url(inhalt/bg_top.png) repeat-x scroll left top;
}

body {
	overflow-y:scroll
}


h1, h2, h3, h4, h5 {
	font-weight:lighter;
	color:#333333;
}

h1 {
	font-size: 16px;
}

h3 {
	font-size:10px;
}

a:active, a:focus {
	outline: none;
}

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

a:hover {
	Color: #af1414;
}

 blockquote {
    color:#727272;
	display:block;
	font-size:16px;
	font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
}

.main {
	margin: 0px auto 0px auto;
	width: 800px;
	position: relative;
}

#content {
	background:url(inhalt/blase450.png) no-repeat;
	background-position: center;
	width:auto;
	height:589px;
	margin-top:10px;
	border-top: 3px solid #a5a5a5;
}

#content_service{
	width:auto;
	height:589px;
	margin-top:10px;
	border-top: 3px solid #a5a5a5;
}

#content_service a:hover {
	Color: #af1414;
	border-bottom: 2px solid #a5a5a5;
}

#content_service a {
	color:#a2a2a2;
}

#kon-content {
	background:url(inhalt/blase.png) no-repeat;
	background-position: center;
	width:auto;
	height:589px;
	margin-top:10px;
	border-top: 3px solid #a5a5a5;
}

#ref-content {
	width:auto;
	height:589px;
	margin-top:10px;
	border-top: 3px solid #a5a5a5;	
}

.mainnavi{
	padding-left:54px;
	padding-right:54px;
	padding-bottom:10px;
	padding-top: 5px;
	

}
.textbox {
	padding-left:54px;
	padding-right:54px;
	padding-top:27px;
	height:450px;
}

a {
	text-decoration:none;
}

.link a {
	font-size:12pt;
	list-style-type:none;
	float:left;
	color:#a2a2a2;
	
}
.link a:hover {
	Color: #af1414;
	border-bottom: 2px solid #a5a5a5;
}

.link  a:active{
	Color: #af1414;
	border-bottom: 2px solid #a5a5a5;
}

.header  h1{  /*Website Überschriften*/
	color:#af1414;
	font-size:1.4em;
	margin:0px;
}

.header h2 {
	color:#333333;
	font-size:2.2em;
	
	margin:0px;
}

/*FOOTER*/

.footer {
	float:clear;
	Color: #a5a5a5;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-border-radius:10px 10px 0 0;
	-moz-box-shadow:0 0 10px #000000;
	border-radius:10px 10px 0 0;
	box-shadow:0 0 10px #000000;
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#8c8c8c #8c8c8c -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px medium;
	bottom:0px;
	font:11px/15px Arial,Helvetica,sans-serif;
	height:25px;
	margin:30px auto 0 auto;
	left:auto;
	position:fixed;
	width:800px;
	z-index:99999;
	padding:5px;
}

.footer:hover {
	height:30px;
	opacity:0.95;
	filter:alpha(opacity=95)
} 

.footermargin {
	height:60px;
	margin:160px;
}

.ph{
	width:65%;
	float:left;
}
.socialnet {
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.footlinks {
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.fb_edge_widget_with_comment {
	position:relative;
	top:5px;
	float:left;
}

.connect_comment_widget .nub .comment_content{
	position:relative;
	top:75px;
}


/*FOOTER ENDE*/

.exs {
	border:1px solid #afafaf;
	width:690px;
	height:239px;
}

a {
	border:0px;
}

.work {
	text-align:left;
	font-weight:bolder;
	
}


 
 #slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
}

#slider, #slider li{ 
		width:696px;
		height:241px;
		overflow:hidden; 
}

span#nextBtn {
	left:757px;
	position:absolute;
	top:362px;
	height:57px;
	width:45px;
}




span#prevBtn {
	left:-8px;
	position:absolute;
	top:362px;
}

img{
	border:none;
}



.slide-img {
	
	width:390px;
	height:241px;
	float:left;
}

.slide-text {
	background:url(inhalt/trans.png);
	width:300px;
	height:241px;
	float:left;
	
	
}

.slide-text p {
	background:#ffffff;
	font-weight:normal;
	font-size:14px;
	border-left:1px solid #afafaf;
	border-top:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
}

.webbg {
	background:url(inhalt/webbg.jpg) no-repeat;
	width:696px;
	height:241px;
	
}

.rebg {
	background:url(inhalt/redbg.jpg) no-repeat;
	width:696px;
	height:241px;
	
}

.copobg {
	background:url(inhalt/copobg.jpg) no-repeat;
	width:696px;
	height:241px;

}

.contact {
	background:url(inhalt/contactbg.png) no-repeat;
	width:400px;
	height:373px;
	padding:25px;
	position:absolute;
	left:200px;
	top:220px;
		
}

.contact p {
	font-weight:bold;
}

.line {
	width:550px;
	height:225px;
	float:left;
	margin:0 0 25px 0;
	border-bottom: 2px solid #e4e4e4;
	position:relative;
	left:73px;
}

.column {
	float:left;
	width:275px;
	height:225px;
}

.rev-box-bg{
	width:275px;
	height:220px;
	margin:0 0 25px 0;
	background:url(inhalt/blase275.png) no-repeat;
}

.rev-box-text {
	width:275px;
	height:220px;
	padding:20px;
}

/* Module */
.module {
	list-style-type:none;
	margin:0 0 15px 0;
	padding:0 0 0 15px;
	border-top:1px dashed #a5a5a5;
}

.module li {
	border-bottom:3px solid #A5A5A5;
	float:left;
	list-style-type:none;
	margin:0 32px 0 0;
	padding:5px 5px 0 5px;
	width:197px;
	min-height:232px;
}

.module li h2 {
	color:#a5a5a5;
	font-size:18px;
	letter-spacing:-0.02em;
	margin: 0 0 15px 0;
	padding:0;
	font-weight:bold;
}

.module li p {
	display:block;
	font-size:12px;
	line-height:20px;
}

.icon {
	margin:0 0 0 22px;
	width:40px;
}

/*Projects Thumbnails */

.projects  {
	float:left;
	width:746px;
	height:133px;
	margin:20px auto 10px auto;
	padding-left:54px;
	padding-top:15px;
	list-style-type:none;
	border-top: 1px dashed #a5a5a5;
}

.projects h2 {
	color:#a5a5a5;
	font-size:18px;
	letter-spacing:-0.02em;
	margin: 0 0 15px 0;
	padding:0;
	font-weight:bold;
}

.projects ul {
	margin: 0 auto 0 auto;
}

.projects  li{
	float:left;
	list-style-type:none;
	margin:3px 75px 3px 0; /* bei 5 Projekten auf 22px*/
	opacity:0.99;
	padding:0;
	width:95px;
	height:69px;
}

.projects li a img {
	border:4px solid #a5a5a5;
}

.projects li a img:hover{
	border:4px solid #af1414;
}

/*Leistungen Service*/

.service {
	width:800px;
	float:left;
	margin-top:15px;
	padding-left:54px;
	line-height:1.80em;
}

.service_icon {
	float:left;
	width:75px;
	margin:0 5px 0 0;
}

.service_icon_klein {
	float:left;
	width:50px;
	margin:0 5px 0 0;
}


.main_service {
	width:746px;
	min-height:200px;
	margin:0 0 15px 0;
	border-bottom:1px dashed #a5a5a5;
	padding-bottom:15px;
}

.main_service_text {
	width:480px;
	margin-right:20px;
	float:left;
}

.main_service_pic {
	width:246px;
	height:200px;
	float:left;
}

.sub_service {
	float:left;
	width: 342px;
	margin-right:42px;
	padding:5px;
	min-height:202px;
	border-bottom:3px solid #a5a5a5;
}

/* Mobile */

.mobile-left {
	float:left;
	width:466px;
	min-height:800px;
	margin:0 20px 0 0;
}

.mobile-right {
	float:left;
	min-height:800px;
	width:260px;
}

.mobile-sub {
	min-height:120px;
	padding-bottom:20px;
	border-bottom:1px dashed #a5a5a5;
}

.mobile-sub li {
	list-style-type:none;
	margin:0 0 0 15px;
}

.mobile-sub-img {
	margin:8px 0px 0px 60px;
}

/* Kontakt Tab */

.contab {
	background-image:url(inhalt/kontakt_bg.png);
	color:#FFFFFF;
	cursor:pointer;
	height:160px;
	right:0;
	margin-left:-7px;
	overflow:hidden;
	position:fixed;
	text-indent:-100000px;
	top:25%;
	width:80px;
	z-index:100000;
}

.contab a:hover {
	background-image:url(inhalt/kontakt_hover.png);
	width:80px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/*Mobile CSS */

.mobilenavi {
	display:"none";
	display:none;
	display:'none';
}