/* --------------------------------------------------------------------------------------------------

	2008/12/16
	intersoftedv.template.css
	
	www.getdesigned.at
	martin hochreiter
	enrico lackner
	
-------------------------------------------------------------------------------------------------- */
 
/* --------------------------------------------------------------------------------------------------
	GENERAL
-------------------------------------------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	height:101%;
	font-family: Arial, Verdana, sans-serif;
	color:#45637a;
	line-height:39px;
	font-size:12px;
}
img, fieldset, table{
	border:0;
}
h1 #logo {
	float:right;
	width:122px;
	height:69px;
	padding:20px 32px 0 0;
	background:url(/graphics/general/intersoftedv.logo.png) no-repeat bottom left;
}
h1 span, h2 span, h3 span, h4 span, h5 span {
	display:none;
}
h3{
	font-size:12px;
}
h3.ueberblick {
	width:100%;
	height:22px;
	padding:0 0 30px 0;
	background:url(/graphics/content/headings/prowas/ueberblick.png) no-repeat 0 0 ;
}
h5{
	font-weight:bold;
	font-size:12px;
}
p {
	padding:0 0 30px 0;
}
a {
	color:#46647b;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	color:#193144;
	text-decoration:underline;
}
#page {
	position:absolute;
	left:50%;
	margin-left:-491px;
	padding:0 0 0 5px;
	width:973px;
	height:100%;
	background:url(/graphics/general/page_gradient.left.png) no-repeat 0 0;
}
#page_shadow_right {
	position:absolute;
	top:0;
	left:50%;
	margin-left:490px;
	width:5px;
	height:100%;
	background:url(/graphics/general/page_gradient.left.png) no-repeat 0 0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
/* --------------------------------------------------------------------------------------------------
	HEADER
-------------------------------------------------------------------------------------------------- */
#header {
	height:74px;
	width:973px;
	line-height:16px;
	background:url(/graphics/general/headermenu.bg.png) no-repeat bottom left;
}
#header_nav {
	padding:1px 0 0 0;
	height:19px;
}
#header_nav ul {
	padding:0 0 0 30px;
	width:300px;
}
#header_nav li {
	display:inline;
	padding:0 15px 0 0;
}
#header_nav span{
	display:none;
}
#header_nav li a {
	font-size: 10px;
	line-height:10px;
	color:#45637A;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
}
#header_nav li a:hover {
	color:#193144;
}
/* --------------------------------------------------------------------------------------------------
	MAIN NAVIGATION
-------------------------------------------------------------------------------------------------- */
ul#main_nav {
	margin:0 0 0 15px;
}
#main_nav li {
	display:inline;
	float:left;
	height:39px;
}
#main_nav li a:link, #main_nav li a:visited {
	text-decoration:none;
	display:block;
	background-position:top center;
}
#main_nav li a:link#home, #main_nav li a:visited#home {
	padding:0 15px 39px 15px !important;
	width:48px;
	background-image:url(/graphics/menues/main/home.png);
}
#main_nav li a:link#filwas, #main_nav li a:visited#filwas {
	padding:0 15px 39px 15px !important;
	width:58px;
	background-image:url(/graphics/menues/main/filwas.png);
}
#main_nav li a:link#prowas, #main_nav li a:visited#prowas {
	padding:0 15px 39px 15px !important;
	width:68px;
	background-image:url(/graphics/menues/main/prowas.png);
}
#main_nav li a:link#unternehmen, #main_nav li a:visited#unternehmen {
	padding:0 15px 39px 15px !important;
	width:123px;
	background-image:url(/graphics/menues/main/unternehmen.png);
}
#main_nav li a:link#partner, #main_nav li a:visited#partner {
	padding:0 15px 39px 15px !important;
	width:74px;
	background-image:url(/graphics/menues/main/partner.png);
}
#main_nav li a:link#referenzen, #main_nav li a:visited#referenzen {
	padding:0 15px 39px 15px !important;
	width:105px;
	background-image:url(/graphics/menues/main/referenzen.png);
}
#main_nav li a:hover, #main_nav li a.active {
	background-position:bottom center;
}
#main_nav span {
	display:none;
}

/* --------------------------------------------------------------------------------------------------
	TEASER
-------------------------------------------------------------------------------------------------- */
#teaser {
	top:113px;
	width:974px;
	height:165px;
	background:url(/graphics/teaser/teaser1.png) no-repeat 0 0;
}
#teaser_home{
	top:113px;
	width:974px;
	height:252px;
	background:url(/graphics/teaser/teaser_home.jpg) no-repeat 0 0;	
}
#teaser h2, #teaser_home h2{
	display:none;
}

/* --------------------------------------------------------------------------------------------------
	NEWSBOX
-------------------------------------------------------------------------------------------------- */
#newsbox {
	clear:both;
	position:relative;
	height:75px;
	padding:10px 10px 0 32px;
	line-height:16px;
	overflow:hidden;
	border-bottom:1px solid #a9c1cb;
}
#newsbox p {
	display:inline;
	padding-right:5px;
}
#newsbox div  {
	float:left;
	width:282px !important;
	height:63px;
	margin:0 !important;
	overflow:hidden;
}
#newsbox h1{
	background: url(/graphics/general/newsbox.png) no-repeat center right;
	width:282px;
	height:64px;
}
#newsbox h4, #content_right h4 {
	display:block;
	height:14px;
	width:270px;
}
#newsbox div.spacer {
	width:31px !important;
	background-image:url(/graphics/general/news_spacer.png);
}
a.read_more {
/*	float:right;
	position:relative;
	top:-16px;
	margin-top:-16px;*/
	
}
/* --------------------------------------------------------------------------------------------------
	CONTENT
-------------------------------------------------------------------------------------------------- */
#content, #content_home {
	clear:both;
	position:relative;
	width:974px;
	min-height:300px;
	line-height:20px;
	overflow:hidden;
}
#content{
	padding:40px 0 0 0;
	background:url(/graphics/general/content_bg.png) no-repeat 0 0;
}
h2.topheadline{
	height:40px;
	background:#46647b;
	width:100%;
	position:relative;
	top:-1px;
}
#sidebar{
	float:left;	
	width:284px;
	overflow:hidden;
	margin:0 30px;
	_margin:0 15px;
}
.sidebarWrapper{
	margin:0 0 20px 0;	
}
#content #content_right {
	padding:0 30px 75px 0;
	float:left;
	font-size:12px; 
	width:590px;
}
#box_casestudy{
	float:left;
}
#content h2{
	display:block;
	height:25px;
	width:590px;
	margin:0 0 20px 0;	
}
table.bio th{
	width: 90px;
	vertical-align:top;
	text-align:left;
}
table.bio td,table.bio th{
	padding:2px 0;
}
.pdf{
	background: url(/graphics/icons/pdf.gif) no-repeat center left;
	padding:0 0 0 23px;
}
#content_right ul{
	padding:0 0 10px 0;	
}
#content_right li{
	margin: 0 30px;
}
table{
	margin:0 0 30px 0;
}
td{
	vertical-align:top;
}
/* --------------------------------------------------------------------------------------------------
	FORMS
-------------------------------------------------------------------------------------------------- */
label{
	width:150px;	
	display:block;
	float:left;
	padding:2px 0;
}
.text_l input, .text_s input, input.text_cb{
	width:250px;
	border:1px solid #46647b;
	padding:2px;
}
.text_s input{
	width:100px;
}
input.text_cb{
	width:130px;
}
.los{
	border:0;
	background:none;
	color:#46647B;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}
fieldset{
	margin:5px 0;
}
button{
	margin:30px 0 0 150px
}
#content_right .radio input,
#content_right .check input{
	width: 20px;
	float:left;
	margin:0 0 0 148px;
}
#content_right .radio label,
#content_right .check label{
	width: 420px;
	float:right;
	padding:1px 0;
}

#content_right .group .radio label,
#content_right .group .check label{
	width: 410px;
}
#content_right p.errorMeldung,
#content_right #errorBlock{
	background:#FFEDED url(/graphics/icons/exclamation.png) no-repeat 10px center;
	padding:5px;
	padding-left: 35px;
	border: 1px solid #cc0000;
	color:#cc0000;
	width:212px;
	margin: 5px 0 5px 150px;
}
/* --------------------------------------------------------------------------------------------------
	HOME
-------------------------------------------------------------------------------------------------- */
#content_home{
	background:url(/graphics/home/was.jpg) no-repeat 0 0px;
}
#boxes_products{
	overflow:hidden;
	height:280px;
}
#box_prowas{
	float:left;
	width:225px;
	padding:0;
	margin:54px 0 0 240px;
	_margin:54px 0 0 120px;
}
#box_filwas{
	float:left;
	width:225px;
	padding:0;
	margin:54px 0 0 240px;
}
#boxes_products h2{
	margin:0 0 16px 0;
	display:block;
	height:25px;
}
#boxes_company{
	overflow:hidden;
	margin:15px 0 30px 0;
}
#box_casestudy{
	float:left;
	margin:0 26px 0 0;
}
#box_contact #callback{
	margin:46px 0 0 0;
	height:20px;
}
#box_contact{
	height:238px;
	width:249px;
	background:url(/graphics/home/kontakt.png) no-repeat 0 0;
	overflow:hidden;
	float:left;
	line-height:16px;
	margin:14px 0 0 0;
	padding:0 0 0 43px;
}
#box_contact p{
	margin:15px 0 0 0;
	padding:0 0 14px 0;
}
#box_contact h2{
	display:none;
}
#box_contact strong{
	color:white;
	font-weight:normal;
}
#box_contact th{
	color:white;
	font-weight:normal;
	width:45px;
	text-align:left;
}

/* --------------------------------------------------------------------------------------------------
	SUB NAVIGATION
-------------------------------------------------------------------------------------------------- */
ul#sub_nav {
	width:284px;
	padding:1px 0 0 0;
	list-style:none;
	background:url(/graphics/menues/sub/sub_menu_head.png) no-repeat -30px 0;
}
*+html ul#sub_nav, * html ul#sub_nav {
	padding:4px 0 0 0;
}
#sub_nav li {
  width:284px;
  padding:0 !important;
}
*+html #sub_nav li, * html #sub_nav li{
	margin-top:-3px;
}
#sub_nav li a {
  display:block;
  width:284px;
  height:34px !important;
  line-height:34px !important;
  background-repeat:no-repeat;
  background-position: -30px 0;
  padding:0 !important;
}
#sub_nav li a:hover, #sub_nav li a.active  {
  background-position:-30px bottom;
}
#ueberblick {
  background-image:url(/graphics/menues/sub/prowas/ueberblick.png);
}
#mehr_info {
  background-image:url(/graphics/menues/sub/prowas/mehr_info.png);
}
#technologie {
  background-image:url(/graphics/menues/sub/prowas/technologie.png);
}
#download {
  background-image:url(/graphics/menues/sub/prowas/download.png);
}
#sub_nav span {
  display:none;
}
/* --------------------------------------------------------------------------------------------------
	HIGHLIGHTS
-------------------------------------------------------------------------------------------------- */
h3#highlights {
	width:117px;
	height:20px;
	margin:32px 0 14px 0;
	background-image:url(/graphics/content/highlights.png);
}
#highlights span {
	display:none;
}
#list_highlights {
	list-style:none;
	padding:0;
	margin:0 0 30px 0;
	color:#84c6e2;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
}
/* --------------------------------------------------------------------------------------------------
	PARTNER/REFERENZEN/NEWS
-------------------------------------------------------------------------------------------------- */
.indent{
	margin:0 0 0 344px;
}
.clients{
	width:100%;
	margin:0 0 100px 0;
}
.clients .image{
	width:344px;
	float:left;
}
.clients .image img, #sidebar img{
	border:1px solid #a9c1cb;
	background:white;
	padding:15px;
	margin:0 0 0 30px;
	
}
.clients .row{
	padding:20px 0 0 0;
	clear:both;
}
.clients .text, .clients .text_last{
	border-bottom:1px solid #a9c1cb;
	padding:0 0 20px 0;
	margin:0 0 0 344px;
}
.clients .text_last{
	border:0;
}
/* --------------------------------------------------------------------------------------------------
	ADD ON BOXES
-------------------------------------------------------------------------------------------------- */
#addon {
  padding:22px 30px 30px 30px;
  width:914px;
  font-size:12px;
  background:url(/graphics/general/content_bg.png) no-repeat 0 0;
  clear:both;
  overflow:hidden;
}
#addon div {
	width:284px;
	float:left;
}
.quicklinks {
	padding:0 30px 0 0;
}
.quicklinks ul{
	list-style:none;
}
#addon h5 {
	padding:0 0 13px 0;
	width:100%;
	height:60px;
}
h5#addon_heading_1 {
	background:url(/graphics/content/addons/prowas/heading1.gif) no-repeat 0 0;
}
#addon_heading_2 {
	background:url(/graphics/content/addons/prowas/heading2.gif) no-repeat 0 0;
}
#addon_heading_3 {
	background:url(/graphics/content/addons/prowas/heading3.gif) no-repeat 0 0;
}
#addon li {
	border-bottom:1px solid #FFF;
	width:100%;
	display:block;
	padding:0 0 0 10px;
	height:24px;
	line-height:24px;
	color:#46647b;
	background:url(/graphics/general/quicklinks_bg.png) no-repeat 0 0;
}
#addon li a:hover {
	background-position:bottom left;
}
/* --------------------------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------------------------- */
#footer {
	clear:both;
	position:relative;
	padding:20px 30px 30px 30px;
	width:914px;
	height:22px;
	bottom:0;
	line-height:22px;
	font-size:10px;
	background:url(/graphics/general/footer.png) no-repeat center top;
	text-transform:uppercase;
}
#footer a {
	display:block;
	float:right;
	padding:0;
	width:100px;
	height:22px;
	background-image:url(/graphics/general/getdesigned.png);
}
#footer div.left {
	float:left;
}
#footer div.right {
	margin:0 10px 0 0;
	float:right;
}
#footer div.right div {
	float:left;
	margin:0 4px 0 0;
}
#footer div.right a{
	float:left;
	position:relative;
	top:1px;
}
#footer span {
	display:none;
}
#footer_left {
	float:left;
	width:914px;
}