@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(/files/klammerrechner/grau_verlauf_bar.gif) repeat-x 50% top; min-width: 960px; } /*#9db9c4 url(/files/images/bg.jpg) repeat-x 50% top*/
html { color: #4d4d4d; font-size: 0.8em; font-family: verdana; padding:0; margin:0; }

p {font:1.0em Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:#4d4d4d; margin:0.67em 0 1.33em 15px; }

/*
h1 = Seitenüberschrift
h3 = Absatzüberschrift
h5 = Zwischenüberschrift
*/

h1 { color: #32508e; font-size: 1.5em; font-family: Arial; font-weight: bold; margin: 0.67em 0 1.67em 0px; text-transform:uppercase; border-bottom: 1px solid #32508e;} /*...2*/
  h2 { color: #32508e; font-size: 1.7em; font-family: Arial; font-weight: bold; margin: 0.83em 0; }
h3 { color: #32508e; font-size: 1.3em; font-family: Arial; font-weight: bold; margin: 0em 0 0.67em 0px; } /* ...5 */
  h4 { color: #32508e; font-size: 1.3em; font-family: Arial; font-weight: bold; line-height: 1.6em; margin: 0.83em 0 0.83em 30px; }
h5 { color: #32508e; font-size: 1.0em; font-family: Arial; font-weight: bold; line-height: 1.2em; margin: 0.83em 0 0.83em 15px; } /* ...30 */
  h6 { color: #32508e; font-size: 0.9em; font-family: Arial; font-weight: normal; margin: 1em 0 1em 30px; }

a { color:#525083; text-decoration: underline; border:none;}
a:link { color:#525083; text-decoration: underline; border:none;}
a:visited { color:#525083; text-decoration: underline; border:none;}
a:hover { color:#525083; text-decoration: none; border:none;}

.abbildung {margin: 0px 0px 20px 0px; border: 0px; /*background-color: transparent; background-image:url(/files/klammerrechner/produkte-bg.png); background-position:right top; background-repeat: no-repeat;*/}
.disclaimer_foot {font-size: 0.8em;}

/* Wenn Bilder der Klasse abbildung in einem div der Klasse grid_3 vorkommen: Bilder auf 220px Breite beschränken */
div.grid_3 > .abbildung {max-width: 220px;}

/* Formgen */
fieldset {border:none;}
div.formgen_block {padding-bottom:8px;}
div.formgen_block > label {width: 100px; float:left;}
div.formgen_block > input {width: 150px; clear:left;}

.eingabefehlermeldung /*agl rulekind: base;*/ { color:#800000; font-weight:bold}
table.wertetabelle {border-collapse:collapse; font-size: 0.9em;text-align: left;}

table.wertetabelle thead tr th {padding: 0 20px 0 0; color:#32508e; font-weight:bold; border-bottom:1px solid #32508e; border-collapse:collapse; }
table.wertetabelle tbody tr th {padding: 15px 20px 2px 0; color:black; font-weight:bold; border-bottom:1px dashed black; border-collapse:collapse;}
table.wertetabelle tbody tr td {padding: 15px 20px 2px 0; color:black; border-bottom:1px dashed black; border-collapse:collapse;}
table.wertetabelle tfoot tr td {padding: 15px 20px 2px 0; color:black; font-weight:bold; border-bottom:3px double black; border-collapse:collapse; }

.right {text-align: right;}

/* menu */	


.menu { padding:0; margin:10px 0 0 -10px; width:960px; float:left; height:178px; background:url(/files/klammerrechner/grau_animiert.gif) top no-repeat;}
.menu ul { padding:90px 0 0 350px; margin:0 30px 0 0; list-style:none; border:0; float: left;}
.menu ul li { border-left:1px solid #6d8d98; border-right:1px solid #31525f; float:left; margin:0; padding:0 3px;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:10px 6px; color:#32508e; font:500 13px Verdana, sans-serif; text-decoration:none;}
.menu ul li a.rex-current { float:left; margin:0 1px 0 0; padding:10px 6px; color:#32508e; font:900 13px Verdana, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#0284dc; text-decoration:underline}


/* Slider SK */

div.top > h1.slider {color:white; text-decoration: none; border:0; font-weight: bold; text-transform:none; font-size: 2em; font-family: verdana; margin: 0.67em 0 0.67em 2px; background:none;}
div.top > h3.slider {color:white; text-decoration: none; border:0; font-weight: bold; text-transform:none; font-size: 1.3em; font-family: verdana; margin: 1.00em 0 1.00em 5px; background:none;}


/********** slider **********/
.slider { background:white repeat-x 50% top; margin:0 auto; padding:20px 0;}/*#9db9c4 url(/files/images/bg_slider.gif) */

.slider2 {  background: #080808 url(/files/images/bg_slider.gif) top repeat-x;  margin:0 auto; padding:20px 0;}
.slider2_resize { height:130px; width:906px; background: url(/files/images/slider2.jpg) top no-repeat; border:5px solid #e8e8e8; margin:0 auto; padding:0;}
.slider2_resize h2 { font:normal 27px Arial, Helvetica, sans-serif; color:#d8d8d8; padding:80px 0 0 20px; margin:0;}
.slider3_resize { height:130px; width:906px; background: url(/files/images/slider3.jpg) top no-repeat; border:5px solid #e8e8e8; margin:0 auto; padding:0;}
.slider3_resize h2 { font:normal 27px Arial, Helvetica, sans-serif; color:#d8d8d8; padding:80px 0 0 20px; margin:0;}
.slider4_resize { height:130px; width:906px; background: url(/files/images/slider4.jpg) top no-repeat; border:5px solid #e8e8e8; margin:0 auto; padding:0;}
.slider4_resize h2 { font:normal 27px Arial, Helvetica, sans-serif; color:#d8d8d8; padding:80px 0 0 20px; margin:0;}


.slider div.slice1 { width:906px; height:309px; margin:5px auto; padding:0; border:solid 5px #e8e8e8;}
.slider div.top { margin:0; padding:50px 146px 0 440px; width:320px; border:0; height:259px;}
.slider div.bot { background:url(/files/images/slider_bot.gif); margin:0; padding:0; width:906px; border:0; height:77px;}
.slider h2 { color:#FFF; font:bold 19px Arial, Helvetica, sans-serif; padding:10px; margin:0;}
.slider p { color:#FFF; font:normal 13px Arial, Helvetica, sans-serif; padding:5px 10px; margin:0;}
.slider a { color:#FFF; font:normal 13px Arial, Helvetica, sans-serif;}
.slider div.bot p, .slider div.bot h2 { color:#5b6366;}
.slider div.lister { float:right; width:120px; padding:20px;}
.slider div.lister p { display:block; padding:0; margin:0 3px; text-align:center; float:left; width:20px; height:20px; color:#4f4f4f; font:normal 13px Arial, Helvetica, sans-serif; background:#e9eaea; border:1px solid #d3d4d4; line-height:1.6em;}
.slider div.lister p.active { background:#FFF; border:1px solid #c6c7c7; color:#5d899a;}




/* slider 2 */

#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:906px; height:386px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:44px; position:absolute; left:0; top:-250px; }
#nextBtn { left:862px; }
#prevBtn a { display:block; width:44px; height:44px; background:url(/files/images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:44px; background:url(/files/images/r_arrow.gif) no-repeat 0 0; }






/* Lightbox */

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
		border-collapse: collapse;
		font-size:12px;
}
.GB_header table td {
		display: table-cell;
		vertical-align: middle;
}

.GB_header .caption {
		text-align: left;
    color: #fff;
/*white-space: nowrap;*/
    font-size: 12px;
    font-weight: normal;	
		clear:both;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #fff;
    font-size: 12px;	 
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;
    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
	color:#000;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }





/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:white;
	/*
	border-left: 1px solid #003573;
	border-right: 1px solid #003573;
	*/
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* ENDE 960 */