/*
################ Style Sheet für budoclub.ch ########################
### |-----------------------------------------------------------| ###
### |      GERMANN.NEWMEDIA°, 9524 Zuzwil                       | ### 
### |      Website: www.internetauftritte.ch                    | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/




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

body				{ padding:0px; margin:0px; font-family: "Trebuchet MS", Tahoma, Arial; font-size:12px; color:#000000; line-height:140%; background-color:#F3F3F3; background-image:url(/de/grfx/bg_body.jpg); background-position:top; background-repeat:repeat-x;}
div, td, span, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial; font-size:12px; color:#000000; line-height:140%; }

a					{ color:#B30000; text-decoration:none;}
a:hover				{ color:#B30000; text-decoration:underline;}

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

ul					{ margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
li					{ list-style-image: url(../grfx/bullet_list.gif); }

h1					{ font-size:20px; font-weight:bold; font-style:italic; color:#B30000; line-height:100%;}
h2					{ font-size:16px; font-weight:bold; color:#383838;}
h3					{ font-size:14px; font-weight:bold; color:#383838;}
h4					{ font-size:12px; font-weight:bold; color:#383838;}
h5					{ font-size:10px; font-weight:bold; color:#383838;}



#header 			{ background-image:url(/de/grfx/bg_logo_left_top.jpg); background-position:top left; background-repeat:no-repeat; height:150px; }

#metanav			{ position:absolute; top:72px; left:196px; color:#BEB8B1;}
#metanav a			{ color:#BEB8B1; text-decoration:none; font-size:11px;}
#metanav a:hover	{ color:#BEB8B1; text-decoration:underline;}

#metasearch			{ position:absolute; top:69px!important; top:68px; left:385px;}
#searchbutton		{ width:160px; height:22px; background-image:url(/de/grfx/bg_search_input.jpg); background-repeat:no-repeat; border:0px; padding-left:10px; padding-top:3px; color:#BEB8B1; font-size:11px;}
#searchform			{ }

#metapic			{ left:715px; position:absolute;}

#menu				{ padding:20px 0px 40px 0px; background-color:#FFFFFF; width:186px; }
#contentmain		{ position:absolute; top:150px; left:210px; background-color:#FFFFFF;}
#content			{ width:730px!important; width:760px; padding:15px;}
#content_emotion	{ width:730px!important; width:760px; padding:15px; border-bottom:25px solid #F3F3F3;}
#footer				{ width:760px;}


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


.blockMain			{ background-image:url(/de/grfx/bg_top.gif); background-repeat:repeat-x; background-position:top; text-align:left;}
.blockTop			{ height:315px; border:5px solid #ffffff; border-right:none;}
.blockLeft			{ width:350px; float:left;}
.blockContent		{ width:610px; float:right;}
.blockFooter		{ background-color:#F3F3F3; height:20px; padding-top:5px;}

/* Wrappers */
.topWrapper			{ width:960px!important; width:965px; border-right:5px solid #fff;} /* contains blockLeft & blockContent */
.mainWrapper		{ width:960px;} /* contains blockLeft & blockContent */


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


.containerNavigation{ background-image:url(/de/grfx/bg_nav.gif); background-repeat:no-repeat; background-position:top left; height:315px; width:345px!important; width:350px; border-right:5px solid #ffffff; float:left;}
.elementNavigation	{ }

.elementLogo		{ width:600px; float:left; text-align:right;}
.elementLogo a		{ border:0px;}

.elementEmotion		{ margin-left:130px; border-bottom:5px solid #fff;}

.elementAddress		{ margin:15px 0px 0px 151px; color:#ccc;}
.elementAddress a   { color:#ccc; text-decoration:none; border:none;}
.elementAddress a:hover { color:#ccc; text-decoration:underline; border:none;}

.elementContent		{ margin:0px 40px 25px 45px;}

.elementLead		{ position:relative; margin:-235px -40px 30px -40px; height:230px; background-color:#516071;}
.elementLead .lead 	{ position:absolute; bottom:30px; vertical-align:bottom; color:#fff; padding-left:40px; padding-right:40px; }


.rowSearch			{ padding-bottom:10px;}
#grey				{ font-style:italic;}

/* FOOTER */
.blockFooter span, .blockFooter span a	{ font-size:10px; color:#CCCCCC; text-decoration:none; border:none;}
.blockFooter span a:hover	{ font-size:10px; color:#b6b6b6; text-decoration:underline; border:none; }
.blockFooter img	{ vertical-align:text-bottom!important; vertical-align:middle; }
.blockFooter .col1	{ float:left; margin-right:20px;}
.blockFooter .col2	{ float:left; margin-right:20px;}
.blockFooter .col2a	{ float:left; margin-right:20px;}
.blockFooter .col3	{ float:left; margin-right:20px;}
.blockFooter .col4	{ float:right; text-align:right; }



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


.inputButton 		{ border:1px solid #8F8D8A; color: #ffffff; font-size:12px; background-color:#333333; cursor:pointer;}
.inputLine 			{ border:1px solid #8F8D8A; color: #666666; font-size:12px }
.inputField			{ border:1px solid #8F8D8A; color: #666666; font-size:12px }



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

.imageRight			{ float:right; margin:0px 0px 15px 15px; border:6px solid #E0E2E1;}
.imageLeft			{ float:left; margin:0px 15px 15px 0px; border:6px solid #E0E2E1;}
.imageBorder		{ border:6px solid #E0E2E1;}
.imageSerie			{ float:left; margin:0px 20px 30px 20px; border:6px solid #E0E2E1;}

.error				{ color:#993300; }




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


/* LEVEL 1 */

.nav1 {
	padding-bottom:5px;
	padding-left:30px;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}

.aNav1{
	font-size: 13px;
	font-weight: bold;
	color: #439acf;
	text-decoration: none;
}


.aNav1:hover, .aNav1Open, .aNav1Selected, .aNav1Selected:hover, .aNav1OpenSelected, .aNav1OpenSelected:hover, .aNav1Open:hover{
	font-size: 13px;
	font-weight: bold;
	color: #dd0000;
	text-decoration: none;
}



/* LEVEL 2 */

.nav2 {
	padding:0px;
	padding-bottom:2px;
	padding-left:50px;
	font-weight:normal;
	font-style:normal;
	background-image:url(/de/grfx/navi_bullet.gif);
	background-position:40px 6px;
	background-repeat:no-repeat;
}

.aNav2 {
	font-size: 12px;
	font-weight: normal;
	color: #B30000;
	text-decoration: none;
}


.aNav2:hover {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

.aNav2Open , .aNav2Selected, .aNav2OpenSelected {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.aNav2Selected:hover, .aNav2OpenSelected:hover, .aNav2Open:hover{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}



/* LEVEL 3 */

.nav3 {
	padding:0px;
	padding-bottom:2px;
	padding-left:60px;
	font-weight:normal;
	font-style:normal;
	background-image:url(/de/grfx/navi_bullet.gif);
	background-position:50px 6px;
	background-repeat:no-repeat;
}

.aNav3 {
	font-size: 12px;
	font-weight: normal;
	color: #B30000;
	text-decoration: none;
}


.aNav3:hover {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

.aNav3Open , .aNav3Selected, .aNav3OpenSelected {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.aNav3Selected:hover, .aNav3OpenSelected:hover, .aNav3Open:hover{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}




/* SITEMAP */

.navSitemap1{
	padding-top:5px;	
	padding-left:0px;
	line-height:150%;
}

.navSitemap2{
	padding-left:20px;
	line-height:150%;
}

.navSitemap3{
	padding-left:40px;
	line-height:150%;
}

.navSitemap4{
	padding-left:60px;
	line-height:150%;
}

.navSitemap5{
	padding-left:80px;
	line-height:150%;
}