/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");


/* Elements
----------------------------------------*/
body
{
	background-color:#FFFFFF;
}

body, p, td, th, li
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#000000;	
}

#mainContainer
{
	width:950px;
	margin: 15px auto;
	margin-right: auto;
	margin-left: auto;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#000;
}

a:hover, a:active
{
	color:#2874b5;
	text-decoration:none;
}

h1
{
	color:#0E57A1;
	font-size:14px;
	font-weight:bold;
	margin:9px 15px;
	line-height: 1.2em;
}

h2
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	/*margin:-4px 15px;*/
	margin-left: 9px;
	margin-bottom: 6px;
}

h3
{
	color:#000;
	margin:9px 15px;
	font-size:11px
}

h4
{
	color:#000;
	margin:9px 15px;
	font-size:11px;
}

h5
{
	color:#000;
	margin:9px 15px;
	font-size:11px;
}

h6
{
	color:#000;
	margin:9px 15px;
	font-size:10px;
}

ul
{
	margin-left:25px;
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Center Content
-----------------------------------------*/
#mainWrapper {
	width:990px;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
}

/* Top Navigation
-----------------------------------------*/
#topNaviWrapper {
	width:990px;
	height: 50px;
}

#searchcontent {
	width: 190px;
	margin-top:10px;
	float:left;
	/*border-right: 1px solid #C6C8C8;*/
	height: 30px;
	padding-right: 30px;
	padding-left: 210px;
	/*background-color:red;*/
}

#searchcontent td {
	vertical-align:middle;
	padding:0px 2px;
}

#searchcontent input#suchfeld {
	width:120px;
}

#topNavi {
	width:530px;
	height:50px;
	float:right;
	display: inline;
	/*background-color:green;*/
}

#topNavi ul {
	margin-left:10px;
	margin-top:10px;
	float:right;
}

#topNavi li {
	padding:0px 5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:30px;
	color:#555555;
	background-image: url(../img/trennlinie_nav_top.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#topNavi li a {
	color:#555555;
	text-decoration:none;
}

#topNavi li a:hover {
	color:#0E57A1;
}

#topNavi li.act a {
	color:#0E57A1;
}

#topNavi li.last, #topNavi li.lastact {
	background:none;
}

#topNavi li.lastact a {
	color:#0E57A1;
}

/* Header
----------------------------------------*/
#header
{
	width:990px;
	clear:both;
	
}

/* Main Navigation
----------------------------------------*/
#mainNavi {
	width:990px;
	height:34px;
	background-color:#0E57A1;
	border-top:1px solid #FFFFFF;
}

#mainNavi ul {
	margin:0px;
}
	
#mainNavi li {
	float:left; 
	margin:6px 1px 0 0;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
}

#mainNavi li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 10px;
	border-left: 1px solid #85b1d8;
	background:url(../img/mainNaviBg_off.jpg) no-repeat right;
}

#mainNavi li span {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 10px;
	border-left: 1px solid #85b1d8;
	background:url(../img/mainNaviBg_over.jpg) no-repeat right;
	color:#0E57A1;
}

#mainNavi li a:hover {
	display:block;
	background:url(../img/mainNaviBg_over.jpg) no-repeat right;
	padding:0 10px;
	border-left: 1px solid #dcdcdc;
	color:#0E57A1;
}

#mainNavi li.act a {
	display:block;
	background:url(../img/mainNaviBg_over.jpg) no-repeat right;
	padding:0 10px;
	border-left: 1px solid #dcdcdc;
	color:#0E57A1;
	
}
	
#mainNaviBottom {
	width:990px;
	background-color:#f4f4f4;
	height:18px;
	clear:both;
	background-image: url(../img/mainNaviBottomBridgeBg.jpg);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #DCDCDC;
	border-bottom-color: #DCDCDC;

	border-left-color: #DCDCDC;
}




#breadcrumbNavi {
	margin-bottom: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	/*line-height:30px;*/
}

#breadcrumbNavi a {
	color:#555555;
	text-decoration:none;
}

#breadcrumbNavi a:hover {
	color:#0E57A1;
}

#breadcrumbNavi a.act {
	color:#0E57A1;
}
		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:990px;
	background-color:#FFF;
}

#mainContent pre {
	display:block;
	line-height:28px;
	background-image:url(../img/box_header_990.jpg);
	background-repeat:no-repeat;
	padding:0px 10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

#mainContent h1 {
	font-size:15px;
	font-weight:bold;
	margin:9px;
	line-height: 1.4em;
	margin-bottom: 12px;
	margin-top: 12px;
}

#mainContent p {
	margin:0px 15px 9px 15px;

}




#threeColumns {
	width:990px;
}

#oneColumn {
	width:986px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	clear:both;
}

.oneColumnBottom {
	clear:both;
	height:9px;
	width:990px;
	background-image:url(../img/contentBg1cBottom.png);
	background-repeat:no-repeat;
}

.content210 {
	width:206px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
}

.content210px {
	width:206px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	overflow-x:hidden;
}

.content525px {
	width:548px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	float:left;
}


.content771px {
	width:767px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	float:left;
}

.content525px p{
	line-height: 14px;
}

/* Left Column */

#bridgeLeftColumn {
	margin-right:9px;
	float:left;
	width:210px;
}

#bridgeLeftNavi {
	width:208px;
	background-color:#f4f4f4;
	margin:0 0 9px 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
	padding:15px 0px;
}

#bridgeLeftNavi ul {
	padding: 0px 0px 5px 0px;
	margin:0;
}

#bridgeLeftNavi li {	
}

#bridgeLeftNavi li a {
	display:block;
	padding:3px 35px;
	text-decoration:underline;
	background-image:url(../img/pfeil_blau_kl.gif);
	background-repeat:no-repeat;
	background-position: 20px center;
	color:#000000;
}

#bridgeLeftNavi li a:hover {
	background-color:#dfdfdf;
	text-decoration:none;
}

#bridgeLeftNavi li a.act {
	background-color:#dfdfdf;
	text-decoration:none;
}


#bridgeLeftNavi ul.subnavi {
	margin: 0px 0px 3px 20px
}

#bridgeLeftNavi ul.subnavi li a {
	padding:1px 30px;
	text-decoration:none;
	font-size:10px;
	/*background-position: 15px center;*/
	background-image:none;
	display:block;
	height:15px;
}

#bridgeLeftNavi ul.subnavi li a:hover {
	background-color:#f4f4f4;
	text-decoration:none;
	color:#0E57A1;
}

#bridgeLeftNavi ul.subnavi li a.act {
	padding:1px 30px;
	text-decoration:none;
	font-size:10px;
	/*background-position: 15px center;*/
	background-image:none;
	display:block;
	height:15px;
	text-decoration:none;	
	color:#0E57A1;
	background-color:#f4f4f4;
	font-weight: bold;
}


#bridgeLeftColumn pre {
	background-image:url(../img/box_header_210_hotline.jpg);
	background-repeat:no-repeat;
	color:#333125;
}


/* Center Column */

#bridgeCenterColumn {
	margin-right:9px;
	float:left;
	width:552px;
}


#bridgeCenterColumn721 {
	margin-right:0px;
	float:left;
	width:771px;
}

.dreispalterLinks, .dreispalterMitte {
	float:left;
	width:178px;
	margin-right:9px;
}

.dreispalterRechts {
	float:left;
	width:178px;
	margin-right:0px;
}

.dreispalter {
	width:174px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
}

div.dreispalter h1 {
	margin: 9px 9px 7px 9px;
	font-size:12px !important;
	color:#555;
}

div.dreispalter h2 {
	margin: 9px 9px 0px 9px;
	font-size:12px !important;
	color:#555; 
}

.dreispalter p {
	color:#555;
}

.dreispalter ul {
	margin:0 10px 0 10px;
}

.dreispalter li {
	display:block;
	height:22px;
	line-height:22px;

	padding:1px 0px 1px 10px;
	background-image:url(../img/bg_pfeil_aufzaehlung.jpg);
	background-repeat:no-repeat;
	background-position:-2px center;
	border-bottom: 1px solid #F0EFF0;
	font-size:9px;
	color:#0E57A1;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
}


.zweispalterLinks {
	float:left;
	width:271px;
	margin-right:10px;
}

.zweispalterRechts {
	float:left;
	width:271px;
	margin-right:0px;
}

.zweispalter {
	width:267px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
}


div.zweispalter h1 {
	margin: 9px 9px 7px 9px;
	font-size:12px !important;
	color:#555;
}

div.zweispalter h2 {
	margin: 9px 9px 0px 9px;
	font-size:12px !important;
	color:#555; 
}

.zweispalter p {
	color:#555;
}

.zweispalter ul {
	margin:0 10px 0 10px;
}

.zweispalter li {
	display:block;
	height:22px;
	line-height:22px;
	padding:1px 5px 1px 15px;
	background-image:url(../img/bg_pfeil_aufzaehlung.jpg);
	background-repeat:no-repeat;
	background-position:0px center;
	border-bottom: 1px solid #F0EFF0;
	font-size:10px;
	color:#0E57A1;
}


.einspalter {
	width:548px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	float:left;
}

.einspalter721 {
	width:767px;
	min-height:40px;
	_height:40px;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom:none;
	padding:1px;
	float:left;
}

div.einspalter h1 {
	margin: 9px 9px 7px 9px;
	font-size:12px !important;
	color:#555;
}

div.einspalter h2 {
	/*margin: 9px 9px 0px 9px;*/
	font-size:12px !important;
	color:#555; 
}

.einspalter p {
	color:#555;
}

.einspalter ul {
	margin:0 10px 0 10px;
}

.einspalter li {
	display:block;
	height:22px;
	line-height:22px;
	padding:1px 5px 1px 15px;
	background-image:url(../img/bg_pfeil_aufzaehlung.jpg);
	background-repeat:no-repeat;
	background-position:0px center;
	border-bottom: 1px solid #F0EFF0;
	font-size:10px;
	color:#0E57A1;
}


.clearEinspalter {
	clear:both;
	height:9px;
	background-image:url(../img/content_BgBottom.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#bridgeCenterColumn721 .clearEinspalter721 {

	/*clear:both;*/
	height:1px;
	width: 771px;
	background-image:url(../img/content_BgBottom.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin-top: 10px;
}

#bridgeCenterColumn .clearDreispalter {
	height:9px;
	width:178px;
	background-image:url(../img/content_BgBottom.png);
	background-repeat:no-repeat;
	background-position:right top;
}


#bridgeCenterColumn .clearZweispalter {
	height:9px;
	width:271px;
	background-image:url(../img/content_BgBottom.png);
	background-repeat:no-repeat;
	background-position:right top;
}

/* Right Column */

#bridgeRightColumn {
	float:right;
	width:210px;
}

#bridgeLeftColumn h1, #bridgeRightColumn h1 {
	margin: 9px 9px 7px 9px;
	font-size:12px;
	color:#000000;
}

#bridgeCenterColumn721 p, #bridgeLeftColumn p, #bridgeCenterColumn p, #bridgeRightColumn p, #bridgeCenterColumn .dreispalterLinks p, #bridgeCenterColumn .dreispalterMitte p, #bridgeCenterColumn .dreispalterRechts p {
	margin:0px 9px 7px 9px;
}


/* Listen 
----------------------------------------*/

.content210 ul, .content525px ul, .content771px ul, .content990px ul {
	margin-right: 20px;
	margin-bottom: 10px;
}

.content210 li, .content525px li, .content771px li, .content990px li {
	display:block;
	/*height:22px;*/
	line-height:22px;

	padding:1px 0px 1px 14px;
	background-image:url(../img/bg_pfeil_aufzaehlung.jpg);
	background-repeat:no-repeat;
	background-position:-2px 2px;
	/*border-bottom: 1px solid #F0EFF0;*/
	/*font-size:9px;*/
	/*color:#0E57A1;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
}


.content210px ul {
	margin:0 10px 0 10px;
}

.content210px li {
	display:block;
	/*height:22px;*/
	line-height:22px;
	padding:1px 5px 1px 15px;
	background-image:url(../img/bg_pfeil_aufzaehlung.jpg);
	background-repeat:no-repeat;
	background-position:0px center;
	border-bottom: 1px solid #F0EFF0;
	font-size:10px;
	color:#0E57A1;
}

/* Bilder in normalen typo3 Content-Elementen ausrichten
---------------------------------------------------------*/

.csc-textpic-imagewrap {

	margin-left: 10px;
	margin-right: 10px;

}


/* Footer
----------------------------------------*/
#footer
{
	width:990px;
	height:30px;



	padding:10px 0px;
	margin-bottom: 30px;
}

hr {



	border: 0;
	color: #d0d0d0;
	background-color: #d0d0d0;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

#footer p {
	color:#555;
	font-size:9px;
	line-height: 12px;
	text-align:center;
}

#footerNavi {
	text-align:center;
}

#footerNavi ul {
	margin:15px auto;
	width: 230px;
}

#footerNavi li {
	padding:0px 5px;
	border-right: 1px solid #555555;
	float:left;
	font-size:9px;
	font-weight:bold;
	line-height:18px;
	color:#555555;
}

#footerNavi li a {
	color:#555555;
	text-decoration:none;
}

#footerNavi li a:hover {
	color:#0E57A1;
}

#footerNavi .last {
	border-right:none
}


/*  Martix */


#bridgeCenterColumn721 .Headline{
	font-family:		Verdana, sans-serif;
	font-size:			13px;
	color:				#ffffff;
	background-image:	url(../img/bg_head_blau.jpg);
	font-weight:		bold;		
}
#bridgeCenterColumn721 .Headline2{
	font-family:		Verdana, sans-serif;
	font-size:			13px;
	color:				#000000;
	font-weight:		bold;		
}

#bridgeCenterColumn721 .Text1{
	font-family:		Verdana, sans-serif;
	font-size:			10px;
	line-height: 		1.4em;
	color:				#000000;
	font-weight:		normal;		
}
#bridgeCenterColumn721 .Text1Bold{
	font-family:		Verdana, sans-serif;
	font-size:			10px;
	line-height: 		1.4em;
	color:				#000000;
	font-weight:		bold;		
}
#bridgeCenterColumn721 .Text2{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#000000;
	font-weight:		normal;		
}
#bridgeCenterColumn721 .Text2 a{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#000000;
	text-decoration:	none;
	border-bottom: 		1px dotted #000000;
}
#bridgeCenterColumn721 .Text2 a:hover{
	color:				#226CB9;
	text-decoration:	none;
	border-bottom: 		1px dotted #226CB9;
}

#bridgeCenterColumn721 .TextX{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#226CB9;
	font-weight:		bold;		
}



/*  Tabelle Produktvergleich  */

TABLE#produktvergleich td.Headline{
	font-family:		Verdana, sans-serif;
	font-size:			13px;
	color:				#ffffff;
	background-image:	url(../img/bg_head_blau.jpg);
	background-repeat:repeat-x;
	background-position:0px top;
	font-weight:		bold;
	height:50px;
}
TABLE#produktvergleich .Headline2{
	font-family:		Verdana, sans-serif;
	font-size:			13px;
	color:				#000000;
	font-weight:		bold;		
}

TABLE#produktvergleich .Text1{
	font-family:		Verdana, sans-serif;
	font-size:			10px;
	line-height: 		1.4em;
	color:				#000000;
	font-weight:		normal;
	vertical-align: top;	
}
TABLE#produktvergleich .Text1Bold{
	font-family:		Verdana, sans-serif;
	font-size:			10px;
	line-height: 		1.4em;
	color:				#000000;
	font-weight:		bold;
	text-align: center;		
}
TABLE#produktvergleich .Text2{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#000000;
	font-weight:		normal;		
}
TABLE#produktvergleich .Text2 a{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#000000;
	text-decoration:	none;
	border-bottom: 		1px dotted #000000;
}
TABLE#produktvergleich .Text2 a:hover{
	color:				#226CB9;
	text-decoration:	none;
	border-bottom: 		1px dotted #226CB9;
}

TABLE#produktvergleich .TextX{
	font-family:		Verdana, sans-serif;
	font-size:			11px;
	color:				#226CB9;
	font-weight:		bold;
	text-align:center;
}
TABLE#produktvergleich td{
	padding:8px;
}
TABLE#produktvergleich {
	/*background-color:#CED0D0;*/
	/*padding:1px;*/
	/*border: 1px solid #CED0D0;*/
	/*border-collapse: collapse;*/
}


