/*
###################### Style Sheet for igralub.ch ###################
### |-----------------------------------------------------------| ###
### |      © 2006 by bitsolution stalder, www.bitsolution.ch    | ### 
### |      Cascading Style Sheet for  igralub.ch                | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/






/*
####################################################
################## GENERAL TAGS ####################
####################################################
*/

body				{ background-image:url(/global/grfx/bg_body.gif); }

body				{ padding:0px; margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; line-height:120%; }
em, p, div, span, td, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000; line-height:120%; }

a					{ color:#009966; text-decoration:none; }
a:hover				{ color:#FF9900; text-decoration:none; }

form				{ padding:0px; margin:0px;}

ul					{ }
li					{ list-style-image:url(/global/grfx/bullet_ff.gif)!important;  list-style-image:url(/global/grfx/bullet_ie.gif); margin-bottom:3px;}



/* headlines */
h1					{ color:#000; font-size:14px; padding:0px; margin:0px 0px 8px 0px; font-weight:bold; }
h2					{ color:#000; font-size:13px; padding:0px; margin:0px 0px 3px 0px; font-weight:bold; }
h3					{ color:#000; font-size:12px; padding:0px; margin:10px 0px 3px 0px; font-weight:bold; }
h4					{ color:#000; font-size:11px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }

p					{ margin:0px; padding:0px;}

hr					{ height:1px; border:none; border-top:1px dotted #FF9933; }



/*
####################################################
#################### BLOCKS ########################
####################################################
*/

.containerMain		{ margin-top:22px; }

.blockMain			{ width:750px; text-align:left; padding-bottom:16px; }
.blockTop			{ background-color:#fff; }
.blockLeft			{ float:left; width:175px;}
.blockContent		{ float:right; width:575px; background-color:#fff; }
.blockBottom		{ height:20px; background-image:url(/global/grfx/bg_footer.gif); background-repeat:repeat-x; background-position:top left; }

.wrapperMid			{ background-color:#fff; background-image:url(/global/grfx/bg_wrappermid.gif); background-position:left; background-repeat:repeat-y; }
.blockLeft .containerContent		{ padding:0px;}
.blockContent .containerContent	{ padding:10px 15px 20px 15px; min-height:350px;}

/*IDs*/
#clear				{ clear:both; height:0px; line-height:0px; }


/*
####################################################
#################### ELEMENTS ######################
####################################################
*/


/*HEADER*/
.elementDeko img		{ width:750px; }
.elementSlogan			{ margin:0px 0px 15px 0px; padding:0px 0x 0px 0px; border-bottom:1px solid #526A82; }
.elementSlogan .claim	{ float:left; color:#113353; font-size:11px; line-height:11px; margin-top:5px;  }
.elementSlogan .logo	{ float:right; margin-bottom:3px!important; margin-bottom:0px; }
.elementTopNav			{ height:21px; background-image:url(/global/grfx/bg_nav1.gif); background-position:left top; background-repeat:repeat-x; border-top:1px solid #000C18; border-bottom:1px solid #6E8296;}
.elementNavigation		{ }


/*LEFT*/
.elementLangSwitch		{ float:left; width:175px; text-align:center; color:#fff; padding:3px 0 0 0; height:19px; overflow:hidden;}
.elementLangSwitch a	{ color:#fff; text-decoration:none; text-align:center; font-size:11px; font-weight:bold; }
.elementLangSwitch a:hover	{ color:#996A3B; text-decoration:none; }
.elementLangSwitch a.selected { color:#FF9933; text-decoration:none; font-size:11px; font-weight:bold;}

.elementNavigationLeft	{ margin-bottom:10px; padding:0px 10px 10px 10px; border-bottom:2px solid #ccc; }
.elementNavigationLeftAbout { padding:0px 10px 0px 10px; }
.elementNavigationLeft	h1 { font-size:12px; }

/*CONTENT LEFT*/
.contentLeft			{  padding:0px 10px 0px 10px; margin:25px 0px 15px 0px; color:#222; }
.contentLeft			{ font-size:95%; }
.contentLeft h1, .contentLeft h2, .contentLeft h3 { color:#222;  font-size:105%;}



/*MAIN*/
.elementList .item		{ margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #969D7F; }



/*MOVIES POPUP*/
.elementMovies			{ text-align:left; width:240px; margin-top:15px; }
.elementMovies .content	{ background-color:#fff; margin:5px 0px 0px 0px; padding:15px;}
.elementMovies .content .movie { margin:15px -15px 0px -15px;}


/*FOOTER*/
.blockBottom *			{ font-size:10px; color:#4C5971; }
.elementFooter 			{ float:left; width:550px!important; width:630px; padding-left:80px; text-align:center; line-height:20px; }
.elementFooter a, .elementFooter a:hover { color:#4C5971; }
.elementFooter a:hover	{ color:#fff; text-decoration:none; }

.elementCredits			{ float:right; text-align:right; width:80px;  line-height:20px;}
.elementCredits a		{ color:#233351; }
.elementCredits a:hover	{ color:#fff; }


.elementGotoTop			{ display:inline; position:absolute; margin:-13px 0px 0px -15px!important;  margin:-18px 0px 0px -18px; }
.elementGotoTop a:hover	{ text-decoration:none; border:none}



/*
####################################################
################# FORM ELEMENTS ####################
####################################################
*/

.inputLine, .inputField		{ background-color:#CCC; border:1px solid #999; font-size:12px; color:#000; font-family:"Courier New", Courier, mono; margin:0.1em 0 0.1em 0; }
.inputButton				{ background-color:#aaa; border:1px solid #999; font-weight:bold; font-size:12px; color:#000; cursor:pointer; }



/*
####################################################
############# (FLOAT)TEXT FORMATTING ###############
####################################################
*/

.imageBorder		{ border:1px solid #ccc;}
.txtError			{ color:#cc0000; text-align:left;  }
.imgFileIcon		{ vertical-align:-1px; }


/*LIST*/


/*WYSIWYG editor*/
.textSmall			{ font-size:80%;}
.textBig			{ font-size:120%;}
.textOrange			{ color:#FF9933; }
.imageLeft			{ float:left; margin:3px 20px 10px -20px; }
.imageRight			{ float:right; margin:3px -20px 10px 20px; }





/*
####################################################
################## NAVIGATION TOP ##################
####################################################
*/


.elementNavigation a, .elementNavigation a:hover { text-decoration:none;}


.elementNavigation ul	{ list-style:none; padding:0px; margin:0px; list-style-position:inside; }
.horizontal ul li		{ float:left; display:inline; padding:0px; margin:0px; }
.horizontal li a		{ float:left; width:121px; padding:0px 10px 0px 10px; font-size:11px; cursor:pointer; }

.inaccesible ul li ul		{ display:none; }


/* LEVEL 1 */
.horizontal li#nav1 			{ height:21px; font-weight:bold; border-left:1px solid #6E8296;  border-right:1px solid #000C18;}
.horizontal li a				{ display:block; line-height:21px;  color:#fff; text-decoration:none;  }
.horizontal li a 				{}
.horizontal li a:hover			{ color:#FF9933; text-decoration:none; }
.horizontal li a.selected { color:#FF9933; text-decoration:none; }
.horizontal li a.selected:hover { color:#996A3B; text-decoration:none;}

/* LEVEL 2 */
.horizontal li ul				{ position:absolute; display:block; margin:21px 0px 0px 0px; padding:0px; width:143px;  background-color:#002747;}
.horizontal li ul li a			{ width:123px;  }
.horizontal li ul li a.open		{ background-image:url(/global/grfx/arrow_nav.gif); background-position:right; background-repeat:no-repeat;  }
.horizontal li ul li a:hover	{ background-color:#003F69;  }

/* LEVEL 3 */
.horizontal li li ul			{ position:absolute; display:block; margin:0px 0px 0px 130px; padding:0px; width:130px;  background-color:#002747;}



/*
####################################################
################## NAVIGATION LEFT #################
####################################################
*/

.containerNaviLeft		{ margin-top:10px;}
.containerNaviLeft a { color:#fff; }
.containerNaviLeft a:hover { text-decoration:none; color:#FF9933;  }

.containerNaviLeft h1	{ color:#fff;  }


/* LEVEL 1*/
.nav1 a.is				{ }
.nav1 a.open			{  }
.nav1 a.selected		{ color:#FF9933; font-weight:bold; }


/* LEVEL 2*/
.nav2 a.is				{ }
.nav2 a.open			{ }
.nav2 a.selected		{ color:#FF9933; font-weight:bold;}


/* LEVEL 3*/
.nav3 a.is				{ }
.nav3 a.open			{ }
.nav3 a.selected		{ color:#FF9933; font-weight:bold;}

/*MARGINS*/
.elementNavigationLeft .nav1 { margin-left:0px;}
.elementNavigationLeft .nav2 { margin-left:0px;}
.elementNavigationLeft .nav3 { margin-left:15px;}

.elementNavigationLeftAbout .nav1 { margin-left:0px;}
.elementNavigationLeftAbout .nav1 .open { margin-left:0px; font-weight:bold;}
.elementNavigationLeftAbout .nav2 { margin-left:15px;}
.elementNavigationLeftAbout .nav3 { margin-left:30px;}


/*
####################################################
###################### SITEMAP #####################
####################################################
*/
.navSitemap1		{ margin-top:10px;}
.navSitemap1 a		{ font-weight:bold;}
.navSitemap2 a		{ padding-left: 20px; font-weight:normal; }
.navSitemap3 a		{ padding-left:40px; font-weight:normal; }