/**************************************************************************************************/
/* brocard						                                              
/* master.css
/* made by Thomas Brückhändler, www.edv-service-tb.de
/**************************************************************************************************/
 

/**************************************************************************************************/
/**************************************** general *************************************************/
/**************************************************************************************************/
html
	{
		padding:0;
		margin:0;
		border:0;
		background-color:white;
		font-size:76%;
		font-family:Geramond, Arial, Verdana;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}

body
	{
		padding:0;
		margin:0;
		border:0;
		color:#333333;
		background-color:white;
	}

html, body {height:100.1%;}

img	{border:0px;}



/**************************************** Links ***************************************************/
a 						{font-weight:normal; text-decoration:none; color:#888888;cursor:pointer}
a:link 					{font-weight:normal; text-decoration:none; color:#888888;}
a:visited				{font-weight:normal; text-decoration:none; color:#888888;}
a:hover					{font-weight:normal; text-decoration:underline; color:#7D7D7D;}
a:active				{font-weight:normal; text-decoration:red; color:#888888;}

a.mail 					{font-weight:normal; text-decoration:none; color:#888888;cursor:pointer}
a.mail:link 			{font-weight:normal; text-decoration:none; color:#888888;}
a.mail:visited			{font-weight:normal; text-decoration:none; color:#888888;}
a.mail:hover			{font-weight:normal; text-decoration:underline; color:#7D7D7D;}
a.mail:active			{font-weight:normal; text-decoration:red; color:#888888;}


.mouseover
	{
		cursor: pointer;
	}
	

.tx-twobgeoip-pi1
	{
		position:absolute;
		top:2px;
		left:2px;
		width: auto;
		border: 1px solid white;
		background-color: transparent;
		z-index: 1;
	}
/**************************************************************************************************/
/**************************************** special *************************************************/
/**************************************************************************************************/
#preload, .preload, .tx-kiddogwztooltip-pi1
	{
		visibility:hidden;
		display:none;
	}
#MainContainer
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:1px;
		overflow:visible;
		visibility:visible;
		display:block;
		background-color:transparent;
		text-align:center;
	}

#InnerContainer
	{
		margin-left:-448px;
		position:absolute;
		top:0px;
		left:50%;
		width:896px;
		height:auto;
		background-color:transparent;
		z-index:700;
	}

/**************************************** headercontainer *****************************************/
#HeaderContainer
	{
		margin-left:0px;
		float:right;
		top:0px;
		left:0px;
		width:896px;
		height:125px;
		background-color:transparent;
		z-index:701;
	}

/**************************************** company logo ********************************************/
#LogoContainer
	{
		margin-left:0px;
		position:absolute;
		top:0px;
		left:0px;
		width:366px;
		height:125px;
	 	background: url("brocard-logo.jpg") left top;
		background-repeat: no-repeat;
		background-color:white;
		z-index:800;
	}

/****************************************   manual container       ********************************/
#MenuContainer
	{
		margin-left:0px;
		position:absolute;
		top:0px;
		left:339px;
		width:557px;
		height:125px;
	 	background: url("menubackground.jpg") right top;
		background-repeat: no-repeat;
		background-color:transparent;
		z-index:805;
	}


/****************************************   the language  menu ************************************/
#LanguageContainer
	{
		float:right;
		left:0px;
		width:100%;
		border-top: 23px solid white;
		height:29px;
		background-color:transparent;
		z-index:910;
	}
	
#LanguageLabel
	{
		float:right;
		left:0px;
		margin-top:0px;
		padding-left:5px;
		width:auto;
		height:20px;
		background-color:transparent;
		text-align:right;
		color:#949494;
	}

#LanguageMenu
	{
		float:right;
		left:0px;
		padding:0px;
		width: auto;
		height:20px;
		letter-spacing:0em;

	}
/** do change the font size you have to change the brocard.js!! */
a.LanguageMenu 			{font-weight:bold; text-decoration:none; color:#BEBEBE;}
a.LanguageMenu:link 	{font-weight:bold; text-decoration:none; color:#BEBEBE;}
a.LanguageMenu:visited	{font-weight:bold; text-decoration:none; color:#BEBEBE;}
a.LanguageMenu:hover	{font-weight:bold; text-decoration:none; color:#7D7D7D;}
a.LanguageMenu:active	{font-weight:bold; text-decoration:none; color:#BEBEBE;}

#bottomswitchlanguage
	{
		float:left;
		left:0px;
		height:9px;
		width:100%;
		background-color:transparent;
	}

/****************************************   the flacon ************************************/
#FlaconContainer
	{
		float:right;
		left:0px;
		width:100%;
		height:18px;
		z-index:910;
		background-color:transparent;
	}
	
#Flacon
	{
		float:left;
		width:48px;
		height:15px;
		top:0px;
		left:0px;
		background-color:transparent;
		padding-left:27px;
	}

/****************************************   the main menu	    ***********************************/
#MainMenu
	{
		float:right;
		top:0px;
		left:0px;
		width:530px;
		height:18px;
		background-color:transparent;
		color:#7D7D7D;
		z-index:806;
		text-align:left;
		background-color:transparent;
	}
	
/****************************************   the main menu	    **********************************
 * to have the opurtunity to place the main menual items on a special position every item has its
 * own div container!
 *
 *  */
#Item12
	{
		position:absolute;
		top:72px;
		left:27px;
		width: auto;
	}
	
#Item11
	{
		position:absolute;
		top:72px;
		left:97px;
		width: auto;
	}
	
#Item17
	{
		position:absolute;
		top:72px;
		left:201px;
		width: auto;
	}
	
#Item16
	{
		position:absolute;
		top:72px;
		left:309px;
		width: auto;
	}
	
#Item9
	{
		position:absolute;
		top:72px;
		left:402px;
		width: auto;
	}
	
#Item8
	{
		position:absolute;
		top:72px;
		right:0px;
		width: auto;
		text-align:right;
	}

ul.MainMenu
	{
		list-style-position:none;
		margin:0 0 0 0px;
		padding-top:0px;
		padding-left:0px;
	}

li.MainMenu
	{
		float:left;
		margin:0px;
		padding:0px 8px 0px 0px;
		list-style-type:none;
	}

a.mainNo 				{font-weight:normal; text-decoration:none; color:#888888;}
a.mainNo:link 			{font-weight:normal; text-decoration:none; color:#888888;}
a.mainNo:visited		{font-weight:normal; text-decoration:none; color:#888888;}
a.mainNo:hover			{font-weight:normal; text-decoration:none; color:#333333;}
a.mainNo:active			{font-weight:normal; text-decoration:none; color:#888888;}

.mainAc             	{}
a.mainAc 				{font-weight:normal;text-decoration:none;color:#333333;}
a.mainAc:link 			{font-weight:normal;text-decoration:none;color:#333333;}
a.mainAc:visited		{font-weight:normal;text-decoration:none;color:#333333;}
a.mainAc:hover			{font-weight:normal;text-decoration:none;color:#333333;}
a.mainAc:active			{font-weight:normal;text-decoration:none;color:#333333;}

/****************************************   the submenu	  *****************************************/
#SubMenu
	{
		float:left;
		top:0px;
		left:0px;
		width:auto;
		height:23px;
		background-color:transparent;
		color:black;
		letter-spacing:0em;
		z-index:806;
		padding-left:0px;
		padding-top:0px;
	}
	
ul.SubMenu
	{
		list-style-position:none;
		margin:0 0 0 0px;
		padding-left:0px;
	}
	
li.SubMenu
	{
		float:left;
		margin:0px 6px 0px 0px;
		padding:0px;
		list-style-type:none;
	}
	
.subNo                  {}
a.subNo 				{font-weight:normal; text-decoration:none; color:#888888;}
a.subNo:link 			{font-weight:normal; text-decoration:none; color:#888888;}
a.subNo:visited			{font-weight:normal; text-decoration:none; color:#888888;}
a.subNo:hover			{font-weight:normal; text-decoration:none; color:#333333;}
a.subNo:active			{font-weight:normal; text-decoration:none; color:#888888;}

.subAc             		{}
a.subAc 				{font-weight:normal;text-decoration:none;color:#333333;}
a.subAc:link 			{font-weight:normal;text-decoration:none;color:#333333;}
a.subAc:visited			{font-weight:normal;text-decoration:none;color:#333333;}
a.subAc:hover			{font-weight:normal;text-decoration:none;color:#333333;}
a.subAc:active			{font-weight:normal;text-decoration:none;color:#333333;}

/**************************************** eyecatcher **********************************************/
#EyecatcherContainer
	{
		float:right;
		padding:0px;
		top:0px;
		left:0px;
		width:896px;
		height:251px;
		overflow:none;
		background-color:black;
		color: black;
	}

#LeftEyecatcherColumn
	{
		float:left;
		top:0px;
		left:0px;
		z-index:910;
		width:333px;
		height:242px;
		color: white;
		overflow:none;
		background-color:transparent;
		border: 5px solid black;
		border-right: 0px solid black;
		text-align: left;
	}

#RightEyecatcherColumn
	{
		float:right;
		top:0px;
		left:0px;
		width:553px;
		height:242px;
		overflow:none;
		padding:0px;
		border: 5px solid black;
		border-left: 0px solid black;
		background-color:transparent;
		text-align: right;
	}

/**************************************** content *************************************************/
#ContentContainer
	{
		float:right;
		padding:37px 0px 50px 0px;
		top:0px;
		left:0px;
		width:896px;
		height:auto;
		background-color:transparent;
	}
#LeftContentColumn
	{
		float:left;
		top:0px;
		left:0px;
		z-index:910;
		width:338px;
		height:auto;
		text-align:center;
		background-color:transparent;
	}

#RightContentColumn
	{
		float:right;
		top:0px;
		right:0px;
		width:558px;
		height:auto;
		overflow:none;
		padding:0px;
		background-color:transparent;
		text-align:justify;
		/** border-right: 10px solid white; */

	}
/** #messagecontainer, #pointer, #pointermessagecontainer */
#pointermessagecontainer
	{
		position:absolute;
		top:130px;
		left:620px;
		height:242px;
		width:270px;
		text-align:left;
		padding: 2px;
		border-left: 2px solid black;
		border-right: 2px solid black;
		background-color: white;
		visibility:hidden;
		display:none;
		z-index:999;
	}
#pointermessagecontainer p
	{
		font-size: 10px;
		line-height: 13px;
		letter-spacing:0em;
	}
#pointermessagecontainer strong
	{
		color: black;
	}

#pointermessagecontainer a
	{
		color: #7D7D7D;
	}
/****************************************   the footer menu	    ************************************/
#FooterContainer
	{
		float:right;
/**		position: absolute; */
		top: 0px;
		left:0px;
		width:896px;
		height:auto;
		background-color:transparent;
		text-align:left;
		color:#888888;
		border-top: 37px solid white;
		z-index:9999;
	}

#FootMenu
	{
		float:right;
		left:0px;
		width:290px;
		height:20px;
		background-color:transparent;
		text-align:right;
		color:#888888;
		font-size:0.9em;
	}

ul.FootMenu
	{
		list-style-position:none;
		margin:0 0 0 0px;
		padding-right:0px;
	}
li.FootMenu
	{
		float:right;
		margin:0px 0px 0px 6px;
		padding:0px;
		list-style-type:none;
	}
.FootNo             	{font-size:1.1em;}
a.FootNo 				{font-weight:normal; text-decoration:none; color:#888888;}
a.FootNo:link 			{font-weight:normal; text-decoration:none; color:#888888;}
a.FootNo:visited		{font-weight:normal; text-decoration:none; color:#888888;}
a.FootNo:hover			{font-weight:bold; text-decoration:none; color:#888888;}
a.FootNo:active			{font-weight:normal; text-decoration:none; color:#888888;}

.FootAc             	{font-size:1.1em;}
a.FootAc 				{font-weight:bold;text-decoration:none;color:#888888;}
a.FootAc:link 			{font-weight:bold;text-decoration:none;color:#888888;}
a.FootAc:visited		{font-weight:bold;text-decoration:none;color:#888888;}
a.FootAc:hover			{font-weight:bold;text-decoration:none;color:#888888;}
a.FootAc:active			{font-weight:bold;text-decoration:none;color:#888888;}

#copyright
	{
		float:left;
		left:0px;
		padding-left:0px;
		z-index:904;
		width:265px;
		height:20px;
		background-color:transparent;
		font-size:1.0em;
		text-align:left;
	}

#ContentContainer  ul
	{
		/** font-size:1.2em; */
		font-size:13px;
		color:#333333;
	}

div.csc-header,
div.csc-header-n1
	{

	}

h1,
h2,
h3,
h1.csc-firstHeader
	{
		font-size:16px;
		margin:0px;
		padding:0px 0px 0px 0px;
	}

p,
p.bodytext
	{
		/** font-size:13px; */
		font-size:1.2em;
		line-height:1.4em;
		margin:0px;
		padding:0px;
	}

strong, b
	{

	}
	
sup
	{
		font-size:0.7em;
	}
.important
	{
		color:red;
	}
	
.name-of-person
	{
		color:black;
	}

.align-right
	{
		text-align: right;
	}
	
.indent
	{
		padding-left: 10px;
	}
/* changed styles for extension "tx_cssstyledcontent" */
	/* Pictures centered, NO margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {margin-left: 0px;}
	/* NO Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; }
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
/* -------------------------------------------------------------------------- */
/* Ende master.css */
/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */