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

/*------------------------------------------------------------------
# [Color codes]

# Orange (Hervorhebung):	#fd6807
# Hellgrau (Fließtext) 		#999
# Grau (Gr. Überschriften)	#7c7c7c
# Dunkelgrau (Fließtext) 	#3f3f3f
# Dunkeldunkelgrau (h3): 	#262626
# */

/* @group Basic Styles */

body {
	/* "Gill Sans",  */
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #3f3f3f;
	margin: 0;
	padding: 0;
	background-color: white;
}

#container {
	width: 950px;
	margin: 30px auto 60px auto;
}

#header {
	padding-bottom: 5px;
}

#logo {
	padding-top: 20px;
}

#naviimage {
	height: 70px;
	padding-bottom: 20px;
}

#content {
	padding-top: 5px;
	padding-left: 10px;
}

#footer {
	text-align: center;
	padding: 1em 20px 10px 10px;
	font-size: 0.95em;
	color: #a5a5a5;
}

/* @end */

/* @group Startseite */

#startpagepanel {
	background: url(../images/image-panel-bg.jpg) top left repeat-x;
	min-height: 400px;
}

#startpagepanel .panelItem {
	margin: 0;
	padding: 20px 20px 10px 15px;
	float: left;
	height: 220px;
}

.panelItem {
	text-align: center;
	font-size: 16px;
}

.panelItem a,
.panelItem a:link {
	text-decoration: none;
	color: #999;	
}

.panelItem img {
	padding-bottom: .5em;
}

#startpagepanel .panelItem.selected {
	background: url(../images/image-panel-bg-selected.jpg) top left no-repeat;
	
}

#startpagepanel .panelItem.selected a {
	color: #fff;	
}

#panelinfo {
	padding: 10px 20px;
	margin: 0;
}

/* @end */

/* @group Accordion */

#reaktionsmenue {
	padding-left: 8px;
}

#reaktionsmenue > a {
	cursor:pointer;
	display:block;
	padding:5px 8px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #3f3f3f;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("../images/accordion-tab.gif");
}

#reaktionsmenue > a:hover {
	color: white;
	background-image: url("../images/accordion-tab-selected.gif");
}

#reaktionsmenue > a.selected {
	color: white;
	background-image: url("../images/accordion-tab-selected.gif");
}

#reaktionsmenue div {
	padding: 15px 5px 8px;
	border-bottom: 1px solid #999;
}

#reaktionsmenue label {
	font-weight: normal;
	font-size: 0.9em;
}

#reaktionsmenue input[type=text] {
	width: 150px;
}

#reaktionsmenue td {
	vertical-align: top;
}

/* @end */

/* @group Typography */

.doublespace > p {
	padding-bottom: 1em;
}

h1, h2 {
	font-weight: normal;
	margin: 0;
}

h1 {
	font-size: 1.6em;
	color: #7c7c7c;
	padding-bottom: 0.5em;
}

h2 {
	font-size: 1.4em;
	color: #999;
	padding-bottom: 0.5em;
}

h2.title {
	padding-top: 0;
}

h3, .big {
	color: #262626;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
}

h3.title {
	/*color: #fd6807;*/
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding: 7px;
}

p {
	padding: 0;
	margin:0;
	margin-bottom: 0.5em;
}

/* @end */

/* @group Navigation */

#navigation {
	background: url(../images/navi-bg.gif) top left no-repeat;
	height: 135px;
	padding-left: 60px;
}

#navigation a img {
	padding-bottom: 25px;
}

.navItem {
	width: 110px;
	float: left;
}

#navigation a img.selected {
	background: url(../images/navi-bg-selected.gif) top center no-repeat;
}

#subnavigation {
	/*border: 1px solid #fd6807;*/
	background-color: #fd6807;
	color: white;
	height: 28px;
	margin-bottom: 1em;
	border: 1px solid #e45d06;
}

.productPageTitle {
	float: left;
	width: 180px;
}

ul.naviProdukte {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 8px;
}

ul.naviProdukte li {
	float: left;
	padding: 4px;
	font-weight: bold;
	padding-right: 15px;
}

ul.naviProdukte li a {
	padding: 4px;
	color: white;
	text-decoration: none;
}

ul.naviProdukte li a:hover {
	/*border-bottom: 2px solid white;*/
	color: #fd6807;
	background: white;
}

a, a:link {
	color: #fd6807;
}

/* @end */

/* @group Produktseiten */

ul.productfeatures {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	line-height: 180%;
}

ul.productfeatures li {
	padding-left: 30px;
	background: url(../images/bullet.jpg) top left no-repeat;
	padding-bottom: 0.5em;
}

td.lastCell {
	text-align: right;
}

td.alignRight p {
	text-align: right;	
}

tr.bggrey {
	background-color: #ebebeb;
}

tr.bordertop td {
	border-top: 1px solid #3f3f3f;
}

tr.sum td {
	background: #fdb281;
	color: #fd6807;
	font-weight: bold;
	border-bottom: 3px double #f37600;
	vertical-align: middle;
}

div#teammax {
	/* background: url("../images/team_max.gif") top right no-repeat; */
}

.conditions td {
	padding: 10px;
	vertical-align: top;
}

.conditions label {
	padding-left: 10px;
}



/* @end */

/* @group Forms */

textarea {
	height: 150px;
}

input[type="submit"] {
	padding: 6px;
	border: 1px solid #666;
}

input[type="radio"], input[type="checkbox"] {
	background-color: white;
	border: none;
}

input.sum {
	font-weight: bold;
	padding: 3px;
	text-align: right;	
	font-size: 1.1em;
	border: 1px solid #f37600;
}



/* @end */

/* @end */

.error {
	padding: 3px;
}

.success {
	background: #fdb281;
	border: 2px solid #fd6807;
	color: #3f3f3f;
}

.todo {
	font-weight: bold;
	background: red;
	color: white;
	padding: 2px;
}

img.right.top {
	margin-top: 0;
}

.tf_orange {
	color: #fd6807;
}