/* 
#############################
	
USE: 				emarketing Center Vienna
SITE:				ENBREL NL ENBREL
AUTHOR:				René Wörndl
DATE:				2/2009 



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

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

body{ 	
	text-align:left;
	direction:ltr;
}

/*	
#############################
Global STYLES 
*/



blockquote {
	float:left;
}

/*	
Global STYLES 
#############################
*/

/*	
#############################
DNN STYLES 
*/

.std_container, td input.NormalTextBox {
	text-align:left;
	direction:ltr;
}

/*	
DNN STYLES 
#############################
*/


/*	
#############################
SUB STYLES 
*/


/*	
#############################
CONTAINERS	
*/

#topContainer {	
	float:left;	
}

*html #topContainer{
	float:left;
}

#mainContainer {
	float:left;
}

#leftContainer {
	float:right;
}

#middleContainer {
	float:left;
	width:494px;
}

#rightContainer {
	float:left;
}

#leftContentContainer {
	float:right;
	width:790px
}

#leftContentContainer2col {
	float:left;
	width:685px;
	color:#000;
}



#middleContainerLeft{
	float:left;
	margin:0 10px 0 0;
}

#middleContainerRight{
	float:left;
	margin:0 0px 0 0;
	padding:0px 0 0 0;
	text-align:right;
	background:transparent;
}


#bottomContainer{
	float:left;
}

#extLeftContainer {
	float:left;
}

#extRightContainer {
	float:right;
}

/*	
CONTAINERS	ENDE
#############################
*/

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

#headerHome {
	float:left;
	text-align:left;
}

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

#headerHome p {
	text-align:left;
	padding:0 10px 0 0;
}

#headerContent {
	text-align:left;
}

#headerContent p {
	text-align:left;
}

#headerContentImg h1 {
	text-align:left;
}

#headerContentImg p {
	text-align:left;
	padding:20px 250px 10px 0;
}

#headerContentImg {
	background:no-repeat right top;
	margin:0 0px 0 0;
}

*html #headerContentImg {
	background:no-repeat right top;
	margin:0 -11px 0 0;
}


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

/*
#############################
HEADER STYLES
*/

#header{
 	float:right;
 }

#logo {
	float:left;
}

#logo a img {
	float:left;
}

.logoText {
	float:left;
	text-align:left;
	padding:5px 0 0 10px;
}

/*
HEADER STYLES ENDE
#############################
*/

#mainNav ul, #mainNav li a{
	float:left;
}

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

#footer p.logo {
	float: left;
}

#footer li{
	float: right;
	padding: 0 0 0 15px;
}

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

/*	
#############################
SERACH STYLES Start
*/
#siteSearch {
	float:right;
	text-align:left;
}

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

/*	
#############################
promo STYLES Start
*/

.promo {
	text-align:left;
}

.promo img {
	float:left;
}

.promo a {
	display:block;	
}

/*	
promo STYLES ENDE 
#############################
*/

/*	
#############################
conditions  STYLES Start
*/
 
.conditions  {
	text-align:left;
}

#middleContainerLeft .conditions, #middleContainerRight .conditions  {
	text-align:left;
}

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

#leftContainer .conditions ul li a {
	background:transparent url(../img/arrow_orange_right.gif) no-repeat 0 0.3em;
}

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

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

.resources {
	text-align:left;
}



#middleContainer .resources  {
	text-align:left;
	padding:10px 0 0 0;
}

#middleContainer .resources a.blueLink {
background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 29% 0.3em;
color:#00A6EC;
display:block;
font-size:1em;
font-weight:bold;
line-height:1.5em;
padding:0 0 0 150px;
text-decoration:none;
margin:0 0 0 20px;
}


.resources img {
	margin:0 15px 15px 0;
	float:left;
}

.resources a.blueLink{
	background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0% 0.3em;


}

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

.resources ul {
	list-style:none;
	margin:0 0 0 0px;
	float:left;
	padding:0 0 0 140px;
}

.resources ul li {
	list-style:none;

}

/*	
resources  STYLES ENDE 
#############################
*/

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

#middleContainerRight .yellowBox, #middleContainerLeft .yellowBox {
	text-align:left;
}

.yellowBox {
	text-align:left;
	padding-left:10px;
	margin-bottom:10px;
}

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

/*	
#############################
orangeBox STYLES Start
*/

#leftContainer .orangeBox {
	margin-left:-3px;
}
 
.orangeBox {
	text-align:left;
	padding:10px;
	margin-bottom:10px;
}

.orangeBox li {
	margin: 5px 0;
	padding: 0;
}

.orangeBox ul li a {
	margin: 0;
	padding:2px 15px;	
	font-size:1.1em;
	text-decoration:none;	
	font-weight:bold;
}

.orangeBox h3.newsletter {
	padding:0px 0 0 30px;
	background:transparent url(../img/newsletter_onLightBlueBg.gif) no-repeat 0 0;
}

.orangeBox ul li a {
	background:transparent url(../img/arrow_orange_right_onBlueBg.gif) no-repeat scroll 0 0.4em;
}
.orangeBox a.blueLink {
	background:transparent url(../img/arrow_orange_right_onBlueBg.gif) no-repeat scroll 0 0.6em;	
}

/*	
orangeBox STYLES ENDE 
#############################
*/

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

#leftContainer .lightBox {
	margin-left:-3px;
}


.lightBox {
	text-align:left;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
}

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




#leftContainer .darkBox {
	margin-left:-3px;
}

.darkBox ul {
line-height:normal;
list-style-type:none;
margin:0;
padding:0;
}

.darkBox {
	text-align:left;
	padding:10px;
	margin-bottom:10px;
}

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

.darkBox ul li a {
background:transparent url(../img/arrow_orange_right.gif) no-repeat scroll 0 0.4em;
font-weight:bold;
padding:0 15px;
}

/*	
lightBox STYLES ENDE 
#############################
*/

/*	
#############################
Feature Box STYLES Start
*/

.feature {
	clear:both;
	float:left;
}

.feature img {

	padding:0;
	margin:0;
}

.feature a {
	display:block;
}

/*	
Feature Box STYLES ENDE 
#############################
*/

/*	
#############################
Discrete H2 STYLES Start
*/

.headlineH2 h2{
	text-align:left;
	clear:both;
}

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

/*
Profile
*/

li.onlinePractice{ 
	margin: 2px 0 2px 3px;
	padding:2px 10px 2px 10px;
}

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

#footer{
	font-size: 0.9em;
	background:#FFF;
}

#footer .footerWrapper{
	border-top: 1px solid #EAEAEA;
	padding: 10px;
	background:#FFF;
}

#footer p.logo{
	float: right;
	margin:0;
	padding:0;
}

#footer ul{
	list-style-type: none;
	margin:0;
	padding:0 0 2px 0;
	float:left;
}

#footer li{
	padding: 0 15px 0 0;
	float:left;
}

#footer a{
	 color: #666;
	 text-decoration: none;
	 border:0;
 }
 
#footer a:hover{
	
}

#footer a img	{
	color: #666;
	text-decoration: none;
	border:0;
}

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

/*	
#############################
CONTACT FORM STYLES Start
*/

/*Contact Form*/

#form-contact {
	text-align:left;
}

#form-contact span{
	float:left;
}

#form-contact label{
	float:left;
}

/*	
CONTACT FORM STYLES ENDE 
#############################
*/

/*	
#############################
ForgotPwd STYLES Start
*/
#ForgotPwdSend {
	margin:0;
	padding:0;
	
}

#ForgotPwdText {
	text-align:left;
}

input.submitreg {
	margin:0 0 10px -5px;
	text-align:right;
	padding:2px 3px 3px 3px;
	font-size:0.9em;
}


/*	
ForgotPwd STYLES ENDE 
#############################
*/


/*	
#############################
LOGIN STYLES Start
*/
#login {
	float:left;
	margin:10px 0 10px 0px;
	text-align:left;
	width:100%;
}

#login ul {
	float:left;
	text-align:left;
}

#login ul li {
	float:left;
	text-align:left;
	margin:0 0 0 -10px;
}


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

.checkbox {
	float:left;
	margin:5px 0;
}

#login div.checkbox input{
		float:left;
		margin:0;
}

#login div.checkbox label {
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

#login img {
	display:none;
}

 #login input.submit {
	float:left;
	margin:0;
}

.subButton {
	float:left;
	width:480px;
}

#btn-left{
	float:left;
}

#btn-right {
	float:left;
}

#loginPass {
	float:left;
}

#login input.submitpass{
	float:left;
}

/*	
LOGIN STYLES ENDE 
#############################
*/



/*
############################
SITEMAP
 */

#sitemap li a{
	text-decoration:none;
	color:#333;
}

#sitemap li a:hover{
	text-decoration:underline;
}



#sitemap ul{

	list-style: none;

	background:url('../img/bullet.gif') no-repeat 0px 6px;

}



#sitemap ul li{

	list-style: none;

	background:url('../img/bullet.gif') no-repeat 0px 6px;

}



#sitemap li{

	list-style: none;

	padding:0 0 0 10px;		

	background:url('../img/bullet.gif') no-repeat 0px 6px;

}



#sitemap {



}



#sitemap .sub0 {

	margin-top:15px;

	font-weight:bold;

	font-size:12px;

}



#sitemap .sub1 {

	font-weight:bold;

	margin-left:10px;

	margin-top:5px;

}



#sitemap .sub2 {

	margin-left:20px;

	margin-top:5px;

	width:300px;



}



#sitemap .sub3 {

	margin-left:30px;

	margin-top:5px;

}



#sitemap .sub4 {

	margin-left:40px;

	margin-top:5px;

}



#sitemap .sub5 {

	margin-left:50px;

	margin-top:5px;

}