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


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:16px; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:62.5%;color:#222;background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;}
a {color:#aaa; text-decoration:none; font-weight:bold; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* 
 * EIGENE ANPASSUNGEN
 *
 * Programmierung: Bastian Albers
 * http://www.bastianalbers.de
 *
 */
body { background-color:white; }

.outerwrapper { position:relative; width:1020px; margin:0px auto; }

.langnavi { position:absolute; top:0; background-color:#f3f3f3; width:1020px; height:30px; z-index:50;
     -moz-box-shadow: 0px 0px 4px #ccc; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ccc; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ccc; /* Opera 10.5, IE 9.0 */
		}
	.langnavi a { float:right; line-height:1.4em; font-size:1.4em; padding:5px 4px; margin:0px 10px; color:#ccc; }
		.langnavi a.active_sprache { color:#aaa; }

.triangle-l {
	border-color: transparent #d8d8d8 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	left: -15px;
	top: 15px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #d8d8d8;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: absolute;
	right: -15px;
	top: 15px;
	z-index: -1; /* displayed under bubble */
}


.wrapper { position:relative; width:990px; margin:0px auto -30px; 
     -moz-box-shadow: 0px 0px 30px #eee; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 30px #eee; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 30px #eee; /* Opera 10.5, IE 9.0 */  }
.container{ position:relative; width:950px; margin:0 auto; padding:30px 0 0 0; font-family:Verdana; }

.content { position:relative; width:950px; margin:0; padding:0px; }

.header { position:relative; width:950px; height:auto; margin-bottom:10px; }
	#logo { position:absolute; top:0; left:0; width:300px; height:141px; text-decoration:none; }
		#logo img { width:300px; height:141px;  border:0; }
	.navi{ position:relative; width:640px; height:101px; margin:0 0 0 310px; padding:0; padding-top:40px; }
	.naviul{ position:relative; width:640px; margin:0; padding:0; list-style:none; }
		.naviul li{ float:left; width:150px; height:72px; padding:0; margin:0 0 0 10px; text-align:left; }
		.naviul li.active_navi { background-color:inherit; color:inherit; }
			.naviul li a{ background-color:white; color:#333; text-decoration:none; display:block; width:140px; height:52px; font-size:1.8em; font-weight:normal; line-height:50px; padding:5px 5px; }
		.verbindung { position:relative; width:640px; height:29px; margin:0; padding:0; list-style:none; }
			.verbindung li { float:left; width:150px; height:29px; padding:0; margin:0 0 0 10px; text-align:left; } } 

.maincontent{ }
.maincontent h1{ padding-top:20px; }
.maincontent h2{ padding-top:10px; }
.maincontent h3{ }
.maincontent h4{ }

.fixed_bigpic_wrapper{ position:relative; width:950px; height:520px; overflow:hidden; }


.maintext{ position:relative; width:310px; margin:0 0 20px; font-size:1.2em; padding:10px 0; overflow:auto; z-index:10; }
	.maintext h2 { padding-bottom:10px; border-bottom:1px solid #333; }
	.maintext_inner{ background-color:#fff; width:590px; border-bottom:5px solid #ddd; padding:10px; margin:0; border:0; }
	.maintext ul { list-style:none; margin:5px 0; padding:0; }
			.maintext ul li { list-style-position: outside; background:url("../img/bulletpoints.gif") no-repeat left top; padding-left:22px; margin-bottom:3px; }
				.maintext ul li a { color:#8ba526; padding:2px; }
					.maintext ul li a:link { color:#8ba526; }
					.maintext ul li a:active { color:#8ba526; }
					.maintext ul li a:visited { color:#8ba526; }
					.maintext ul li a:hover { background-color:#8ba526; color:white; }
.mainimage { float:right; width:630px; text-align:center; margin:0; overflow:hidden; }
	.mainimage divĘ{ float:right; margin:0 0 10px}
.navi_produkte { position:relative; width:630px; background-color:#cce18b; margin:0 0 0 320px; padding:0; height:45px; }
	.navi_produkte ul { position:relative; list-style:none; width:610px; margin:0 10px; padding:10px 0 0 0; height:35px; }
			.navi_produkte ul li { float:left; font-size:1.5em; background-image:none; padding:0; margin:10px 5px 0 0; }
				.navi_produkte ul li a { width:100%; height:20px; line-height:20px; color:white; padding:5px 8px; text-decoration:none; }
					.navi_produkte ul li a:link { color:white; }
					.navi_produkte ul li a:active { color:white; }
					.navi_produkte ul li a:visited { color:white; }
					.navi_produkte ul li a:hover { color:#005117; }
				.navi_produkte ul li .produkt_aktiv { color:#cce18b; }
					.navi_produkte ul li .produkt_aktiv:link { color:#005117; }
					.navi_produkte ul li .produkt_aktiv:active { color:#005117; }
					.navi_produkte ul li .produkt_aktiv:visited { color:#005117; }
					.navi_produkte ul li .produkt_aktiv:hover { color:#005117; }
.darkgreen { background-color:#005117; }
	.darkgreen a{ background-color:transparent; border-bottom:12px solid #005117; }
		.darkgreen a.activenavilink{ background-color:#005117; color:white; border-bottom:12px solid #005117; }
		.darkgreen a:hover{ background-color:#005117; color:white; }
.middarkgreen { background-color:#2a6f23; }
	.middarkgreen a{ background-color:transparent; border-bottom:12px solid #2a6f23; }
		.middarkgreen a.activenavilink{ background-color:#2a6f23; color:white; border-bottom:12px solid #2a6f23; }
		.middarkgreen a:hover{ background-color:#2a6f23; color:white; }
.midlightgreen { background-color:#457a1d; }
	.midlightgreen a{ background-color:transparent; border-bottom:12px solid #457a1d; }
		.midlightgreen a.activenavilink{ background-color:#457a1d; color:white; border-bottom:12px solid #457a1d; }
		.midlightgreen a:hover{ background-color:#457a1d; color:white; }
.lightgreen { background-color:#8ba526; }
	.lightgreen a{ background-color:transparent; border-bottom:12px solid #8ba526; }
		.lightgreen a.activenavilink{ background-color:#8ba526; color:white; border-bottom:12px solid #8ba526; }
		.lightgreen a:hover{ background-color:#8ba526; color:white; }
.lightergreen { background-color:#a5c198; }
	.lightergreen a{ background-color:transparent; border-bottom:12px solid #a5c198; }
		.lightergreen a.activenavilink{ background-color:#a5c198; color:white; border-bottom:12px solid #a5c198; }
		.lightergreen a:hover{ background-color:#a5c198; color:white; }
.superlightgreen { background-color:#cce18b; }
		.superlightgreen a{ background-color:transparent; border-bottom:12px solid #cce18b; }
		.superlightgreen a.activenavilink{ color:white; background-color:#cce18b; border-bottom:12px solid #cce18b; }
			.superlightgreen a:hover{ background-color:#cce18b; color:white; }


.orange a{ border-bottom:2px solid #FFCC55; }
	.orange a:hover{ background-color:#FFCC55; color:white; }
.pink a{ border-bottom:2px solid #FFAAAA; }
	.pink a:hover{ background-color:#FFAAAA; color:white; }
.braun a{ border-bottom:2px solid #AA8855; }
	.braun a:hover{ background-color:#AA8855; color:white; }

.rightblock { width:310px; float:right; }
	.rightblock ul { position:relative; width:310px; margin:0; padding:0; list-style:none; }
		.rightblock ul li { position:relative; width:310px; margin:0; margin-bottom:10px; padding:0; }
			.rightblock ul li h3 { padding:5px; margin:0px; margin-bottom:10px; border-bottom:2px solid #9dbc3d; }
			.rightblock ul li p { padding:5px; }


.footer { position:relative; width:950px; margin:20px 0 0 0; padding:10px 0px; border-top:2px solid #cce18b; font-size:1.1em; }
	.footerleft{ float:left; width:210px; padding:5px; }
	.footermid{ float:left; width:210px; padding:5px; margin:0px 10px;  }
	.footerright{ float:left; width:210px; padding:5px; }
	.footer ul { list-style:none; margin:5px 0; padding:0; }
			.footer ul li { list-style-position: outside; background:url("../img/bulletpoints.gif") no-repeat left top; padding-left:22px; margin-bottom:3px; }

		.footer ul li a { color:#8ba526; padding:2px; }
			.footer ul li a:link { color:#8ba526; }
			.footer ul li a:active { color:#8ba526; }
			.footer ul li a:visited { color:#8ba526; }
			.footer ul li a:hover { background-color:#8ba526; color:white; }
	
.claim{ position:absolute; top:425px; right:8px; width:342px; height:235px; color:#907f78; background-color:#fff; overflow:hidden; }
	.claim h2{ color:#907f78; padding:15px; font-size:2.8em; line-height:36px; }

.logout{ position:absolute; top:0px; right:0px; background-color:#fff; }
	.logout a{ color:black; }

.pricetable{ background-color:#cccccc; color:#575757; width:100%; border:0; margin:0; margin-top:10px; padding:0; }
	.pricetable tr td { width:46%; padding:2%; }

.isartable { background-color:#cccccc; color:#575757; width:100%; border:0; margin:0; margin-top:10px; padding:0; }
	.isartable tr td { width:29%; padding:1%; border:1px solid #575757;; text-align:center; }

.kontaktsmall { padding:5px; }

.kontakttable{ width:550px; margin:5px; border:0; padding:0; }
	.kontakttable tr td { vertical-align:top; }
		.kontakttable tr td input { width:400px; }
		.kontakttable tr td input[type=submit] { width:120px; }
		.kontakttable tr td textarea { height:60px; width:392px; }

	.slidetab_inner { position:relative; width:940px; height:410px; border-left:10px solid #cce18b; overflow:hidden; }
	.slidetext { position:absolute; top:0; left:10px; width:270px; height:400px; padding:0;}  
		.slidetext a { color:#8ba526; padding:2px; }
			.slidetext a:link { color:#8ba526; }
			.slidetext a:active { color:#8ba526; }
			.slidetext a:visited { color:#8ba526; }
			.slidetext a:hover { background-color:#8ba526; color:white; }
		.slidetext h2 { margin:0; margin-bottom:10px; padding:0; padding-bottom:5px; line-height:1.1; }
		.slidetext ul { list-style:none; margin:10px 0; padding:0; }
			.slidetext ul li { list-style-position: outside; background:url(/img/bulletpoints.gif) no-repeat left top; padding-left:22px; margin-bottom:3px; }

	.slidetext_big { position:absolute; top:0; left:10px; width:640px; height:400px; padding:0;}  
		.slidetext_big h2 { margin:0; margin-bottom:10px; padding:0; padding-bottom:5px; line-height:1.1; }
		.slidetext_big ul { list-style:none; margin:10px 0; padding:0; }
			.slidetext_big ul li { list-style-position: outside; background:url(/img/bulletpoints.gif) no-repeat left top; padding-left:22px; margin-bottom:3px; }

	.slideimage { position:absolute; top:0; left:290px; width:650px; z-index:-1; }
		.slideimage img { width:650px; height:400px; }

	.slideimage_small { position:absolute; top:0; left:660px; width:270px; z-index:-1; overflow:hidden; }
		.slideimage_small img { width:650px; height:400px; }

.presse { position:relative; width:630px; margin:0; padding:0; }
	.presse .tv { background:url(/img/Tv.gif) no-repeat 0px 0px; }
	.presse h2 { width:630px; color:#333; font-size:2.2em; line-height:1.2em; margin:0 0 2px; padding:0 0 5px; border-bottom:1px solid #457A1D; }
		.presse h2 a { color:#333; font-weight:normal; }
		.presse h2 a:hover { color:#fff; background-color:#8ba526; font-weight:normal; }
	.presse p { font-size:1.2em; }
		.presse .quelle { color:#aaa; font-size:1.1em; padding:0 0 5px 0; margin:0 0 5px; }

	.presse ul { list-style:none; margin:5px 0; padding:0; }
			.presse ul li { list-style-position: outside; background:url("../img/bulletpoints.gif") no-repeat left top; padding-left:22px; margin-bottom:3px; }
		.presse ul li a { color:#8ba526; padding:2px; }
			.presse ul li a:link { color:#8ba526; }
			.presse ul li a:active { color:#8ba526; }
			.presse ul li a:visited { color:#8ba526; }
			.presse ul li a:hover { background-color:#8ba526; color:white; }
		
.presse_wrapper { position:relative; width:950x; height:auto; margin:0 0 30px; }	
.presse_picture { float:right; width:310px; margin:0 0 20px; padding:0; }
	.presse_picture img { -moz-box-shadow:0 0 4px #F3F3F3; -webkit-box-shadow: 0px 0px 4px #F3F3F3; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #F3F3F3; /* Opera 10.5, IE 9.0 */ }

/* jquery tools tabs */
	/* root element for tabs  */
	.slidetabs { margin:0 !important; padding:0; height:30px; border-top:10px solid #cce18b; }
	/* single tab */
	.slidetabs li { float:right; padding:0; margin:0; list-style-type:none; }
	/* link inside the tab. uses a background image */
	.slidetabs a { float:left; font-size:1.3em; display:block; padding:5px 30px; text-decoration:none; border:2px solid #cce18b; border-top:0px; height:18px; background-color:#fff; color:#8ba526; margin-left:3px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright:4px; position:relative; bottom:0px;	}
	.slidetabs a:hover { background-color:#cce18b; color:#005117; }
	/* selected tab */
	.slidetabs a.current { background-color:#cce18b; border-bottom:2px solid #ddd; color:#005117; cursor:default; }
	/* tab pane */
	div.css-panes div { display:none; border:1px solid #666; width:950px; height:410px; }

/* jquery tools overlay */
	/* the overlayed element */
	.simple_overlay {
		
		/* must be initially hidden */
		display:none;
		
		/* place overlay on top of other elements */
		z-index:10000;
		
		/* styling */
		background-color:#333;
		
		width:675px;	
		min-height:200px;
		border:1px solid #666;
		
		/* CSS3 styling for latest browsers */
		-moz-box-shadow:0 0 90px 5px #000;
		-webkit-box-shadow: 0 0 90px #000;	
	}
	
	/* close button positioned on upper right corner */
	.simple_overlay .close {
		background-image:url(../img/overlay/close.png);
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
		height:35px;
		width:35px;
	}
	
	/* the large image. we use a gray border around it */
	#img {
		border:1px solid #666;
	}
	
	/* "next image" and "prev image" links */
	.next, .prev {
		
		/* absolute positioning relative to the overlay */
		position:absolute;
		top:40%;	
		border:1px solid #666;	
		cursor:pointer;
		display:block;
		padding:10px 20px;
		color:#fff;
		font-size:1.1em;
		
		/* upcoming CSS3 features */
		-moz-border-radius:5px;
		-webkit-border-radius:5px;	
	}
	
	.prev {
		left:0;
		border-left:0;
		-moz-border-radius-topleft:0;
		-moz-border-radius-bottomleft:0;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-top-left-radius:0;
	}
	
	.next {
		right:0;
		border-right:0;
		-moz-border-radius-topright:0;
		-moz-border-radius-bottomright:0;
		-webkit-border-bottom-right-radius:0;
		-webkit-border-top-right-radius:0;	
	}
	
	.next:hover, .prev:hover {
		text-decoration:underline;
		background-color:#000;
	}
	
	/* when there is no next or previous link available this class is added */
	.disabled {
		visibility:hidden;		
	}
	
	/* the "information box" */
	.info {
		position:absolute;
		bottom:0;
		left:0;	
		padding:10px 15px;
		color:#fff;
		font-size:11px;
		border-top:1px solid #666;
	}
	
	.info strong {
		display:block;	
	}
	
	/* progress indicator (animated gif). should be initially hidden */
	.progress {
		position:absolute;
		top:45%;
		left:50%;
		display:none;
	}
	
	/* everybody should know about RGBA colors. */
	.next, .prev, .info {
		background:#333 !important;
		background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
	}


