@charset "UTF-8";

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

laubschnittholz.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("green/assets.css");

/************************************************
  NAVIGATION
************************************************/
@charset "UTF-8";
/* CSS Document */


#frame_nav {
    float:left;
    height:42px;
    margin:100px 0 0;
    text-align:left;
    width:748px;
}

#frame_nav .box_nav {
    border-bottom:1px solid #00468E;
    display:block;
    height:21px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    white-space:nowrap;
}


#frame_nav .box_nav li {
    display:inline;
    font-size:16px;
    padding:0 55px 0 0;
}

#box_logo {
    float:left !important;
    position:relative !important;
    left:-24px !important;
}


#frame_nav .box_nav li.last {padding:0 0 0 0;}
#frame_nav .box_nav li a {
	color:#00468e;
	text-decoration:none;
	white-space:nowrap;
}
#frame_nav .box_nav li ul.box_subnav {
	float: left;
	height:17px;
	padding:11px 0 0 0;
	top: 21px;
	left:0;
	width:859px;
}
#frame_nav .box_nav li ul.box_subnav li {
	float: left;
	padding: 0 26px 0 0;
}

#frame_nav .box_nav li ul.box_subnav li a {
	font-size:14px;
}

#frame_nav .box_nav a.current {
	color: #c50022;
}



/************************************************
  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;
	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:12px 0px 21px 308px; 
	color:#c50022;
	font-size:11px;
	background:top left repeat-y; 

	
}
	
.box_breadcrumb a {
	color:#c50022;
	text-decoration:underline;
	}	
	
#frame_teaser a {
	color:#00468e;
	text-decoration:underline;
	}	
	
/************************************************
  CONT & TEASER
************************************************/
#frame_cnt .box_cnt_bg_top {
	background: top left no-repeat; 
	height:4px;
	margin-top:14px;
}	
#frame_cnt .box_cnt {
	 background: 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: 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: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: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: top left no-repeat;
	width:211px; 
	height:83px; 
	padding:7px 10px 10px 8px; 
	margin: 0 0 5px 0; 
}	

.box_teaser_imageonly {
	background: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-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;
	}
	
		
#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:13px;
	}
	
#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: top left repeat-y;
	margin-top:-27px;
	}
	
/****************************************************
    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_top {background: top left no-repeat;}
.wide #frame_cnt .box_cnt_bg {background: top left no-repeat;}
.wide #frame_cnt .box_cnt {background: top left repeat-y; }
.wide #frame_cnt .box_cnt_2col {background: top left repeat-y; }
.wide #frame_cnt .box_breadcrumb {background: top left repeat-y; }