@import url(css/cc-standard.css);


body {
	opacity: 0.99999;
	-moz-opacity: 0.99999;
/*	text-shadow: 0 0 0 #000;*/
}


/********************* Kopfbereich *********************/

div.header_shop_content div a {
font-size: 12px;
}

#logo_shop {
margin: 1px 52px;
width: 100px;
}

#logo_shop a {
white-space: nowrap;
}

div.cc_language_content a {
font-size: 12px;
}

#cc_headschrift a {
font-size: 17px;
line-height:24px;
}

#cc_headschrift a:hover {
text-decoration: none;
}

#headsearch input {
padding: 0;
color: #000;
}

#headsearch {
margin-bottom: 0px;
}

/* IE Problem bei den Boxen */

* html .RightPane {
padding-top: 10px;
}

/* Shop-Link im Header rot statt grün*/

.header_shop_content_border {
background: 	#fee;
border-color:	#dd0009;
}

.l1u {
background:	#dd0009;
}

.l2u, .l3u, .l4u {
border-left:	1px solid #dd0009;
border-right:	1px solid #dd0009;
background: 	#fee;
}

#logo_shop a {
color: #333;
}

/********************* Buttons round_blue *********************/
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:16px;
	background:url(images/button.gif) no-repeat right top; 
	padding-right:8px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
}

.round span { 
	background:url(images/button.gif) no-repeat left top; 
	height:16px;
	display:block;
	display:inline-block;
	padding-left:9px; line-height:16px;
	color: #ffffff;
}

	a.round:hover {background-position:right -16px;text-decoration: none;}
	a.round:hover span {background-position:left -16px;color: #fff;}
	
	/*button tag*/
	
	button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;}
	


/********************* Navigation links *********************/

#leftnavigation li a {
color: #666;
}

#leftnavigation li a:hover {
text-decoration: none;
}

/********************* Navigation oben, Klappmenüs *********************/

/* Xtra 4 Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #topnavigation {margin-top:-30px;}
}
#topnavigation {margin-top:0;}

#topnavigation ul li a, #topnavigation ul li ul li a {
	line-height: 20px;
	display:block;
	padding:4px 0 5px 0;
}

#topnavigation ul li ul li {
border-bottom: 1px solid #eee;
}

#topnavigation ul li ul li a {
font-weight: normal;
}

#topnavigation ul ul .HasChildMenu {
	background: #b3b3b3 url('images/arrow.gif') no-repeat right;
}

#nav_3rdlvl a:hover {
	text-decoration: none;
}

/**** Kevin: Trouble in FF/Mac ****/

#nav_3rdlvl ul .first a, #nav_3rdlvl ul .active a {
	padding-top: 5px;
}


/*********************** Default Schriftart *****************************/

* body p ul li {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
}

p {
line-height: 1.2em;
margin-bottom: 1.5em;
}

a {
color: #369;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #369;
text-decoration: underline;
}

a:visited {
color: #636;
font-weight: normal;
text-decoration: none;
}

sub, sup {
font-size: 10px;
}

.contentpane p, ul {
margin-bottom: 1.5em;
}

.contentpane ul li, #right_container_with_borders li {
line-height: 1.2em;
margin-bottom: 0.5em;
}

.contentpane .box {
border: 1px solid rgb(127, 135, 137);
padding: 10px;
margin-bottom: 20px;
}

.contentpane .box_konf {
border: 1px solid #09f;
padding: 10px;
margin-bottom: 20px;
}


/************************ Styles Pressemitteilungen **********************/


#col_right .ViewNotesTitle {
font-weight: normal;
}

#NotesListQuickView li {
line-height: 1.2em;
margin-bottom: 1em;
}

* html #NotesListQuickView .normal .ViewNotesTitle {
text-indent: -16px;
}

#NotesListQuickView ul {
	list-style-position:outside;
}

.ContentContainer {
	margin-bottom: 20px;
}

a.ViewNotesLink {
	display: block;
}

/******************************* Styles Events ***************************/
.event_date {font-weight: bold; color: #333;line-height: 1.2em;}
.event_name {line-height: 1.2em;}
.event_name a {font-weight: bold;}
.event_text {line-height: 1.2em;margin-bottom: 120px;}

.event_name a:link, body .event_name a:visited { color: #369; text-decoration: none; }
.event_name a:hover, body .event_name a:active { color: #369; text-decoration: underline;}


/******************************* Styles Jobs *****************************/

.longtext ul li {
	list-style-position:outside;
}

/************************ Styles Content *********************************/

/* safari Hack */
body a:link { color: #369; text-decoration: none; }
body a:visited { color: #636; text-decoration: none; }
body a:hover, body a:active { color: #369;}

/* safari Hack */
html*#main_container a {
	color: #369;
}

html*#main_container_with_borders a {
	color: #369;
}
html* a {
	color: #369;
}

.left {
float: left;
margin-right: 10px;
}

.right {
float: right;
margin-left: 10px;
}

.clear {
clear:both;
}

#nav_3rdlvl {
margin-bottom: 20px;
}

.Head {
background-color: #f0f0f0;
display: block;
margin: 0;
padding: 2px 10px;
}

tbody {
font-size: 12px;
}

h1, .tabmenucaption {
color: #999;
font-size: 16px;
font-weight: normal;
}

/* Safari hack for h1 */
body h1, body .tabmenucaption {
color: #999;
font-size: 16px;
font-weight: normal;
font-family: arial,helvetica,sans-serif;
}

.tabmenucaption h1 {
margin: 0;
padding: 0;
}


h2, h3, h4, h5, h6 {
color: #333;
}

h2 {
background-color: #f0f0f0;
display: block;
margin: 0 -10px 1.2em -10px;
padding: 2px 10px;
font-weight: bold;
font-size: 12px;
clear: both;
}

/* Safari hack for h2 */
body h2 {
background-color: #f0f0f0;
display: block;
margin: 0 -10px 1.2em -10px;
padding: 2px 10px;
font-weight: bold;
font-size: 12px;
font-family: arial,helvetica,sans-serif;
clear: both;
}

h3 {
font-weight: bold;
text-decoration: underline;
font-size: 12px;
margin: 0 0 1.2em;
clear: both;

}

h4 {
font-weight: bold;
font-size: 12px;
margin: 0 0 10px;
clear: both;
}

.Normal, .NormalDisabled {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
font-weight:normal;
}

table, table tr td {
border: 1px solid #ccc;
border-collapse: collapse;
}

table.noborder, table.noborder tr td {
border: 0px;
}

caption {
font-size: 11px;
}

p.line {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

p.line .left {
margin-right: 30px;
margin-bottom: 10px;
}

.contentpane #lrlists ul {
margin:0 0 0 125px;
padding:0;
}
.contentpane ul li {
list-style-type: square;
list-style-position:outside;
margin-left:0;
}

/* .contentpane ul li {
list-style-type: square;
list-style-position:outside;
margin-left: 20px;
}*/

/* IE Hack */
/* * html #lrlists ul li {
list-style-type: square;
list-style-position:outside;
margin-left: 110px;
} */

/* safari Hack */
/*html*#lrlists ul li {
list-style-type: square;
list-style-position:outside;
margin-left: 110px;
}*/

/**************************************** Formulare ***********************/

.FormTable {
border: 0px;
}

.FormTable tr td {
border: 0px;
}

.FormTable tr td table {
border: 0px;
}

.FormTable tbody tr td label a {
visbility: hidden;
display: none;
}

/**************************************** Suche ***********************/
#search_los {
width: 36px;
height: 20px;
color: #FFF;
background: url(images/search_los.gif) no-repeat; 
margin-top: -18px;
margin-left: 155px;
padding: 4px 0px 0px 7px;
font-size: 12px;
font-weight: normal;
cursor:pointer;
}

#search_los_EN {
width: 36px;
height: 20px;
color: #FFF;
background: url(images/search_go.gif) no-repeat; 
margin-top: -18px;
margin-left: 155px;
padding: 4px 0px 0px 7px;
font-size: 12px;
font-weight: normal;
cursor:pointer;
}

* html #search_los {
margin-top: -19px;
margin-left: 155px;
padding: 4px 0px 0px 8px;
}

* html #search_los_EN {
margin-top: -19px;
margin-left: 155px;
padding: 4px 0px 0px 8px;
}


/****************************************Styles Map/ Standorte ***********************/

#mapcontainer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 550px;
	height: 800px;
}

#mapcontainer ul li {
list-style-type: none;
}

.standorte {
	background-image: url(http://www.cancom.de/Portals/0/img/D-A-CH.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 575px;
	width: 450px;
	margin-left: 50px;
}

.standorte a {
	background-image:  url(images/square.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #c9f;
	display: block;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	text-decoration: none;
	width: 10px;
	height: 10px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.standorte a span {
	visibility: hidden;
}

.standorte a:hover {
	background-image:  url(images/square2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
	width: 180px !important;
	width: 210px;
	height: 410px !important;
	height: 420px;
	padding: 10px 10px 4px 20px;
	z-index: 51;
}

.standorte a:hover span {
	visibility: visible;
}

.mapdaten {
	color: #333;
	text-decoration: none;
	line-height: 1.2em;
}

.maplink {
	color:#39f;
	text-decoration: underline;
}

#hamburg	{left: 190px; top: 74px;}
#bremen		{left: 170px; top: 98px;}
#berlin		{left: 331px; top: 134px;}
#magdeburg	{left: 255px; top: 166px;}
#bielefeld	{left: 154px; top: 163px;}
#cottbus	{left: 358px; top: 183px;}
#essen		{left: 103px; top: 197px;}
#pulheim	{left: 91px; top: 225px;}
#koeln		{left: 102px; top: 226px;}
#aachen		{left: 71px; top: 240px;}
#leipzig	{left: 290px; top: 206px;}
#duesseldorf	{left: 93px; top: 212px;}
/* #badhomburg	{left: 155px; top: 274px;} */
/* #frankfurt	{left: 155px; top: 286px;} */
#dreieich	{left: 155px; top: 286px;}
/* #darmstadt	{left: 146px; top: 308px;} */
#walldorf	{left: 150px; top: 328px;}
#nuernberg	{left: 255px; top: 326px;}
#stuttgart	{left: 170px; top: 356px;}
#jettingen	{left: 233px; top: 378px;}
#balingen	{left: 175px; top: 387px;}
#muenchen	{left: 277px; top: 387px;}
#kempten	{left: 220px; top: 418px;}
#linz		{left: 364px; top: 385px;}
/* #wien	{left: 455px; top: 388px;} */
#stpoelten	{left: 425px; top: 376px;}
#perchtoldsdorf	{left: 446px; top: 383px;}
#dornbirn	{left: 198px; top: 434px;}
#salzburg	{left: 318px; top: 411px;}
#graz		{left: 421px; top: 441px;}
#innsbruck	{left: 263px; top: 436px;}
#klagenfurt	{left: 371px; top: 463px;}
/* #lugano	{left: 162px; top: 510px;} */