/** ====================== Allgemeine Typoscript Deklarationen ====================== **/

@import url(typostyle.css);


/** ========================= Allgemeine HTML Deklarationen ========================= **/
body {
	background:#535a5a;
	margin:0;
	padding:0;
	font-family:Arial,Verdana,Tahoma;
	font-size:12px;
	color:#494949;
}

td, p, div { font-family:Arial,Verdana,Tahoma; }

a img { border:none; }

/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.line-through { text-decoration:line-through; }

.halfSpace { height:5px; font-size:0px; overflow:hidden; }
.fullSpace { height:10px; font-size:0px; overflow:hidden; }


/** ======================= Allgemeine Formular Deklarationen ======================= **/
form {
	margin:0px;
	padding:0px;
}

textarea {
	overflow:auto;
}

.tfield, .textfeld {
	background:#ffffff url('../images/input_bg.gif') repeat-x;
	margin:0px;
	padding:3px 1px 3px 1px;
	width:300px;
	border:1px solid #d3d3d3;
	font-family:Arial, Tahoma, sans-serif;
	font-size:12px;
}

.tfield:hover, .textfeld:hover { border:1px solid #A2A2A2; }

select.tfield {	width:304px; }

.err { background:#ffdbd9 url('../images/input_err_bg.gif') repeat-x; border:1px solid #a2a2a2; }
.errText { background:#ffeeec url('../images/t3_warn.gif') no-repeat 6px 8px; padding:10px 5px 10px 35px; border:1px dotted #a2a2a2; color:#000000; }
.okText { background:#d5f9a7 url('../images/t3_ok.gif') no-repeat 7px 8px; padding:10px 5px 10px 35px; border:1px dotted #a2a2a2; color:#000000; }
.okText { color:#4fbb2d; }

.err { background:#ffdbd9 url('../images/input_err_bg.gif') repeat-x; border:1px solid #a2a2a2; }
.errText { background:#ffeeec url('../images/t3_warn.gif') no-repeat 7px 9px; padding:10px 5px 10px 30px; border:1px dotted #a2a2a2; color:#71002E; }
.okText { background:#d5f9a7 url('../images/t3_ok.gif') no-repeat 7px 9px; padding:10px 5px 10px 30px; border:1px dotted #a2a2a2; color:#4fbb2d; }



.submit { width:200px; }
.submit .sl, .submit .sm, .submit .sr { display:block; height:20px; }
.submit .sl { padding:0px 0px 0px 10px; background: transparent url('../images/submit_l.png') no-repeat; }
.submit .sm { padding:0px 0px 0px 0px; background: transparent url('../images/submit_m.gif') repeat-x; color:#ffffff; line-height:20px;}
.submit .sr { padding:0px 10px 0px 0px; background: transparent url('../images/submit_r.png') no-repeat right; }



/** ========================= Allgemeine Link Deklarationen ========================= **/
a:link, a:active, a:visited {
	color:#646A6A;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#71002E;
	text-decoration:underline;
	outline:none;
}


/** ======================== Allgemeine Layout Deklarationen ======================== **/
#layout {
	background:#ffffff;
	margin:0px auto;
	padding:0px 20px 0px 20px;
	border-right:20px solid #b3b3b3;
	border-left:20px solid #b3b3b3;
	width:920px;
	/* height:100%; */
	min-height:100%;
}

#layout.print {
	margin:0px auto;
	padding:0px 20px 0px 20px;
	border:none;
	width:685px;
}

/** ======================== Allgemeine Header Deklarationen ======================== **/
#header {
	margin:0px;
	padding:12px 0px 20px 0px;
}


#header .logo {
	margin:0px auto;
	padding:12px 0px 0px 28px;
	width:218px;
	height:60px;
}



/** ======================== Allgemeine Navigation Deklarationen ======================== **/
#header #navigation {
	margin:0px;
	padding:22px 0px 0px 0px;
}

#header #navigation div.navibox {
	background:transparent url('../images/navibox.gif') repeat-y 0px 0px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 2px;
	height:41px;
}

#navigation div.navibox a:link, 
#navigation div.navibox a:active, 
#navigation div.navibox a:visited,
#navigation div.navibox a.on:link, 
#navigation div.navibox a.on:active, 
#navigation div.navibox a.on:visited {
	margin:0px;
	padding:2px 10px 11px 5px;
	display:block;
	text-decoration: none;
	font-weight:bold;
	color:#646a6a;
	height:28px;
	overflow:hidden;
}

#navigation div.navibox a:hover, 
#navigation div.navibox a.on:link, 
#navigation div.navibox a.on:active, 
#navigation div.navibox a.on:visited, 
#navigation div.navibox a.on:hover {
	background:#ececec;
	text-decoration: none;
	color:#71002e;
	height:28px;
	overflow:hidden;
}

#navigation div.navibox a span {
	margin:0px;
	padding:0px;
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#999999;
	line-height:1em;
	cursor: pointer;
}


#navigation td div.rel div.abs.subnavigation {
	background:#ffffff url('../images/navibox.gif') repeat-y 1px 1px;
	margin:0px;
	padding:1px 1px 0px 3px;
	width:200px;
	display:none;
	top:41px;
	left:9px;
	z-index:200;
}

#navigation .subnavigation a:link, 
#navigation .subnavigation a:active, 
#navigation .subnavigation a:visited, 
#navigation .subnavigation a:hover {
	margin:0px;
	padding:5px 3px 5px 10px;
	display:block;
	border-bottom:1px solid #ffffff;
	font-size:12px;
	font-weight:normal;
	color:#646a6a;
	text-decoration:none;
}

#navigation .subnavigation a:hover {
	background:#ececec;
	text-decoration:none;
}

#navigation .subnavigation a.on:link, 
#navigation .subnavigation a.on:active, 
#navigation .subnavigation a.on:visited, 
#navigation .subnavigation a.on:hover {
	background:#ececec;
	margin:0px;
	padding:5px 3px 5px 10px;
	display:block;
	font-size:12px;
	color:#71002e;
	font-weight:normal;
	text-decoration:none;
}

#navigation .subnavigation .subsubnavigation {
	padding:0px 0px 0px 10px;
}

#navigation .subnavigation .subsubnavigation a:link, 
#navigation .subnavigation .subsubnavigation a:active, 
#navigation .subnavigation .subsubnavigation a:visited,
#navigation .subnavigation .subsubnavigation a.on:link, 
#navigation .subnavigation .subsubnavigation a.on:active, 
#navigation .subnavigation .subsubnavigation a.on:visited {
	background:transparent url('../images/subsubnaviarrow.gif') no-repeat 13px 7px;
	margin:0px;
	padding:2px 0px 3px 20px;
	display:block;
	text-decoration: none;
	color:#535a5a;
}

#navigation .subnavigation .subsubnavigation a:hover, 
#navigation .subnavigation .subsubnavigation a.on:link, 
#navigation .subnavigation .subsubnavigation a.on:active, 
#navigation .subnavigation .subsubnavigation a.on:visited, 
#navigation .subnavigation .subsubnavigation a.on:hover {
	background:#f0f0f0 url('../images/subsubnaviarrow.gif') no-repeat 13px 7px;
	text-decoration: none;
	color:#242424;
}





/** ======================== Allgemeine Headerimg Deklarationen ======================== **/
#headerimg {
	margin:0px;
	padding:0px;
	width:918px;
	height:100px;
	border:1px solid #4c4c4c;
	overflow:hidden;
}

.shaddow {
	margin:0px;
	padding:0px;
	width:920px;
	height:10px;
	overflow:hidden;
}





/** ======================== Allgemeine Content Deklarationen ======================== **/
#maincontainer {
	margin:0px;
	padding:0px 0px 10px 0px;
}

#layout.print #maincontainer {
	margin:0px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #dddddd;
}

#contentcontainer {
	margin:0px;
	padding:0px 0px 0px 5px;
	width:670px;
	font-weight:bold;
}

#contentcontainer .content {
	margin:0px 0px 0px 20px;
	padding:0px;
	width:210px;
}

#contentcontainer .content.fc { margin:0px; } /** first.child **/



/**** Newsliste und Ansicht ****/
#contentcontainer .newslist {
	margin:0px;
	padding:0px;
}

#contentcontainer .newslist .news {
	margin:0px;
	padding:0px 0px 30px 0px;
}

#contentcontainer .newslist .news .headline {
	margin:0px;
	padding:0px 0px 0px 0px;
}

#contentcontainer .newslist .news .headline h3 a:link, 
#contentcontainer .newslist .news .headline h3 a:visited, 
#contentcontainer .newslist .news .headline h3 a:active {
	text-decoration: none;
	color:#B3B3B3;
}

#contentcontainer .newslist .news .headline h3 a:hover {
	text-decoration: none;
	color:#71002E;
}


#contentcontainer .newslist .news .contentcontainer, #contentcontainer .userdata {
	margin:0px;
	padding:8px 8px 10px 6px;
	border-top:1px solid #b3b3b3;
}

#contentcontainer .newslist .news .contentcontainer .image {
	margin:0px;
	padding:0px 20px 0px 0px;
}

#contentcontainer .newslist .news .contentcontainer .content {
	margin:0px;
	padding:0px;
	width:auto;
}

#contentcontainer .onenews h3.title2 {
	margin:0px 0px 10px 0px;
	padding:8px 8px 10px 6px;
	border-bottom:1px solid #b3b3b3;
}



/**** Zitate ****/
.quotelist {
	margin:0px;
	padding:0px;
}

.quotelist .quotecontainer {
	margin:0px;
	padding:10px 0px 30px 0px;
	border-top:1px solid #B3B3B3;
}

.quotelist .quotecontainer .quote p {
	margin:0px;
	padding-left:7px;
}





/** ======================== Allgemeine Sidebar Deklarationen ======================== **/
#sidebar {
	margin:0px;
	padding:0px 10px 0px 0px;
	width:205px;
}

#sidebar .box {
	margin:0px;
	padding:0px 0px 15px 0px;
}

#sidebar .box .boxbg {
	background:#f4f4f4 url('../images/box_w.gif') repeat-x;
	margin:0px;
	padding:8px 8px 10px 6px;
	border-top:1px solid #b3b3b3;
}

.headline h3.title2, .onenews h3.title2, .quotecontainer .quote h3.title2, #sidebar .box h3.title2, #info h3.title2 {
	margin:0px;
	padding:0px 5px 4px 7px;
	font-size:13px;
	color:#b3b3b3;
}


#sidebar #info .item, #layout.print #footer .box  {
	margin:0px;
	padding:5px 0px 0px 8px;
	width:150px;
	font-size:11px;
	color:#4d5454;
}

#sidebar #info .item span, #layout.print #footer .box span {
	margin:0px;
	padding:0px 0px 0px 5px;
}

#sidebar #info .item a:link, 
#sidebar #info .item a:visited, 
#sidebar #info .item a:active, 
#sidebar #info .item a:hover{
	color:#4d5454;
	text-decoration: none;
}


/**** Subnavigation
#sidebar #subnavigation {
	margin:0px;
	padding:0px 0px 15px 0px;
}

#sidebar #subnavigation div.item {
	margin:1px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	border-top:1px solid #b3b3b3;
}

#subnavigation div.item a:link, 
#subnavigation div.item a:active, 
#subnavigation div.item a:visited,
#subnavigation div.item a.on:link, 
#subnavigation div.item a.on:active, 
#subnavigation div.item a.on:visited {
	background:#f4f4f4 url('../images/subnaviarrow.gif') no-repeat 10px 7px;
	margin:0px;
	padding:2px 0px 3px 20px;
	display:block;
	text-decoration: none;
	color:#535a5a;
}

#subnavigation div.item a:hover, 
#subnavigation div.item a.on:link, 
#subnavigation div.item a.on:active, 
#subnavigation div.item a.on:visited, 
#subnavigation div.item a.on:hover {
	background:#e2e2e2 url('../images/subnaviarrow.gif') no-repeat 10px 7px;
	text-decoration: none;
	color:#242424;
}

#subnavigation .subsubnavigation {
	background:#e2e2e2;
}

#subnavigation .subsubnavigation a:link, 
#subnavigation .subsubnavigation a:active, 
#subnavigation .subsubnavigation a:visited,
#subnavigation .subsubnavigation a.on:link, 
#subnavigation .subsubnavigation a.on:active, 
#subnavigation .subsubnavigation a.on:visited {
	background:transparent url('../images/subsubnaviarrow.gif') no-repeat 33px 7px;
	margin:0px;
	padding:2px 0px 3px 40px;
	display:block;
	text-decoration: none;
	color:#535a5a;
}

#subnavigation .subsubnavigation a:hover, 
#subnavigation .subsubnavigation a.on:link, 
#subnavigation .subsubnavigation a.on:active, 
#subnavigation .subsubnavigation a.on:visited, 
#subnavigation .subsubnavigation a.on:hover {
	background:transparent url('../images/subsubnaviarrow.gif') no-repeat 33px 7px;
	text-decoration: none;
	color:#242424;
}
****/

/**** Kundenzitate ****/
#quote { position:relative; }

#quote .member {
	margin:0px;
	padding:0px;
	width:190px;
	overflow:hidden;
}

#quote .member div, 
#quote .member div.active, 
#quote .member div.last-active {
	margin:0px;
	padding:0px 0px 0px 2px;
	width:188px;
	display:none;
	position:relative;
}

#quote .member div {
	top:0px;
	left:0px;
	z-index:8;
}

#quote .member div.active {
	display:block;
	position:relative;
	top:0px;
	left:0px;
	z-index:10;
}

#quote .member div.last-active {
	position:absolute;
	padding:8px 8px 10px 8px;
	top:0px;
	left:0px;
	z-index:9;
}


/**** Login & Kundenprofil ****/
#login, #wissensforum  {
	padding:5px 10px 10px 10px;
}

#login div.small {
	font-size:11px;
	color:#646a6a;
}

#login input.tfield {
	width:187px;
}


#login div.submit, #wissensforum div.submit {
	margin:0px;
	padding:0px;
	width:191px;
}

#login input.submit, #wissensforum a.submit {
	background:none;
	margin:0px;
	padding:0px;
	display:block;
	width:191px;
	height:21px;
	border:none;
	color:#ffffff;
	outline:none;
	top:-1px;
	left:0px;
	z-index:50;
	text-decoration: none;
}

#login .item {
	margin:0px;
	padding:5px 0px 0px 8px;
	width:150px;
	font-size:11px;
	color:#4d5454;
}

#login .item span {
	margin:0px;
	padding:0px 0px 0px 5px;
}

#login .item a:link, 
#login .item a:visited, 
#login .item a:active, 
#login .item a:hover{
	color:#4d5454;
	text-decoration: none;
}



/**** News ****/
#news .item {
	background:transparent url('../images/icon_news.gif') no-repeat 2px 4px;
	margin:0px;
	padding:0px 0px 0px 25px;
	font-size:0.917em;
}

#news .item h4 {
	margin:0px;
	padding:0px;
	font-size:1em;
}



/** ======================== Allgemeine Footer Deklarationen ======================== **/
#footer {
	margin:0px;
	padding:5px 10px 20px 5px;
	border-top:1px solid #dddddd;
}

#footer .print {
	margin:0px;
	padding:0px;
	width:200px;
}

#footer .print a:link, 
#footer .print a:visited, 
#footer .print a:active {
	background: transparent url('../images/icon_printer.gif') no-repeat;
	margin:0px;
	padding:0px 0px 0px 20px;
	text-decoration: none;
	color:#B3B3B3;
}

#footer .print a:hover {
	text-decoration: none;
	color:#71002E;
}

#footer .footernavi {
	margin:0px;
	padding:0px;
	width:500px;
	color:#B3B3B3;
}

#footer .footernavi a:link, 
#footer .footernavi a:visited, 
#footer .footernavi a:active {
	margin:0px;
	padding:0px;
	text-decoration: none;
	color:#B3B3B3;
}

#footer .footernavi a:hover {
	text-decoration: none;
	color:#71002E;
}