@charset "utf-8";

/*--------------------------------------------------------------*/
/* 		IT92																											*/
/* 		STYLESHEET									        											*/
/*--------------------------------------------------------------*/
/* 		DESIGN AND PROGRAMMING by JNSM														*/
/* 		design. develope. create.																	*/
/* 		http://www.jnsm.at _ office@jnsm.at				  	 						*/
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
/*		E L E M E N T S
/*--------------------------------------------------------------*/

* {margin:0;padding:0;}

body {
	color: #717D82;
	background-color: #E6E6E6;
	background-image: url(../images/bgbody.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
}

h1 {
	text-indent: -9999px;
	line-height: 24px;
}

a {
	color: #717D82;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

img {border:0;}

/*--------------------------------------------------------------*/
/*		D I V S
/*--------------------------------------------------------------*/

#wrapper {
	width: 967px;
	margin: 0 auto;
}

#header {
	height: 104px;
	background-image: url(../images/bgheader.png);
	background-repeat: no-repeat;
}

#header2 {
	height: 104px;
	background-image: url(../images/bgheader2.png);
	background-repeat: no-repeat;
}

#main2 {
	width: 647px;
	float: left;
	background-image: url(../images/bgmain2.gif);
	background-repeat: repeat-y;
}

#main2 h3 {
	margin: 20px 0 20px 14px;
	background-image: url(../images/bgh2.png);
	background-repeat: no-repeat;
	color: #50A1BA;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	padding: 10px 0 10px 10px;
}

#main2 h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 30px 0 24px;
}

#main2 p {
	margin: 0 30px 10px 24px;
}

#main2 p.p3 img {
	margin: 10px !important;
	padding: 0 !important;
}

#navi {
	height: 38px;
	background-repeat: no-repeat;	
}

.homenavi {background-image: url(../images/bgnavi.gif);}
.contentnavi {
	background-image: url(../images/bgnavi2.gif);
}

#navi ul {
	list-style-type: none;
	padding: 6px 0 0 17px;
}

#navi ul li {
	height: 19px;
	float: left;
}

#navi ul li a {
	display: block;
	height: 19px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#navi ul li a:hover {
	background-position: 0 -19px;
}

#linkhome {width:58px;background-image:url(../images/linkhome.gif);}
#linkprofil {width:109px;background-image:url(../images/linkprofil.gif);}
#linkserv {width:117px;background-image:url(../images/linkser.gif);}
#linksec {width:95px;background-image:url(../images/linksec.gif);}
#linkref {width:99px;background-image:url(../images/linkref.gif);}
#linkkontakt {width:78px;background-image:url(../images/linkkontakt.gif);}

#teaser {
	height: 312px;
	background-image: url(../images/bgteaser.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

#teaser img {
}

#main {
	background-image: url(../images/bgwrapper.gif);
	background-repeat: repeat-y;
	padding-left: 14px;
	height: 490px;
}

#left {
	width: 300px;
	height: 350px;
	float: left;
	margin: 0 20px 0 0;
	background-image: url(../images/bg_serv_box.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#left h2 {
	height: 24px;
	text-indent: -9999px;
	background-image: url(../images/h2_serv.gif);
	background-repeat: no-repeat;
	margin: 59px 0 10px 11px;
}

#left p {
	margin: 0 15px 0 15px;
	color: #9BA1A3;
}

#center {
	float: left;
	width: 300px;
	height: 350px;
	background-image:url(../images/bg_sec_box.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	position: relative;
}

#center h2 {
	height: 24px;
	text-indent: -9999px;
	background-image: url(../images/h2_sec.gif);
	background-repeat: no-repeat;
	margin: 59px 0 10px 11px;
}

#center h3 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 0 15px;
}

#center p {
	margin: 0 15px 10px 15px;
	color: #9BA1A3;
}

#right {
	width: 323px;
	float: left;
	background-image: url(../images/bg_right.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-bottom: 100px;
}

#right h2 {
	background-image: url(../images/mainhead.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-indent: -9999px;
	height: 102px;
}

#right p {
	margin: 5px 15px 10px 25px;
}

#submenue {
	float: left;
	width: 320px;
	background-image: url(../images/sub_bg.gif);
	background-repeat: repeat-y;
}

#submenue h2 {
	height: 119px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#h2profil {background-image: url(../images/h2_profil.png);}
#h2serv {background-image: url(../images/h2_serv.png);}
#h2sec {background-image: url(../images/h2_sec.png);}
#h2ref {background-image: url(../images/h2_ref.png);}
#h2kontakt {background-image: url(../images/h2_kontakt.png);}

#submenue p {
	margin: 0 30px;
}

#submenue ul {
	list-style-type: none;
	margin-left: 18px;
}

#submenue ul li {
	background-image: url(../images/subline.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 4px 0 8px 25px;
}

#submenue ul li a {
	font-weight: normal;
	text-decoration: none;
}

#submenue ul li a:hover {
	color: #DB6135;
}

#submenue div {
	background-image: url(../images/sub_footer.png);
	height: 50px;
	background-repeat: no-repeat;
}

#subimage {
	height: 229px;
	background-image: url(../images/bgsubimage.png);
	background-repeat: no-repeat;
}

#subimage img {
	margin-left: 13px;
}

#footer {
	height: 151px;
	background-image: url(../images/bgfooter.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	position: relative;
}

#footer div {
	width: 967px;
	height: 138px;
	margin: 0 auto;
	background-image: url(../images/bgfooter2.gif);
	background-repeat: no-repeat;
	position: relative;
	color: #B7B7B7;
}

#footer span {
	color: #5FBFDC;
	font-weight: bold;
}

#footer a {
	color: #DB6135;
	font-weight: bold;
	text-decoration: none;
}

#footer p.f1 {
	position: absolute;
	top: 85px;
	left: 15px;
}

#footer p.f2 {
	position: absolute;
	top: 85px;
	right: 15px;
}


/*--------------------------------------------------------------*/
/*		C L A S S E S
/*--------------------------------------------------------------*/

.big1 {
	font-size: 15px;
	line-height: 20px;
}

.btn1 {
	display: block;
	width: 94px;
	height: 24px;
	position: absolute;
	bottom: 45px;
	right: 15px;
	background-image: url(../images/btn1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999px;
}

.btn1:hover {
	background-position: 0 -24px;
}

.activ {
	background-position: 0 -19px;
}

.activ2 {
	color: #DB6135;
	font-weight: bold !important;
}

.p2 {
	margin: 20px 44px 0 !important;
	border-top: 1px dotted #B3BBBF;
	padding-top: 20px;
}

.ul1 {
	margin: 0 0 0 50px;
	list-style-type: square;
}

.ul1 li.ul1 {
	margin: 0 0 10px 0;
}

.ul2 {
	margin: 6px 0 0 5px;
	list-style-type: none;
	color: #99A9AF;
}

.ul3 {
	margin: 6px 0 0 30px;
	list-style-type: none;
}

.teammember {
	margin: 20px 30px 0;
	border-top: 1px dotted #B3BBBF;
	padding-top: 20px;
}

.teammember img {
	float: left;
	margin: 0 15px 10px 0;
}

.teammember span {
	color: #FFFFFF;
	background-color: #B3BBBF;
}

.pic1 {
	float: left;
	margin: 0 15px 10px 24px;
}

.pic2 {
	float: right;
	margin: 0 80px 0 0;
}