/* Grauzone CSS Standard */

a {color: #000000;}
a:visited {color: #000000;}
.betext a, .betext a:visited, .infotext a, .infotext a:visited {color: #000000;}
.betext a:active, .betext a:hover, .infotext  a:active, .infotext a:hover {color: #cf0000;}
a:hover, a:active {color: #cf0000;}

.kasten {
	font-size: 12px;
	background-color: #e9e7e6;
	text-align: justify;
	vertical-align: middle;
	padding: 5px 10px;
	border: dotted 1px #cf0000;
}

.kasten .wichtigtext { color: #cf0000; }

.dotframe{
	margin: 0px;
	margin-bottom: 6px;
	padding: 3px;
	background-color: #eee;
	border-bottom: dotted 1px #cf0000;
}

img {border: 0px;}
H1 { font-size: 16px; font-weight: bold; margin: 5px; }

.zahlsyslogo { float: left; }
.wichtigtext { color: #000000; font-size: 12px; font-weight: bold; }
.floatclearer {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
.grautext {color:#bbb;}
.fl { margin-right: 20px; margin-bottom: 10px; }
.fl .flagge{}
.flagge img {display: inline; margin-top: 2px; position: absolute;}
.fl .nr{font-size: 16px; font-weight: bold; margin-left: 30px;}
.fl .tarif {font-size: 9px; margin-left: 32px; color: #717171;}

.cont{
	margin: 20px;
}
.schrittcontainer {
	float: left;
	width: 21px;
	height: 82px;
}
.schrittcontainer_small{
	float: left;
	margin: 0px;
	width: 21px;
	height: 55px;
}
.shadow{
	background: url('/img_fuellen/shadow.png') bottom right no-repeat;
	margin-left: 21px;
	width: 632px;
	padding: 0px 0px 11px 0px;
}
.betext, .infotext, .actiontext {
	width: 608px;
	text-align: left;
	border: solid 1px black;
	min-height: 90px;
	padding-left: 10px;
	padding-right: 3px;
	color: #000000;
}
.infotext {
	border: solid 1px black;
	min-height: 50px;
}
.actiontext {
	border: solid 2px #cf0000;
	min-height: 50px;
	color: #000000;
}


/*************
* LIsten Nav *
**************/
.navBg {
	background-image: url('/img_fuellen/roterbalken.jpg');
	 border-top: 1px solid #666;
	 border-bottom: 1px solid #666;
}
#zs_navcontainer {
	margin: 0px 0px 0px 40px;
}
#zs_navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#zs_navcontainer li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	width: 105px;
}
#zs_navcontainer a {
	color: #fff;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size : 11px;
	/*font-weight: bold;*/
	display: block;
	/*width: 100px;*/
	text-decoration: none;
	background-image: url('/img_fuellen/roterbalken.jpg');
	margin: 0;
	padding: 3px 0px 3px 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #fff;
}
#zs_navcontainer a:hover, #zs_navcontainer a:active {
	text-decoration: underline;
	font-weight: bold;
}
#zs_navcontainer a.active:link, #zs_navcontainer a.active:visited {
	text-decoration: underline;
	z-index: 102;
	font-weight: bold;
}
#nav_first {
	border-left: 1px solid #fff !important;
}
#nav_last {
}


.zs_table	{
	border:dashed 1px #999999;
	background-color:#ffffff;
}

.zs_table	td	{
	border:dashed 1px #cccccc;
	background-color:#f3f3f3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.grauzone_header	{
	background-color:#e3e3e3 !important;
}

.noborder	{
	border:none;
}

.noborder td	{
	border:none;
}

.auffaellig	{
	color:#aa0000;
}


table.camdetail	{
	border:solid 1px #ccc; 
	margin-top:18px; 
	margin-left:8px; 
	float:left
}

td.camdetail_header	{
	border-bottom:solid 1px #ccc;
	background-color:#f3f3f3;
	font-size:12px;
}

tr.camdetail_steckbrief, td.camdetail_steckbrief	{
	background-color:#eeeeee;
}

.dashed_border	{
	border:dashed 1px #cccccc;
}

.cd_bilder_videos	{
	border:solid 1px #cccccc; 
	margin-top:6px;
}

.camsearch_los	{
	color:#aa0000;
	text-decoration:none;
}

.camsearch_los:hover	{
	color:#cccccc;
}

.cam_sub_menue	{
	border-left:solid 1px #ececec;
	border-right:solid 1px #ececec;
	border-bottom:solid 1px #ececec;
	background-color:#f6f6f6;
}



/* Breadcrumb Styles (pointer)
 ---------------------------------------------------------------------*/
.brotkruemel	{
	margin: 0;
	padding: 0;
	float: left;
	height: 21px;
	width: 100%;
	border:solid 1px #cdcdcd;
	background:#f3f3f3;
	font-size: 12px !important;
	overflow:hidden;
}

.homeicon	{
	width:16px;
	height:16px;
	margin-top:2px;
	margin-left:3px;
	background:url('/img/brotkruemel/IconHome.gif') no-repeat 0 0;
}

.homeicon:hover	{
	background-position: 0 -16px;
}

.brotkruemel_pfeil	{
	width:6px;
	height:20px;
	background:url('/img/brotkruemel/Chevron_2.gif') no-repeat;
	float:left;
}

.brotkruemel_text	{
	margin-left:0px;
	margin-top:0 !important;
	margin-right:3px;
	float:left;
}

.brotkruemel_text	h1, h2, h3, p	{
	margin-top:0;
	margin-bottom:0;
}

.brotkruemel_table	{
	float:left;
}

.brotkruemel_table2	{
	margin-top:1px;
	margin-right:4px;
	float:right;
}

.brotkruemel_table td	{
	vertical-align:middle;
	text-align:left;
}

.brotkruemel_table2 td	{
	vertical-align:middle;
	text-align:left;
}

.pointer_rechts	{
	font-size:10px;
	color:#333333;
	margin-top:0;
	margin-bottom:0;
}


/* Cam Nav */
.chromemenu{
	width: 99%;
	font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromemenu ul{
	border: 1px solid #BBB;
	width: 100%;
	background: url('/ddtabmenufiles/media/chromebg.gif') center center repeat-x;
	padding: 5px 0;
	margin: 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
font-size:12px;
}

.chromemenu ul li a{
	color: #494949;
	padding: 5px 8px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #BBB;
	font-size:12px;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
	background: url('/ddtabmenufiles/media/chromebg2.gif') center center repeat-x;
}

.tabcontainer{
	clear: left;
	width:95%; /*width of 2nd level sub menus*/
	height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
	display:none;
}

/* CAMS Hintergrundabhaengige Defs by BN */
.cam_sidebar{
	background-color:#F3F3F3 !important;
	color: #000000 !important;
}