/* 
#############################
	
USE: 				emarketing Center Vienna
SITE:				MENA ENBREL
AUTHOR:				René Wörndl
DATE:				10/2008 



LAST UPDATES:


#############################
FileStructure of main.css

Global elements 
Page Container
Content Containers
Content Styles
	Search Styles
	Header Styles
	etc
Navigation
	Main Navigation
	Sub Navigation
Footer
Spezial Styles
	Header Styles
	discrete H2



a href styles
a:link {color: #009900;}
a:visited {color: #999999;}
a:hover {color: #333333;}
a:focus {color: #333333;}
a:active {color: #009900;}


#############################
*/

/*
#############################
Global element 
*/


a {color: #333;}


a.backLink{
	background:transparent url(../img/arrow_orange_left.gif) no-repeat scroll 0% 0.3em;
	color:#005476;
}

a.top, .top{
	background:transparent url(../img/arrow_top_orange.gif) no-repeat scroll 0% 0.3em;
	color:#005476 !important;
	padding:0 0 0 15px;
	font-weight:bold;
	margin-top:0.3em;
	padding:0 0 0 15px;
	text-decoration:none;
	display:block;
}
/*
Global element  Ende
#############################
*/


/*
#############################
PAGE CONTAINER
*/

#pageContainer {
	border-bottom:1px solid #B5E5F3;
	border-left:1px solid #B5E5F3;
	border-right:1px solid #B5E5F3;
	border-top:medium none !important;
	background:transparent url(../img/bg_line.gif) repeat-y scroll 696px 0;
}

+html #pageContainer {
	border-bottom:1px solid #B5E5F3;
	border-left:1px solid #B5E5F3;
	border-right:1px solid #B5E5F3;
	border-top:medium none !important;
	background:transparent url(../img/bg_line.gif) repeat-y scroll 692px 0;
}

/*	
PAGE CONTAINER ENDE	
#############################
*/



/*	
#############################
CONTAINERS	
*/
#topContainer {	
	background:#fff;
}

#bottomContainer{
	background:#fff;
}
/*	
CONTAINERS	ENDE
#############################
*/


/*	
#############################
CONTENT STYLES
*/

/*
HEADER STYLES
*/

#header{
	background-color:#E7F7F7;
 }
 
 *+html #header{
	background-color:#E7F7F7;
 }


#logo {
	background:transparent;
}

.logoText {
	background:transparent;
}
/*	
CONTENT STYLES ENDE
#############################
*/


/*	
#############################
NAV  STYLES 
*/

/*
Main Nav
*/

#mainNav			{ 
	

}

#mainNav ul			{ 
background-color:#FFFFFF;
border:1px solid #82D5D5;
width:960px !important;
}

#mainNav li			{ 
	background:#fff;
}

#mainNav li a		{ 
	color: #005476; 
	background:#fff; 
}

#mainNav a:hover, 
#mainNav li.on a 	{ 
background-color:#B7ECEC;
color:#005476;
}
/*
Sub Nav
*/

.secondaryNav {
	list-style-type:none;
	margin:0;
	padding:0 0 25px 0;
	width:170px;
}

.secondaryNav li.sub0		{ 
	background: transparent url(../img/arrow_orange_right.gif) no-repeat 0 50%;
	padding:0.2em 0 0.2em 15px;
	margin:0px;
}

.secondaryNav li.sub0 a		{ 
	color: #FF6500; 
	font-weight:bold;
	text-decoration:none;
}

.secondaryNav li.sub0 a:hover		{ 
	color: #FF6500; 
	font-weight:bold;
	text-decoration:underline;
}

.secondaryNav li.sub0.on		{ 
	background: none;
	padding:0.2em 0 0.2em 15px;
}

*html .secondaryNav li.sub0.on		{ 
	background: none;
	padding:0.2em 0 0.2em 15px;
	margin:0px 0px 0px -15px;
	font-size:1em;
}

.secondaryNav li.sub0.on a	{ 
	color: #005476; 
}

.secondaryNav li.sub0.on a:hover	{ 
	color: #005476; 
	
}

.secondaryNav li.sub1 {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 15px 2px;
	font-size:0.95em;
	padding:0 0 0.4em 30px !important;
	margin:0px 0px 0px 0px;
}

*html .secondaryNav li.sub1 {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 15px 2px;
	font-size:1em;
	padding:0 0 0.2em 30px !important;
	margin:0px 0px 0px -15px;
}

.secondaryNav li.sub1 a		{ 
	color: #005476; 
	font-weight:normal !important; 
	text-decoration:none;
}

.secondaryNav li.sub1 a:hover		{ 
	color: #005476; 
	font-weight:normal !important; 
	text-decoration:underline;
}

.secondaryNav li.sub1.on {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 15px 2px;
	font-size:0.95em;
	padding:0 0 0.2em 30px !important;
	margin:0px 0px 0px 0px;
}

.secondaryNav li.sub1.on a		{ 
	color: #005476; 
	font-weight:bold !important; 
}

.secondaryNav li.sub1.on a:hover	{ 
	color: #005476; 
	font-weight:bold !important; 
}






















.secondaryNav li.sub2 {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 25px 2px;
	font-size:0.95em;
	padding:0 0 0.4em 40px !important;
	margin:0px 0px 0px 0px;
}

*html .secondaryNav li.sub2 {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 25px 2px;
	font-size:1em;
	padding:0 0 0.2em 40px !important;
	margin:0px 0px 0px -15px;
}

.secondaryNav li.sub2 a		{ 
	color: #005476; 
	font-weight:normal !important; 
	text-decoration:none;
}

.secondaryNav li.sub2 a:hover		{ 
	color: #005476; 
	font-weight:normal !important; 
	text-decoration:underline;
}

.secondaryNav li.sub2.on {
	background:transparent url(../img/arrow_darkBlue_right.gif) no-repeat scroll 25px 2px;
	font-size:0.95em;
	padding:0 0 0.2em 40px !important;
	margin:0px 0px 0px 0px;
}

.secondaryNav li.sub2.on a		{ 
	color: #005476; 
	font-weight:bold !important; 
}

.secondaryNav li.sub2.on a:hover	{ 
	color: #005476; 
	font-weight:bold !important; 
}


















/*	
NAV  STYLES  ENDE
#############################
*/
	
	
/*	
#############################
FOOTER STYLES 
*/
/* S05. FOOTER */
#footer				{ 
	background:#fff;
}

#footer .footerWrapper	{ 
	border-top: 1px solid #eaeaea; 
	background:#fff;
}

#footer a			{ 
	color: #666; 
	}
	
#footer a img			{ 
	color: #666; 
}




/*	
FOOTER STYLES  ENDE
#############################
*/



/*	
#############################
SERACH STYLES Start
*/

#siteSearch a 		{ 
	background:transparent url(../img/arrow_darkBlue_left.gif) no-repeat scroll 0% 0.3em;
	color:#333333	;
}

/*	
SEARCH STYLES ENDE 
#############################
*/

/*	
#############################
headerHome STYLES Start
*/


#headerHome h1 {
	color:#005476;
}


#headerHome a {
	color:#1B0069;
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
}

#headerHomeImg {
	background: transparent url(../img/contentheader/bg_home2.jpg)  no-repeat;
}

#headerHomeImg h1 {
	color:#005476;
}

#headerHomeImg a {
	color:#1B0069;
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
}

#headerContent h1 {
	color:#005476;
}

#headerContent h1 a.hidden {
	background:none;
}

#headerContent a {
	color:#1B0069;
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
}

#headerContentImg {
	background: transparent url(../img/contentheader/bg_overview1.jpg)  no-repeat;
}

#headerContentImg h1 {
	color:#005476;
}

#headerContentImg p {
	padding:20px 0 10px 250px;

}

#headerContentImg a {
	color:#1B0069;
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
}

/*	
headerHome STYLES ENDE 
#############################
*/



/*	
#############################
conditions  STYLES Start
*/

#leftContainer .conditions{
	border-bottom:1px solid #CBE9F4;
}

#leftContainer .conditions h3  {
	color:#005476;
}

#middleContainerLeft .conditions, #middleContainerRight .conditions  {
	background:transparent;
}


.conditions h3  {
	color:#005476;
}

.conditions a{
	color:#000;
}

.conditions ul li{
	background:transparent;
}

.conditions ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
	color:#005476;
}

.conditions ul li a.email {
	background:transparent;
	padding:0;
		color:#005476;
	margin:0;
}

.conditions a.blueLInk{
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
	color:#1B0069;
}

/*	
conditions  STYLES ENDE 
#############################
*/



/*	
#############################
resources  STYLES Start
*/

.resources h2{
background-color:#B7ECEC;
border:1px solid #82D5D5;
color:#005476;
}

.resources h3{

color:#005476;
}


.resources a.blueLInk{
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
	color:#00A6EC;
}

.resources a.blueLInk:hover{
	color:#00A6EC;
}


.resources ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
	color:#005476;
}
/*	
resources  STYLES ENDE 
#############################
*/

/*	
#############################
yellow BOX STYLES Start
*/

#middleContainerRight .yellowBox, #middleContainerLeft .yellowBox {
	background-color:#F6F52B;
}

.yellowBox {
	background-color:#F6F52B;
}

.yellowBox h3 {
	color:#005476;
}

#middleContainerLeft .yellowBox h3, #middleContainerRight .yellowBox h3 {
	color:#00A6EC;
}


.yellowBox ul {
	background:transparent;
}

.yellowBox ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
	color:#005476;
}

.yellowBox a.blueLInk {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.6em;
	color:#005476;
}

/*	
yellow Box STYLES ENDE 
#############################
*/



/*	
#############################
lightBlueBOX STYLES Start
*/

.darkBox {
	background-color:#83D4D5;
	border:1px solid #82D5D5 ;
	color:#005476;
}

.darkBox h3 {
	color:#005476;
}

.darkBox h3.newsletter {
	color:#005476;
	background:#83D4D5 url(../img/newsletter_onLightBlueBg.gif) no-repeat 130px 0px;
	border:1px solid #82D5D5;
	color:#005476;
}



.darkBox ul {
	background:transparent;
}

.darkBox ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
	color:#005476;
}

.darkBox a.blueLInk {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.6em;
	color:#005476;
}

/*	
lightBlueBOX STYLES ENDE 
#############################
*/


/*	
#############################
lightBlueBOX STYLES Start
*/
.lightBox {
background-color:#E5F7FD;
border:1px solid #CBE9F5;


}

.lightBox h3 {
	color:#005476;
}


.lightBox ul {
	background:transparent;
}

.lightBox ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
	color:#005476;
}

.lightBox a.blueLInk {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.6em;
	color:#005476;
}



/*	
lightBlueBOX STYLES ENDE 
#############################
*/


/*	
#############################
promo STYLES Start
*/
.promo {
	border-bottom:1px solid #CBE9F5;
	border-left:0px solid #CBE9F5;
	border-right:1px solid #CBE9F5;
	border-top:1px solid #CBE9F5;
	background-color:#E5F7FD;
	color:#000000;
}

.promo h3 {
	color:#005476;
}

.promo a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;
	color:#005476;
}
/*	
promo STYLES ENDE 
#############################
*/


/*	
#############################
blockquote STYLES Start
*/


#rightContainer blockquote {
	background-color:#E7F7F7;
	border:1px solid #CDE9F5;
	color:#1B0069;
}

#leftContainer blockquote {
	background-color:#E7F7F7;
	border:1px solid #CDE9F5;
	color:#1B0069;
}


blockquote {
	color:#005476;
}

blockquote {
	background-color:#E7F7F7;
	border:1px solid #CDE9F5;
	color:#1B0069;
}
/*	
blockquote STYLES ENDE 
#############################
*/



/*	
#############################
Profile STYLES Start
*/
#profileENB {
	border-bottom:1px solid #B5E5F3;
}

#profileENB ul {
	background-color: #effafe;
}

#profileENB h3 {
	color:#00A6EB;
}

li.onlinePractice			{ 
	background-color: #effafe; 
}

li.onlinePractice p.name	{ 
	background-color: #fff;
	color: #1B0069; 
}

li.onlinePractice li a		{ 
	color: #00a6eb!important; 
}

li.onlinePractice input		{ 
	color: #00a6eb; 
	background-color:transparent; 
}

li.onlinePractice li a		{ 
	color:#FF6500 !important;
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.4em;
}

/*	
Profile STYLES ENDE 
#############################
*/



/*	
#############################
Discrete H2 STYLES Start
*/
.headlineH2 h2{
background-color:#B7ECEC;
border:1px solid #82D5D5;
color:#005476;	

}


.headlineOrangeH2{
	float:left;
	width:275px;
	margin:10px 0;
}


*html .headlineOrangeH2{
	float:left;
	width:272px;
	margin:10px 0 0 0 0px;
	padding:0;
}



.headlineOrangeH2 h2{

		color:#fff;
font-weight:bold;
line-height:normal;
	background:#FF6500 url(../img/arrow_white_right_onOrangeBg.gif) no-repeat scroll 12px 0.6em;
}

.headlineOrangeH2 h2 a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}



/*	
Discrete h2 STYLES ENDE 
#############################
*/


/*	
#############################
COMMENT STYLES Start
*/

/*	
COMMENT STYLES ENDE 
#############################
*/


.smallText {
	display:block;
	font-size:0.9em;
	font-weight:normal;
	margin-top:0.5em;
	text-align:left;
	color:#333;
}


.smallBoldText {
	display:block;
	font-size:0.9em;
	font-weight:bold;
	margin-top:0.5em;
	text-align:left;
}



.lightBoxNewsletter {
	background-color:#E5F7FD;
	border:1px solid #CBE9F5;
	padding:5px;
}


.lightBoxNewsletter fieldset{
	border:0;
	margin:0;
	padding:0;
}



.lightBoxNewsletter p.checkBox, .lightBoxNewsletter p{
	float:left;
	margin:3px 0;
	width:140px;
}


.lightBoxNewsletter p.checkBox label{
	float:left;

	background:transparent;
}

.lightBoxNewsletter p.checkBox input{
	float:left;
	width:10px;
	margin:0 5px 0 0;
	width:10px;

}
.lightBoxNewsletter label {
	float:left;
	margin:0 5px 0 0;
	width:120px;
}

.lightBoxNewsletter input {
	margin:3px 0 0 0;
	float:left;
}

.lightBoxNewsletter label{
	
}

.lightBoxNewsletter input{
	float:left;
}

.lightBoxNewsletter input.button {
	background:#281E72;
	margin:3px 0 0 0;
	color:#fff;
	border:0;
	padding:2px 3px;
}