@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top repeat-x #fff;
	font:0.9em "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	line-height:1.7em;
}

a:link, a:visited {
	color:#306185;
	text-decoration:underline;
}

a:hover, a:active {
	color:#306185;
	text-decoration:none;
}

p {
	margin:0 0 1.3em 0;
}

img {
	border:0;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.cms-image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
   float:right;
   margin:0 0 15px 15px;
   border:3px solid #e3e3e3;
}


.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:0 0 0 0;
}

.line {
	border-bottom:1px solid #d8e6f1;
	margin:0 0 2em 0;
}

.image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.right-float {
	float:right;
	margin:0 0 15px 15px;
}

.cms-image {
	float:right;
	margin:0 0 15px 15px;
	border:3px solid #e3e3e3;
}

.left-float {
	float:left;
}

.border {
	border:3px solid #f2f2f2;
}

.highlight {
	font-size:1em;
	color:#306185;
	font-weight:bold;
}

.right-margin {
	margin-right:10px;
}

.left-margin {
	margin-left:10px;
}

.small-text {
	color:#777;
	font-size:0.9em;
}

.zoom {
	width:289px;
	height:17px;
	padding:0 3px 3px 3px;
	margin-top:3px;
	background:#306185;
	text-align:center;
}


a.white, a.white:visited {
	color:#fff;
	text-decoration:none;
}

a.white:hover, a.white:active {
	color:#fff;
	text-decoration:underline;
}

.big-text {
	font-size:1.3em;
	color:#306185;
	font-weight:bold;
	margin:5px 34px 0 0;
	text-align:right;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container {
	width:980px;
	margin:0 auto;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#header {
	width:980px;
	height:320px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

h1 {
	width:215px;
	height:90px;
	position:absolute;
	left:60px;
	top:99px;
}

div#logo-container {
	width:312px;
	height:113px;
	position:absolute;
	top:83px;
	left:334px;
}

div#claim-container {
	width:320px;
	height:130px;
	position:absolute;
	top:81px;
	left:645px;
}

/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	top:15px;
	left:600px;
	font-size:0.85em;
	list-style-type:none;
	text-transform:uppercase;
	word-spacing:0.8em;
	color:#fff;
}

ul#navi a:link, ul#navi a:visited {
	color:#fff;
	text-decoration:none;
}
ul#navi a:hover, ul#navi a:active {
	color:#fff;
	text-decoration:underline;
}
ul#navi li {
	margin-left:8px;
	float:left;
}

/* ---- navi-add <<<--------------------------------------------------------------------------------------*/

ul#navi-add {
	position:absolute;
	list-style-type:none;
	width:920px;
	height:30px;
	top:249px;
	left:50px;
	font:1.25em Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

ul#navi-add  a:link, ul#navi-add  a:visited {
	color:#fff;
	text-decoration:none;
}
ul#navi-add  a:hover, ul#navi-add  a:active {
	color:#033960;
	text-decoration:none;
}
ul#navi-add  li {
	margin-right:32px;
	float:left;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:980px;

}
/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:322px;
	height:450px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
	position:relative;
	font-size:0.85em;
	line-height:1.7em;
}

div#content-sidebar-fragen {
	position:absolute;
	width:220px;
	height:120px;
	top:204px;
	left:42px;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:600px;
	padding:0 35px 0 23px;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;
}

.content-main-column {
	float:left;
	width:290px;
	padding-right:10px;
}

.iframe {
	border:1px solid #b4c7d6;
	margin-right:15px;
	width:295px;
}

div#content-main ul {
	margin-left:20px;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

/* h2 */
h2 {
	text-indent:-9999px;
	margin:0 0 0 -10px;
	height:62px;
}

h2#willkommen {background:url(../images/h2/h2-willkommen.gif) 0 0 no-repeat;}
h2#kontakt {background:url(../images/h2/h2-kontakt.gif) 0 0 no-repeat;}
h2#anfahrt {background:url(../images/h2/h2-anfahrt.gif) 0 0 no-repeat;}
h2#impressum {background:url(../images/h2/h2-impressum.gif) 0 0 no-repeat;}
h2#fehler {background:url(../images/h2/h2-fehler.gif) 0 0 no-repeat;}

h2#unternehmen {background:url(../images/h2/h2-unternehmen.gif) 0 0 no-repeat;}
h2#privatklienten {background:url(../images/h2/h2-privatklienten.gif) 0 0 no-repeat;}
h2#gps {background:url(../images/h2/h2-gps.gif) 0 0 no-repeat;}
h2#dna {background:url(../images/h2/h2-dna.gif) 0 0 no-repeat;}
h2#kosten {background:url(../images/h2/h2-kosten.gif) 0 0 no-repeat;}
h2#berufsbild {background:url(../images/h2/h2-berufsbild.gif) 0 0 no-repeat;}
h2#links {background:url(../images/h2/h2-links.gif) 0 0 no-repeat;}
h2#agb {background:url(../images/h2/h2-agb.gif) 0 0 no-repeat;}


/* h3 */
h3 {
	margin:0 0 0.5em 0;
	font:1.3em Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#306185;
}

/* h4 */
h4 {
	font-size:1em;
	margin:0 0 0 0;
	color:#306185;
	font-weight:bold;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:100%;
	height:170px;
	background:url(../images/bg-footer.jpg) center top repeat-x;
	font-size:0.85em;
	line-height:1.5em;
}


/* ---- footer-content <<<--------------------------------------------------------------------------------*/

div#footer-content {
	width:980px;
	height:170px;
	margin:0 auto;
	padding:0 0 0 0;
	background:url(../images/bg-footer-content.jpg) 0 0 no-repeat;
	position:relative;
}

div#footer-content-graz {
	height:75px;
	width:250px;
	position:absolute;
	top:64px;
	left:350px;
}

div#footer-content-knittelfeld {
	width:185px;
	height:75px;
	position:absolute;
	top:64px;
	left:670px;
}

div#footer-content-klagenfurt {
	width:250px;
	height:75px;
	position:absolute;
	top:64px;
	left:705px;
}