/*	--   Magic Rottis main CSS file  -- */

*{padding:0;margin:0;text-align:left;}
body, html{height:100%;font-family:Verdana, Arial, sans-serif;font-size:11px;color:#202020;background-color:#BCBCBC;background:url(../img/layout/bg_body.png);background-position:top;}
		   
/* used colors */
 
/* grey 0 */
.color0{color:#BCBCBC;}
/* grey 1 */
.color1{color:#A6A6A6;}
/* grey 2 */
.color2{color:#7B7B7B;}
/* next to black */
.color3{color:#202020;}
/* green (old 9FAA31) */
.color4{color:#829c18;}
/* grey alias white */
.color5{color:#EDEDED;}

/* spacers */
.spacer1{width:1px; height:1px; clear:both; font-size:0px; display:block;}
.spacer2{width:2px; height:2px; clear:both; font-size:0px; display:block;}
.spacer3{width:3px; height:3px; clear:both; font-size:0px; display:block;}
.spacer4{width:4px; height:4px; clear:both; font-size:0px; display:block;}
.spacer5{width:5px; height:5px; clear:both; font-size:0px; display:block;}
.spacer10{width:10px; height:10px; clear:both; font-size:0px; display:block;}
.spacer15{width:15px; height:15px; clear:both; font-size:0px; display:block;}
.spacer20{width:20px; height:20px; clear:both; font-size:0px; display:block;}
.spacer25{width:25px; height:25px; clear:both; font-size:0px; display:block;}
.spacer30{width:30px; height:30px; clear:both; font-size:0px; display:block;}
.spacer40{width:40px; height:40px; clear:both; font-size:0px; display:block;}
.spacer50{width:50px; height:50px; clear:both; font-size:0px; display:block;}

/* floats */
.floatLeft{float:left;}
.floatRight{float:right}
.clearLeft{clear:left;}
.clearRight{clear:right;}

/* width */
.px270{width:270px;}
.px230{width:230px;}
.pc25{width:25%;}

/* ----------------------------- main containers----------------------------------------------------------------------------------- */ 
#mainContainerTop{width:948px; height:254px; margin:auto; background-color:#EDEDED;
				  background:url(../img/layout/bg_main_top_new.png); background-position:top; background-repeat:no-repeat; display:block;}
				  
#mainContainerBody{width:948px; margin:auto; background-color:#EDEDED; 
					background:url(../img/layout/bg_main_body.png); background-position:top; background-repeat:repeat-y;}

#mainContainerBottom{width:948px; height:190px; margin:auto; background-color:#EDEDED; margin-bottom:10px; margin-top:-10px;
					background:url(../img/layout/bg_main_bottom.png); background-position:top; background-repeat:no-repeat;}

#modulePageContent{width:803px; margin-left:85px; margin-right:60px; padding-top:8px;}

/* ----------------------------- page content globals ----------------------------------------------------------------------------------- */ 
#modulePageContent h1{padding-bottom:10px; padding-left:6px; font-size:13px; font-weight:bold; line-height:20px; text-transform:uppercase; letter-spacing:2px; 
					 background:url(../img/layout/h1_icon_0.png); background-position:left top; background-repeat:no-repeat;}
#modulePageContent h2{padding-top:5px; padding-left:6px; font-size:13px; font-weight:bold; line-height:19px; letter-spacing:2px; }

/* ----------------------------- main navigation----------------------------------------------------------------------------------- */ 
#mainNavigationList{height:44px; width:715px; margin-left:80px; margin-top:0px; padding-left:8px; padding-top:0px;  list-style:none; line-height:44px;}
#mainNavigationList li {float:left; height:44px; margin-right:3px;}
#mainNavigationList li a{height:44px; padding-left:10px; padding-right:10px; padding-top:3px; float:left; font-size:13px; text-decoration:none; color:#A0A0A0; display:block; line-height:44px;}
#mainNavigationList li a:hover, #mainNavigationList li a.selected{color:#202020; cursor:pointer; background:url(../img/layout/bg-main-nav-item-hover.png); background-position:top center; background-repeat:repeat-x;}
																		
/* ----------------------------- bottom navigation----------------------------------------------------------------------------------- */ 
#bottomNavigationList{list-style:none; padding-top:22px; clear:left}
#bottomNavigationList li{float:right; padding-right:10px;}
#bottomNavigationList li a{text-decoration:none; color:#202020; font-size:10px; font-weight:bold;}
#bottomNavigationList li a:hover{text-decoration:underline; color:#829c18;}

#copyrightImg{margin-left:18px; margin-top:30px;}

#padBox{float:left; width:220px; display:block;}

/* ----------------------------- news home ----------------------------------------------------------------------------------- */					
#mainNewsBox{float:left; width:700px; height:125px; margin-top:15px; font-size:0px;}

#mainNewsBoxTop{width:700px; height:10px; clear:left; vertical-align:bottom;}
#mainNewsBoxBody{width:700px; height:105px;
				background:url(../img/news/bd_news_box_body.png); background-position:top; background-repeat:repeat-y;}
#mainNewsBoxBody h1{color:#ffffff; font-size:12px; text-align:left; margin-left:10px; line-height:18px;}
#mainNewsBoxBody h2{color:#829c18; font-size:11px; font-weight:bold; text-align:left; margin-left:10px; line-height:16px;}
#mainNewsGoToEntriesLink{text-decoration:none; color:#829c18; font-size:11px; margin-left:10px; margin-top:2px;}	
#mainNewsGoToEntriesLink:hover{color:#ededed; text-decoration:underline;}

#mainNewsContent{color:#EDEDED; font-size:10px; text-align:justify; text-indent:10px; margin-left:10px; margin-right:10px; height:40px;}
#mainNewsBoxBottom{width:700px; height:10px; vertical-align:top; font-size:0px;}

/* ----------------------------- home ----------------------------------------------------------------------------------- */	
#philosophieSlogan{color:#829c18; font-size:16px; font-weight:bold; padding-bottom:20px; letter-spacing:2px;}
#home{height:480px; background-color:#202020;}
#home h2{color:#ededed; padding-bottom:15px; padding-top:10px;}
#homeLeft{float:left; background-color:#ededed;}
#homeCenter{float:left; width:360px; padding-left:10px;}
#homeCenter p {text-align:justify; margin-left:8px; margin-right:8px; color:#ededed; margin-top:3px; padding-bottom:5px;}
#homeRight{float:right; background-color:#ededed;}

/* ----------------------------- page : links ----------------------------------------------------------------------------------- */			
#linksCategoryList{list-style:none; padding:5px;}
#linksCategoryList li{margin:5px;}
#linksCategoryList li a{font-size:12px; color:#202020; text-decoration:none;}
#linksCategoryList li a:hover{color:#000000; font-weight:bold;}

.linksList{margin-left:10px; margin-bottom:10px; padding:10px; list-style:none; background-color:#BCBCBC;}
.linksList li{margin:5px; padding-left:14px; line-height:14px; 
				background:url(../img/layout/bullet_circle.png); background-position:left; background-repeat:no-repeat;}
.linksList li:hover{background-color:#EDEDED; margin:5px; padding-left:14px; line-height:14px; }
.linksList li.title, .linksList li.title:hover{margin-left:0px; margin-bottom:10px; padding-left:5px; 
														line-height:20px; color:#829c18; font-size:12px; font-weight:bold; 
						 								background:url(../img/trans.gif); background-position:left; background-repeat:no-repeat; background-color:#202020;}
.linksList li.categoryBackLink, .linksList li.categoryBackLink:hover{margin-left:0px; margin-top:15px; margin-bottom:5px; padding-left:5px; 
																			background:url(../img/trans.gif); background-position:left; background-repeat:no-repeat;}

.linksList label{float:left; display:block; width:330px; color:#202020;}
.linksList li a{color:#202020; text-decoration:none;}
.linksList li a:hover{color:#829c18; text-decoration:underline;}

/* ----------------------------- page : contact ----------------------------------------------------------------------------------- */
#contactListItems{list-style:none; float:left; margin-left:40px; margin-top:15px;}
#contactListItems li{clear:left;}
#contactListItems li label{line-height:18px; height:18px; font-size:12px; font-weight:bold; color:#829c18; display:block; margin-bottom:10px;}
#contactListItems li p{margin-top:5px; margin-bottom:20px; text-align:left;}
#contactListItems li p a{text-decoration:none; color:#202020;}	
#contactListItems li p a:hover{color:#829c18; text-decoration:underline;}

/* ----------------------------- page : standard ----------------------------------------------------------------------------------- */
#standardContainer p{text-align:justify; text-indent:15px; padding-bottom:5px; margin-left:10px; margin-right:10px;}

#standardDogsPhotoContainer{margin-left:10px; margin-right:10px;}
#sheDog, #maleDog{width:350px; margin-top:15px; padding:10px; background-color:#202020; text-align:center;}
#sheDog{float:left;}
#maleDog{float:right;}
#sheDog h3, #maleDog h3{color:#829c18; font-size:11px; text-align:center; font-weight:bold; padding-top:5px;} 
#sheDog p, #maleDog p{color:#EDEDED; text-align:center; padding-top:5px; text-indent:0px;}

.standardItemList{margin:5px; margin-top:0px; width:100%}
.row{height:20px; color:#202020;}
.row .labelCell, .row .valueCell, .row .titelCell{padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; vertical-align:top; text-align:left; line-height:14px;}
.row .titelCell{color:#EDEDED; background-color:#202020;}
.row .labelCell{background-color:#829c18;}
.row .valueCell{background-color:#BCBCBC;}
.row.hover .labelCell{color:#EDEDED; background-color:#202020;}
.row.hover .valueCell{color:#EDEDED; background-color:#202020;}

/* ----------------------------- page : pups ----------------------------------------------------------------------------------- */
#pupsContainer .pupsLitterContentBox h2{padding-top:0px; padding-bottom:4px; padding-left:6px; font-size:13px; font-weight:bold; 
																line-height:17px; letter-spacing:2px; }
#pupsContainer .pupsLitterBox h3{padding-top:0px; padding-left:10px; font-size:12px; line-height:16px; color:#829c18;}
.pupsLitterBox{clear:both; padding-left:10px;}
.pupsLitterPhotoBox{width:255px; float:left;}
.pupsLitterContentBox{float:left;}
.pupsParentDogsBox{}
.pupsComingSoonSireBox, .pupsComingSoonDameBox{padding:5px; width:300px; float:left;}
.pupsSireBox, .pupsDameBox{padding:5px; width:170px; float:left;}
.pupsSireBox, .pupsComingSoonSireBox{color:#829c18; background-color:#202020;}
.pupsDameBox, .pupsComingSoonDameBox{color:#202020; background-color:#829c18;}
.pupsSireBox h4, .pupsDameBox h4, .pupsComingSoonSireBox h4, .pupsComingSoonDameBox h4{font-size:11px; text-align:center; margin-bottom:10px;}
.pupsSireBox p, .pupsDameBox p, .pupsComingSoonSireBox p, .pupsComingSoonDameBox p{text-align:center; margin-bottom:8px;}
.pupsComingSoonSireBox a{text-decoration:none; color:#ededed;}
.pupsComingSoonSireBox a:hover{ text-decoration:underline;}
.pupsComingSoonDameBox a{text-decoration:none; color:#202020;}
.pupsComingSoonDameBox a:hover{ text-decoration:underline;}
.pupsSireDameComingSoonSeparator{margin-left:50px; margin-right:50px; padding-top:190px; float:left;}
.pupsSireDameSeparator{margin-left:25px; margin-right:25px; padding-top:25px; float:left;}
.pupsLitterDescription{clear:left; padding-top:10px;}

.pupsMaleDogsList, .pupsSheDogsList{margin-left:10px; margin-bottom:5px; padding:5px; list-style:none;}
.pupsMaleDogsList li, .pupsSheDogsList li{margin:5px; padding-left:18px; line-height:14px; 
				background:url(../img/layout/bullet_circle_black.png); background-position:left; background-repeat:no-repeat;}
.pupsMaleDogsList li.emptyListItem, .pupsSheDogsList li.emptyListItem{margin:0px; padding:0px; margin-left:0px; padding-left:5px; font-size:0px; line-height:0px;
						 								background:url(../img/trans.gif); background-position:left; background-repeat:no-repeat;}

.pupsTitleSup{font-size:12px; padding-top:4px; padding-left:6px; padding-bottom:5px; text-align:justify; margin-top:15px; height:120px; display:block; clear:left;}
.pupsTitleSup{background-color:#829c18; font-size:13px; color:#202020; display:block; width:760px; margin-bottom:15px;}
.pupsTitleSup a{text-decoration:none; color:#202020;}	
.pupsTitleSup a:hover{color:#202020; text-decoration:underline;}
							
/* ----------------------------- page : about us and impressum ----------------------------------------------------------------------------------- */														
.aboutusWeInDetailBox, .impressumBox{margin-left:10px; margin-bottom:10px; padding:10px; list-style:none;}
.aboutusWeInDetailBox{background-color:#202020; color:#ededed;}
.impressumBox{background-color:#BCBCBC;}
.aboutusWeInDetailBox p, .impressumBox p{padding:5px; text-align:justify; line-height:14px; text-indent:10px;}
.aboutusWeInDetailBox p{text-indent:0px;}
/*.aboutusWeInDetailBox p:hover, .impressumBox p:hover{background-color:#EDEDED; color:#202020;}*/
.aboutusWeInDetailBox p strong{font-weight:normal; color:#829c18;}
/*.aboutusWeInDetailBox p:hover strong{color:#7f8827;}*/
.aboutusSignature{font-style:italic; font-weight:bold;}
.aboutusImgInText{padding:5px; margin:5px;}

.impressumBox p{padding-bottom:10px;}
.impressumBox h3{ font-size:12px; font-weight:bold; padding-bottom:5px;}

/* ----------------------------- page : welcome ----------------------------------------------------------------------------------- */
.welcomeBox, .welcomeMagicsSignatureBox, .welcomeParentsBox
	{margin-left:10px; margin-bottom:10px; padding:10px; list-style:none; background-color:#BCBCBC;}
.welcomeParentsBox{background-color:#202020;}
.welcomeMagicsSignatureBox p{font-size:12px; font-weight:bold; text-align:center; line-height:18px; color:#829c18; background-color:#202020; clear:both;}
.welcomeBox p{padding:5px; text-align:justify; line-height:14px; text-indent:10px;}
.welcomeBox p:hover{background-color:#EDEDED;}
.welcomeBox h2#titleEn, .welcomeBox h2#titleFr, .welcomeBox h2#titleEs{padding-top:0px; padding-left:30px; line-height:24px; 
																	background-position:left center; background-repeat:no-repeat}
.welcomeBox h2#titleEn{background-image:url(../img/misc/welcome/flag_en.png);}
.welcomeBox h2#titleFr{background-image:url(../img/misc/welcome/flag_fr.png);}
.welcomeBox h2#titleEs{background-image:url(../img/misc/welcome/flag_es.png);}
.welcomeParentsMotherBox{float:left;}
.welcomeParentsFatherBox{float:right;}
.welcomeParentsTextBox{float:left; width:425px; color:#EDEDED;}
.welcomeParentsTextBox p{text-align:center; margin-top:10px;}

/* ----------------------------- page : top rottweiler ----------------------------------------------------------------------------------- */

.topRottisIntroBox{clear:left; margin-left:10px; margin-bottom:10px; padding:10px; background-color:#829c18;}
.topRottisIntroBox p{text-align:left; font-size:13px; margin-left:10px; line-height:18px;}

.topRottweilerDogBox{clear:left; margin-left:10px; margin-bottom:10px; padding:10px; background-color:#202020;}
.topRottweilerDogBox .photo, .topRottweilerDogBox .content{float:left; display:block;}
.topRottweilerDogBox .content{width:525px; margin-left:15px; color:#ededed;}
.topRottweilerDogBox .content p{padding:8px; text-align:justify;}
.topRottweilerDogBox .content ul{padding-left:25px;}
.topRottweilerDogBox .content h2{background-color:#829c18; margin-bottom:10px;}
.topRottweilerDogBox .content a{color:#829c18; text-decoration:none; display:block;}
.topRottweilerDogBox .content a:hover{color:#ededed; text-decoration:underline;}
.topRottweilerDogBox .content label{color:#829c18;}

/* ----------------------------- page : dog list ----------------------------------------------------------------------------------- */
.dogBoxTitle{margin-left:10px; padding:5px; background-color:#202020; color:#ededed; font-weight:bold;}
.dogBox{clear:left; margin-left:10px; margin-bottom:10px; padding:10px; background-color:#BCBCBC;}
.dogBox:hover{background-color:#202020;}
.dogBoxPhoto, .dogBoxContent{float:left;}
.dogBoxContent{width:500px; background-color:#EDEDED; margin-left:15px;}
.dogBoxContent a{color:#202020; text-decoration:none;}
.dogBoxContent a:hover{color:#829c18; text-decoration:underline;}
.dogBoxContent p{padding:8px; text-align:justify;}
h2.dogBoxContentHeader2{background-color:#829c18;}
.dogBoxContent a.dogDetailLink{color:#ededed; text-decoration:none; background-color:#202020; display:block;}
.dogBoxContent a.dogDetailLink:hover{color:#829c18; text-decoration:underline;}

.dogAva{height:175px;}
.dogFreya{height:175px;}
.dogBeauty, .dogDomino{height:192px;}
.dogLunaBalou{height:304px;}
.dogLuna{height:314px;}
.dogBalou{height:314px;}
.dogMaik{height:205px;}
.dogWothan{height:200px;}
.dogWothanDetail{height:304px;}
.dogWinny{height:188px;}
.dogWinnyDetail{height:304px;}

#dogDetailLinkMaik{margin-top:0px;}
#dogDetailLinkDomino{margin-top:0px;}
#dogDetailLinkBeauty{margin-top:0px;}
#dogDetailLinkAva{margin-top:2px;}
#dogDetailLinkFreya{margin-top:10px;}
#dogDetailLinkWothan{margin-top:0px;}
#dogBackLinkWothan{margin-top:80px;}
#dogDetailLinkWinny{margin-top:35px;}
#dogBackLinkWinny{margin-top:140px;}
#dogDetailLinkLunaBalou{margin-top:10px;}

.inLovingMem{font-size:12px; font-weight:bold; letter-spacing:2px; text-decoration:underline;}

/* ----------------------------- page : dog detail ----------------------------------------------------------------------------------- */
/* see standard page for the table related css */

#dogdetailContainer{padding-right:5px;}

.dogdetailItemList{margin:5px; margin-top:0px; width:100%}

.generation1Cell, .generation2Cell, .generation3Cell{padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; 
																	vertical-align:middle; text-align:center; line-height:14px; color:#202020;}
.generation1Cell{background-color:#829c18;}
.generation2Cell{background-color:#BCBCBC;}
.generation3Cell{background-color:#A6A6A6;}
.generation1Cell:hover, .generation2Cell:hover, .generation3Cell:hover{color:#EDEDED; background-color:#202020;}

/* ----------------------------- page : sitemap ----------------------------------------------------------------------------------- */
.sitemapListBox{margin-left:10px;}
.sitemapLevel1{margin-left:10px; margin-right:25px; padding:5px; list-style:none;}
.sitemapLevel1 li{padding:5px;}
.sitemapLevel1 li a{color:#202020; padding-left:18px; text-decoration:none; display:block; clear:both; line-height:18px;
					background:url(../img/layout/bullet_circle_black.png); background-position:left center; background-repeat:no-repeat;}
.sitemapLevel1 li a:hover{color:#ededed; background-color:#829c18;}

.sitemapLevel2{margin-left:25px; margin-right:25px; padding:5px; padding-top:0px; list-style:none;}
.sitemapLevel2 li{padding:5px;}
.sitemapLevel2 li a{padding-left:18px; color:#202020; text-decoration:none; display:block; clear:both; line-height:18px;
					background:url(../img/layout/bullet_circle.png); background-position:left center; background-repeat:no-repeat;}
.sitemapLevel2 li a:hover{color:#ededed; background-color:#202020;}

/* ---------------------------- tips -----------------------------*/
.tip{width:250px;z-index:13000;}
.tip-title{font-weight:bold; font-size:10px; margin:0; color:#829c18; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tip-text{font-size:10px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right; color:#fff;}

/* ---------------------------- guestbook : entries and form  -----------------------------*/
#guestbookEntries{clear:both;}
.guestbookEntry{width:700px; margin:0px; margin-left:15px; margin-bottom:3px;}
.guestbookEntryTop{height:10px; vertical-align:bottom; font-size:0px; background-color:#202020;}
.guestbookEntryBody{background-color:#202020;}
.guestbookEntryBottom{height:10px; vertical-align:top; font-size:0px; background-color:#202020;}

#addGuestBookEntryLink{height:24px; line-height:24px; padding-left:18px;}
#addGuestBookEntryLink a {color:#202020; text-decoration:none; font-weight:bold; vertical-align:top;}
#addGuestBookEntryLink a:hover{color:#829c18;}

.guestbookEntry a{color:#829c18; text-decoration:none;}
.guestbookEntry a:hover{color:#ededed; text-decoration:underline;}
.guestbookEntry h3{font-size:11px; font-weight:bold; color:#829c18; padding-left:22px; margin-right:5px; margin-left:5px; line-height:21px; height:21px;
					background-image:url(../img/guestbook/guestbook_entry.png); background-repeat:no-repeat; background-position:left center;}
.guestbookGuestdata{text-align:left; padding:10px; color:#ededed;}
.guestbookMessage{color:#ededed; text-align:justify; padding:10px; }

.guestbookEntriesNavigation{width:670px; height:20px; list-style:none; background-color:#202020; margin:0px; margin-left:15px; margin-top:5px; padding-left:30px;}
.guestbookEntriesNavigation li{float:left; height:20px; text-align:center; line-height:20px; color:#ededed;}
.guestbookEntriesNavigation li.navButton{width:17%;}
.guestbookEntriesNavigation li a{height:13px; padding-left:35px; padding-right:35px; font-size:13px; color:#ededed; font-weight:bold; text-decoration:none;}
.guestbookEntriesNavigation li a:hover{background-color:#A6A6A6; color:#202020; cursor:pointer;}
.guestbookEntriesNavigation li a.actif{visibility:visible;}
.guestbookEntriesNavigation li a.inactif{visibility:hidden;}

#frmGuestbook{margin-left:10px; margin-bottom:10px; padding:10px; width:500px;}
#frmGuestbook *{font-size:11px; line-height:20px;}
#guestbookDataTable{width:100%}

input{height:13px;}
input, select, textarea{border:1px solid #202020; padding:1px; font-size:11px; font-family:Verdana, Arial, sans-serif; color:#444444;}

.form100pc{width:97%;}
.formGuestbookField{width:250px;}
.formGuestbookButton{background-color:#202020; color:#ededed; cursor:pointer; height:20px; width:250px; text-align:center;}	
.formGuestbookButton:hover{background-color:#829c18; color:#202020;}

#errorBox{color:#829c18; border:solid 1px #829c18; font-size:10px; background-color:#202020;}
#errorBox h2{ font-size:11px; font-weight:bold; padding-left:10px; margin-bottom:10px;}
#errorBox p{padding-left:20px;}
.validationError{border:1px solid #829c18;}

.formAttentiondNote{font-size:9px; color:#ededed; background-color:#202020; padding-left:5px; font-style:italic;}
.labelCell{width:200px; text-align:right;}
.fieldCell{text-align:left;}
.blocTitle{font-weight:bold; padding-left:10px; border-bottom:1px solid #7B7B7B; color:#829c18;}
.blocTitleBullet{color:#829c18;}

/* ---------------------------- news & blog : items  -----------------------------*/
#news_items, #blog_items{clear:both;}

.ct_items_intro{padding:15px 15px 15px 25px;}
.items_intro_box{width:196px;height:80px;border:1px dotted #202020;margin:18px;padding:10px;font-size:13px;line-height:13px;letter-spacing:1px;font-style:italic;float:left;display:block;text-align:center;}

/* standards */
.item{margin:0 0 20px 0; clear:both;}

.item .date{float:left;display:block;width:90px;}
.item .date .month-year{float:left;display:block;width:48px;height:30px;padding:4px 0 0 0;}
.item .date .month-year .month{font-size:13px;font-style:italic;text-align:center; font-weight:bold;}
.item .date .month-year .year{font-size:10px;letter-spacing:2px;color:#829c18;text-align:center; font-weight:bold;}
.item .date .day{float:left;display:block;width:40px;height:32px;line-height:32px;background-color:#829c18;color:#fff;font-size:20px;text-align:center;}
.item .date .time{clear:left;font-size:10px;text-align:right;border-top:1px dotted #6F6F6F;margin:0 2px 0 0;color:#6F6F6F; }
.item .article{float:left;width:690px;display:block;padding:0 0 10px 10px;}
.item .article h3{padding:5px 0 2px 10px;font-weight:bold;letter-spacing:1px;font-size:12px;line-height:16px;color:#202020;}
.item .number{font-size:10px;text-align:right;border-top:2px solid #829c18;padding:0 2px 0 0;color:#6F6F6F;}
.item .article .content{padding:10px 0 10px 0;border-bottom:1px dotted #202020;}
.item .article .summary{padding:10px;font-style:italic;border:1px dotted #6F6F6F;margin:10px 0 0 0;color:#6F6F6F;}
.item .article .content p{text-align:justify;}
.item .article .slide_switch{color:#829c18; font-style:normal;}
.item .article .slide_switch_to_status_0{display:none;}
.item .article .slide_switch_to_status_1{display:block;}
.item a{color:#202020; text-decoration:underline;}
.item a:hover{color:#829c18; text-decoration:none;}

.items_nav{height:20px;list-style:none;margin:5px 10px 0 10px;padding-left:30px;position:relative;}
.items_nav li{float:left;height:20px;text-align:center;line-height:20px;color:#202020;display:block; width:17%;}
.items_nav li.nav_item_first{text-align:left}
.items_nav li.nav_item_last{text-align:right}
.items_nav li a{height:13px;padding-left:35px;padding-right:35px;font-size:13px;color:#202020;font-weight:bold;text-decoration:none;background-color:#CFCFCF;}
.items_nav li a:hover{background-color:#BCBCBC;color:#202020;cursor:pointer;}
.items_nav li a.inactif:hover{background-color:#CFCFCF;color:#202020;cursor:default;}
.items_nav li.nav_info{width:30%;}
.no_item{margin:0 0 20px 0; text-align:center;}

/* overwrite specific styles */
#news_items .item .date .day{background-color:#202020;color:#ededed;}
#news_items .item .article h3{border-top:2px solid #829c18;}
#news_items .item .article .slide_switch{display:none;}

#blog_items .item .article h3{border-bottom:1px solid #829c18;}
#blog_items .item .number{/*border-top:2px solid #202020;*/border-top:none;background-color:#202020;color:#ededed;}
#blog_items .item .article .content{padding:10px;border:1px dotted #6F6F6F;margin:10px 0 0 0;}
#blog_items .item .article .summary{display:none;}

/* ---------------------------- picturegallery : albuns and pictures  -----------------------------*/

#photoAlbumsEntries{padding:5px;}

.albumBox{width:180px; height:228px; float:left; background-color:#202020; padding:2px; margin:3px; margin-right:5px; margin-bottom:5px;}
.albumBox:hover{background-color:#829c18;}
.albumBox_theImage{width:170px;	height:190px; background-position:center center; background-repeat:no-repeat; margin:0 auto; margin-bottom:2px;}
.albumBox_label{text-align:center; font-size:11px; padding-top:2px; margin: 0 auto; color:#ededed}
.albumBox_label a{text-decoration:none; color:#ededed; font-size:11px;}
.albumBox_label a:hover, .albumBox:hover .albumBox_label a{color:#202020; text-decoration:none;}

#photoPicsEntries{padding:5px;}

.imageBox{width:180px; height:196px; float:left; border:1px solid #202020; padding:2px; padding-top:4px; margin:3px; margin-right:5px; margin-bottom:5px;}
.imageBox_theImage{width:170px;	height:190px; background-position:center center; padding:0px; background-repeat:no-repeat; margin: 0 auto; margin-bottom:2px;}
.imageBox_theImage{text-align:center; font-size:11px; padding-top:2px; margin: 0 auto; color:#ededed}
.imageBox_theImage a{text-decoration:none; color:#ededed; font-size:11px;}
.imageBox_theImage a:hover, .imageBox:hover .imageBox_theImage a{text-decoration:none;}
.imageBox .imageBox_theImage a:hover .imageBox{border:1px solid #829c18;}

.backTo{height:20px; line-height:20px; width:769px;}
.backTo a{text-align:center; font-weight:bold; color:#ededed; display:block; background-color:#202020; text-decoration:none}
.backTo a:hover{background-color:#829c18; color:#202020}