@charset "UTF-8";

/************************************************

ventaflex.de

http://www.comspace.de
Author: franz@comspace.de
Create Date: 26.02.09

BASIC Template

Tested in: 
PC -> IE 7, FF3, Opera 9.62
MAC -> FF3, Opera 9.62

************************************************/

@import url("nav.css");
/*@import url("lightbox.css");*/

/************************************************
  CLEARING
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;	
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

/************************************************/
html {overflow-y: scroll;} 
body, div {
	margin-left: auto;
	margin-right: auto;
	}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	/* background: #fff url(../img/bg.gif) top left repeat-x; */
	line-height: 16px;
	margin-top:25px;
	}

	
img {border:none;}
strong { font-weight: bold; }

.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
.rl {position:relative;}

#box_nojava {
	border:1px solid red;
	color:#BC100E;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:1px 0 20px 0;
	padding:4px;
	width: 940px;
	}
	
#box_nojava a {
	color:#BC100E;
	text-decoration:underline;
	}	

/************************************************
  HEADLINES (CONTENT & CONTEXT)
************************************************/
h1 {}

/* GLOBAL AND CNT */

h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin:0 0 10px 0;
	}
	
	
div.hr {
  height: 1px;
  background: #a3bed5;
  margin:8px 0 16px 0;
}
div.hr hr {
  display: none;
}	
	
/************************************************
  BREADCRUMB & ANCHORS 
************************************************/
a {
	text-decoration:none;
	color:#000;
	}

a:hover {
	text-decoration:none;
	color:#c50022;
	}
	
.box_breadcrumb {
	padding:10px 160px 11px 470px;
	width: 349px; 
	color:#c50022;
	font-size:11px;
	}
	
.box_breadcrumb a {
	color:#c50022;
	text-decoration:underline;
	}	
	
#frame_teaser a {
	color:#00468e;
	text-decoration:underline;
	}	
	
/************************************************
  CONT & TEASER
************************************************/
	
#frame_cnt .box_cnt {
	 background:url(../img/bg_cnt.gif) top left repeat-y; 
	 padding:20px 30px 10px 300px; 
	 min-height:180px;
	 height:auto !important;  /* für moderne Browser */
	 height:180px;  /*für den IE */	 
	}	
	
#frame_cnt .box_cnt_2col {
	 background:url(../img/bg_cnt.gif) top left repeat-y; 
	 padding:20px 30px 10px 100px; 
	 min-height:180px;
	 height:auto !important;  /* für moderne Browser */
	 height:180px;  /*für den IE */	 
	}
	
#frame_cnt p {
	padding: 0 0 8px 0;
	}
	
	
#frame_cnt ul {
	margin-bottom:8px;
	list-style-type:disc;	
}	

#frame_cnt ul li {
	margin-left:15px;
	list-style-type:disc;	
}	

	
#frame_cnt .box_cnt_2col .cnt_img {
	float:left; 
	width:167px; 
	padding:0 10px 0 10px;
	}
#frame_cnt .box_cnt_2col .cnt_img img {	
	margin: 0 0 10px 0;
	}
 
#frame_cnt .box_cnt_2col .cnt_txt {
	float:left; 
	width:342px; 
	padding:0 0 0 20px;
	}	
	
#frame_cnt .box_cnt_bg {
	height:11px; 
	background:url(../img/bg_cnt_bottom.gif) top left no-repeat;
	}	
	
#frame_right .section {
	font-size:10px;
	color:#00468e;
	text-align:right; 
	margin-bottom: 6px; 
	}	
	
#frame_right .section a {
	color:#00468e;
	text-decoration:none;
	}
	
.box_teaser {
	font-size:10px; 
	color:#00468e;
	background:url(../img/bg_teaser.png) top left no-repeat;
	width:211px; 
	height:83px; 
	padding:7px 10px 10px 8px; 
	margin: 0 0 5px 0; 
	}	
	
#frame_teaser .teaser_img {
	float:left; 
	width:76px; 
	margin-right: 10px;
	}

#frame_teaser .teaser_txt {
	float:left; 
	height:75px; 
	width: 105px;
	padding-right: 15px; 
	text-align:right;
	}





.box_teaser {
	font-size:10px; 
	color:#00468e;
	background:url(../img/bg_teaser.png) top left no-repeat;
	width:211px; 
	height:83px; 
	padding:7px 10px 10px 8px; 
	margin: 0 0 5px 0; 
}	

.box_teaser_imageonly {
	background:url(../img/bg_teaser.png) top left no-repeat;
	width:229px; 
	height:95px; 
	padding:0px 0px 0px 0px; 
	margin: 0 0 5px 0; 

}




/************************************************
  Forms
************************************************/	

form#mailform td, form#mailform th {height:2.5em;vertical-align:top;}
form#mailform th {width:33%;}
form#mailform input.inputSubmit {
	width:99px;
	height:20px;
	float:right;
	margin:15px 0 0 0;
	padding:0;
	border:0px;
	background-color:#393939;
	background-image:url('../img/btn_blank.gif');
	background-repeat:no-repeat;
	color:#fff;
	font-size:10px;
}	
	
form {margin: 0; padding:0;}	
input {border: 1px solid #393939;width:99%;}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #393939;
	width:99.5%;
}	


input.w1 {width:27%;}
input.w2 {width:68%;}

/************************************************
  FRAMES 
************************************************/
#frame_wrapper {
	width: 979px;
	}
	
#box_logo {
	padding: 0 0 24px 0;
	}
	
#box_header {	
	height:243px; 
    position:relative;
}

#box_header img#header_bg {	
    position:absolute;
    top:0px;
    left:0px;   
}

#box_header div.box_breadcrumb {	
    position:absolute;
    bottom:0px;
    left:0px;
}
		
#frame_left {
	float:left;
	width: 166px;
	}
	 
#frame_cnt {
	float:left; 
	width: 679px; 
	padding-left: 166px;
	z-index:10;
	}
#frame_right {
	float:left; 
	width: 134px;
	margin-top:20px;
	}
	
#frame_teaser {
	position: absolute;
	z-index:100; 
	top: 20px;
	}	
	
/************************************************
  FOOTER 
************************************************/
#box_footer {
	font-size:10px;
	color:  #c50022;
	text-align:right; 
	border-bottom:13px solid #c50022;
	background:url(../img/bg_footer.gif) top left repeat-y;
	padding-top:30px;
	}
	
/****************************************************
    SLIDESHOW
    **************************************************/
.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {	overflow: hidden;}

.slideshow-images {
	height: 243px;
	width: 979px;
}		
.slideshow-images-visible { 	opacity: 1;}	
.slideshow-images-prev { opacity: 0; }
.slideshow-images-next { opacity: 0; }

.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow {
	height: 243px;
	margin: 0 auto;
	width: 979px;
}
.slideshow a img {border: 0;}

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}    	



.wide #box_footer {background-image:none;background-color:#ffffff;}
.wide #frame_cnt .box_cnt_bg {background:url(../img/bg_cnt_bottom_nobar.gif) top left no-repeat;}
.wide #frame_cnt .box_cnt {background:url(../img/bg_cnt_nobar.gif) top left repeat-y; }
.wide #frame_cnt .box_cnt_2col {background:url(../img/bg_cnt_nobar.gif) top left repeat-y; }