/*---------------------------------------------------------------------------------------------------
:: www.ekeberger-coaching-tage.de :::::::::::::::::::::::::::::::::  
-----------------------------------------------------------------------------------------------------
 
:: Datei:     	ect.css
:: Funktion:	All-in-one Stylesheet  
:: Autor:		AgenturEnergie GmbH | Marketing Management Partners | www.agenturenergie.de
 
---------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------
:: Siteaufbau
---------------------------------------------------------------------------------------------------*/
#pagewrap {min-width:960px;}
#logo           { 
background: url("../ect_images/ect_logo.jpg") no-repeat; 
/*visibility: visible; */
position: absolute; 
top: 0; 
right: 0; 
width: 345px; 
height: 151px; 
}

#head  { 
background-image: url("../ect_images/ect_head_back.jpg"); 
width: 100%; 
height: 151px;
}

#menu  {
position: absolute;
top: 210px;
left: 0px;
width: 20em;
}

#content   {
margin-top: 55px;
margin-left: 28.5em;
margin-right: 30em;
height: auto;
/*width: 100%;*/
min-width:550px;
}


#rightcol {
position: absolute;
top: 151px;
right:0px;
width: 196px;
background-color: #DDDAD2;
height: 5000px;
}


/*---------------------------------------------------------------------------------------------------
:: Basisdefinitionen + Fixings
---------------------------------------------------------------------------------------------------*/

* {margin:0; padding: 0; } 
/* Randabstände und border aller HTML-Elemente werden auf Null gesetzt. 
   Damit wird das Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. */


		
fieldset, img { border:0; } 
/* Standardrahmen zurücksetzen */
		
select, input, textarea { font-size: 99% }
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 




* {font-size: 100% } /*hiermit werden alle HTML-Elemente auf Browser-Standardschriftgr??e von 16px gesetzt */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;  	/* entspricht 10px, f?r einfache Prozentumrechnung der Schriftgr??en: 10% = 1px */
color: #000033; 
line-height: 145%; 
background: #ffffff url("../ect_images/images_head/ec_head_background.jpg") repeat-x; 
text-align: left; 
}



/*---------------------------------------------------------------------------------------------------
:: Spaltensatz
---------------------------------------------------------------------------------------------------*/

.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }






/*---------------------------------------------------------------------------------------------------
:: H1-H6, p, hr
-----------------------------------------------------------------------------------------------------*/

h1 {
font-size: 230%; 
color: #4A7689;
font-weight: 100;
line-height: 130%;
/*padding-bottom: 1.8em;*/
}



h2 {
font-size: 180%;  
color: #000033;
font-weight: bold;
line-height: 150%;
margin-bottom: 2em;
margin-top: 1.4em;
}

h3 {
font-size: 230%;  
color: #c10444;
font-weight: 100;
line-height: 130%;
padding-bottom: 1.8em;
}

h4 {
color: #000033;
font-size: 160%;
font-weight: bold;
line-height: 150%;
}

h5 {
font-size: 130%;  
color: #c10444;
padding:0;
margin:0;
line-height: 145%;
padding-bottom: 5px;
}

h6 {
color: #c10444;
font-size: 160%;
font-weight: normal;
line-height: 150%;
}

p  {
font-size: 130%;  
color: #000033;
line-height: 150%;
padding-bottom: 1.5em;
}



hr {
margin-bottom: 2em;
border: .1em #999966 dashed;}



/*---------------------------------------------------------------------------------------------------
:: Textlinks
-----------------------------------------------------------------------------------------------------*/

A:link, A:visited {
color: #4A7689;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

A:hover, A:active  {
color: #A3A375;
font-style: normal;
font-weight: normal;
text-decoration: none;
}


/*---------------------------------------------------------------------------------------------------
:: sonstige Textstyles
-----------------------------------------------------------------------------------------------------*/

.bold {
font-weight:bold;}

p.bold {
font-weight: bold;
}


p.boldred {
color: #AC1344;
font-weight: bold;
}

.boldgrey {
color: #000033;
font-weight: bold;
background-color: #E4E3D5;
padding: .2em;
display: block;
margin-top: .4em;
margin-bottom: .4em;
}

.abbinder {
font-size: 190%; 
color: #A3A375;
line-height: 130%;
float:right;
}

p.floatleft {
float: left;
}



/*---------------------------------------------------------------------------------------------------
:: Head Impressum
-----------------------------------------------------------------------------------------------------*/

#head  a { 
color: #E8E8E2;
font-size: 120%;
text-decoration: none;
position:absolute;
top:20px;
left: 1.5em;
}

#head a:hover {
color: #B7B794;
}



/*---------------------------------------------------------------------------------------------------
:: Menu Styling
-----------------------------------------------------------------------------------------------------*/


/* ____1. Ebene_______________ */

#menu ul {
list-style-type: none;
font-size: 130%;
}

#menu ul li    { 
background-color: #7292A3;
display: block; 
border-bottom: 1px solid #D4D5CC;
}

#menu li a:link, #menu li a:visited  { 
color: #fff; 
background-color: #7292A3;
display: block; 
padding: 1.2em 0 1.2em 2em; /* top right bottom left */
}

#menu li a:hover, #menu li a:active  { 
color: #E3E6E2; 
background-color: #4A7689;
padding: 1.2em 0 1.2em 2em; /* top right bottom left */
}

.menuactive    { 
color: #ffffff; 
background-color: #4A7689;
display: block;
padding: 1.2em 0 1.2em 2em; /* top right bottom left */
border-top: .3em solid #c10444;  
border-right: .3em solid #c10444; 
border-left: .3em solid #c10444;
}

/* ____2. Ebene_______________ */

#menu ul li ul {
list-style-type: none;
font-size: 100%;
}

#menu ul li ul li { 
background-color: #E4E2DE;
border-bottom: 1px solid #D4D5CC;

}

#menu li ul li a:link, #menu li ul li a:visited    { 
color: #669999;
background-color: #E8E8E2;
display: block; 
padding: 0.6em 0 .6em 2em; /* top right bottom left */
border-right: .3em solid #c10444; 
border-left: .3em solid #c10444;
}

#menu li ul li a:hover, #menu li ul li a:active    { 
color: #FFF; 
background-color: #A3A375;
padding: 0.6em 0 .6em 2em; /* top right bottom left */
}

.submenuactive   { 
color: #FFF; 
background-color: #A3A375;
display: block; 
padding: 0.6em 0 .6em 2em; /* top right bottom left */
border-right: .3em solid #c10444; 
border-left: .3em solid #c10444;
}

.submenuend {
background-color: #E8E8E2;
display: block; 
padding: 0;
border-bottom: .3em solid #c10444;
}

/*---------------------------------------------------------------------------------------------------
:: Rightcol Styling
-----------------------------------------------------------------------------------------------------*/


#rightcol img  {
padding-bottom: 2em;
width: 100%;
}

#rightcol p {
font-size: 120%;
line-height: 140%;
text-align: center;
color: DimGray;
padding-top: 0;
padding-bottom: .5em;
}

#rightcol p.orange  { 
color: #E78622; 
}

.spacer {
margin-bottom: 1.5em;
}

/*---------------------------------------------------------------------------------------------------
:: Liststyles
-----------------------------------------------------------------------------------------------------*/

/*#content #listing {
margin: 0;
padding: 0;
}

#content #listing ul   { 
list-style-image: url("../ect_images/ect_listing.gif"); 
list-style-position: inside; 
margin: 0; 
padding: 0 0 10px;
 }
*/

#content ul {
font-size: 130%;
color: #000033;
line-height: 150%;
list-style-position: inside; 
list-style-type: square; 
margin-left:0;
padding-left:0;
padding-top: 1.1em;
}

#content ul li {
padding-bottom: 1.1em;
}

ul.listing li     { 
list-style-image: url("../ect_images/ect_listing.gif"); 
margin-left: 20px; 
padding: 0 0 0 20px; /* top right bottom left */
list-style-position: outside;
}

#content ul.listing1 li     { 
list-style-image: url("../ect_images/ect_listing.gif"); 
margin-left: 20px; 
padding: 0 0 .5em 0; /* top right bottom left */
list-style-position: outside;
}

.listing2     { 
list-style-image: url("../ect_images/ect_listing.gif"); 
margin: 0; 
padding: 0 0 0 20px; /* top right bottom left */
}



/*---------------------------------------------------------------------------------------------------
:: Fondstyles
-----------------------------------------------------------------------------------------------------*/


.fond_redstripes {
background-color: #A9003C;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 12px;
padding-right: 20px;
border-left: 3em solid #6C0629;
border-right: 8em solid #6C0629;
width: 50em;
}


.fond_kitt {
background-color: #EEEEEE;
margin-left: 0px;
padding-left: 20px;
padding-top: 19px;
padding-bottom: 36px;
padding-right: 20px;
line-height: 190%;
}

.fond_kitt p {
padding-bottom: .5em;
}

.fond_sand{
background-color: #EAEAE4;
margin-left: 0px;
padding-left: 20px;
padding-top: 19px;
padding-bottom: 36px;
padding-right: 20px;
line-height: 190%;
margin-top: 2em;
clear: both;
}

.fond_sand p{
padding-bottom: 0;}

.fond_sand1 {
background-color: #EAEAE4;
margin-left: 0px;
padding-left: 20px;
padding-top: 19px;
padding-bottom: 20px;
padding-right: 20px;
line-height: 190%;
margin-top: 2em;
clear: both;
}
.div_karte {
padding-top: 2em;
margin-bottom: 2.5em;

}


/*---------------------------------------------------------------------------------------------------
:: Juroren
-----------------------------------------------------------------------------------------------------*/

div.juroren {
float: left;
display: inline;
background-color: #EEEEEE;
margin-right: 20px;
margin-bottom: 20px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 0;
padding-right: 10px;
width: 150px;
height: 200px;
}
 
div.juroren h3 {
font-size: 130%;  
color: #000033;
font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-bottom: 0;
}

div.juroren p {
font-size: 120%;  
line-height: 150%;
padding-bottom: 1.5em;
}
div.juroren img {
height: 90px;
border: 0;
}


/*---------------------------------------------------------------------------------------------------
:: Präsentatoren
-----------------------------------------------------------------------------------------------------*/
.presenters {
font-size: 130%;
line-height: 150%; 
margin-top: 1em;
}

.presenters hr {
border: 1px solid #DDDAD2;
margin-top: .4em;
margin-bottom: .4em;
}

.presenters h5 {
color: #4A7689;
font-size: 100%;
font-weight: normal;
}
 


/*---------------------------------------------------------------------------------------------------
:: Programm
-----------------------------------------------------------------------------------------------------*/
.programm {
font-size: 100%;
color: #000033;

/*line-height: 150%;*/
}

.darkgrey {
background-color: #DDDAD2;
display: block;
padding: .3em;
margin-bottom: 0;
margin-top:0;
}

.grey {
background-color: #F3F1ED;
display: block;
padding: .3em;
margin-bottom: 0;
margin-top:0;
border-bottom: 1px solid #DDDAD2;
}

.white {
background-color: #fff;
display: block;
padding: .3em .3em .3em .3em;
margin-bottom: 0;
border-bottom: 1px solid #DDDAD2;
}

.programm span {
margin-left: 40px;}



/*---------------------------------------------------------------------------------------------------
:: Programm als Tabelle
-----------------------------------------------------------------------------------------------------*/

.program {
font-size: 130%;
color: #000033;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.program td {
padding: .3em;
}

.program td.leftcol {
width: 6em;
}

.program td.rightcol {
width: auto;
}

.program tr.darkgrey {
background-color: #DDDAD2;
border:  1px solid #DDDAD2;
border-width: 0 0 1px 0;
}

.program tr.grey {
background-color: #F3F1ED;
border:  1px solid #DDDAD2;
border-width: 0 0 1px 0;
}

.program tr.white {
background-color: #fff;
border:  1px solid #DDDAD2;
border-width: 0 0 1px 0;
}


/*---------------------------------------------------------------------------------------------------
:: Klinke Teilnehmer
-----------------------------------------------------------------------------------------------------*/

.teilnehmer {
background-color: #EAEAE4;
margin-left: 0px;
padding-left: 20px;
padding-top: 17px;
padding-bottom: 22px;
padding-right: 20px;
line-height: 230%;
margin-bottom: 2.7em;
}

.teilnehmer h3 {
font-size: 190%; 
/*color: #778899;*/
color: #4A7689;
font-weight: bold;
margin-bottom:.1em; 
padding:0 0 0 40px;
}

.teilnehmer h4 {
font-size: 180%;  
color: #4A7689;
font-weight: 100;
padding-bottom: 1em;
line-height: 140%;
padding-left: 40px;
}

.teilnehmer h5 {
font-size: 190%; 
color: #000033;
font-weight: bold; 
padding-bottom: 0;
padding-left: 40px;
}

.teilnehmer h6 {
font-size: 190%; 
color: #C10444;
font-weight: bold; 
padding-bottom: 0;
padding-left: 40px;
}

/*---------------------------------------------------------------------------------------------------
:: Klinke Anmeldung
-----------------------------------------------------------------------------------------------------*/

.anmeldung {
background-color: #EAEAE4;
margin-left: 0px;
padding-left: 20px;
padding-top: 26px;
padding-bottom: 30px;
padding-right: 20px;
line-height: 230%;
margin-bottom: 4em;
}



.anmeldung h3 {
font-size: 190%; 
color: #4A7689;
font-weight: 100;
margin-bottom:.1em; 
padding:0 0 0 40px;
}

.anmeldung h3 strong {
font-size: 105%; 
color: #4A7689;
font-weight: bold;
margin-bottom:.1em; 
padding:0;
}

.anmeldung h4 {
font-size: 190%;  
color: #000033;
/*color: #4A7689;*/
/*font-weight: 100;*/
padding-bottom: .8em;
padding-left: 40px;
padding-top: 1em;
}

.anmeldung h4 strong {font-weight:bold;}

.anmeldung h5 {
font-size: 190%; 
/*color: #000033;*/
color:#C10444;
font-weight: bold; 
padding-bottom: 0;
padding-left: 40px;
}


/*
.anmeldung h4 {
font-size: 190%; 
color: #4A7689;
font-weight: bold;
padding-bottom: .8em; 
}


.anmeldung h6 {
padding-left: 40px;
font-size: 190%; 
color: #4A7689;
}

*/
.anmeldung p {
padding-left: 40px;
padding-top: 1em;
font-size: 120%; 
/*color: #778899;*/
color: #4A7689;
}



/*---------------------------------------------------------------------------------------------------
:: Klinke Date
-----------------------------------------------------------------------------------------------------*/
.date  {
font-size: 190%; 
color: #4A7689;
line-height: 120%;
margin-bottom: 1.5em;
}

/*---------------------------------------------------------------------------------------------------
:: Klinke Motto
-----------------------------------------------------------------------------------------------------*/

.mottoneu {
background-color: red;
}

.motto {
background-color: #EAEAE4;
margin-left: 0px;
padding-left: 20px;
padding-top: 17px;
padding-bottom: 22px;
padding-right: 20px;
line-height: 230%;
margin-bottom: 2.7em;
}

.motto h3 {
font-size: 190%; 
/*color: #778899;*/
color: #4A7689;
font-weight: bold;
margin-bottom:.1em; 
padding:0;
}

.motto h4 {
font-size: 180%;  
color: #4A7689;
font-weight: 100;
padding-bottom: 1em;
line-height: 140%;
/*padding-left: 40px;*/
}

.motto h5 {
font-size: 190%; 
color: #000033;
font-weight: bold; 
padding-bottom: 0;
padding-left: 40px;
}

.motto h6 {
padding-left: 40px;
font-size: 180%; 
/*color: #778899;*/
color: #4A7689;
font-weight: normal;
}

.motto p {
padding-left: 40px;
padding-bottom: 0;
font-size: 150%; 
/*color: #778899;*/
color: #4A7689;
}

.motto p.anmelden {padding-left:0;padding-top:16px;font-size:14px;}
.motto p a {
margin-top:14px;
padding-left:0;	
color:#B5004D;
}

.motto p a:hover{
color: #A3A375;
}

.motto_einklinker {
float:right;
background-color:#fff;
border-left:6px solid #cfcfc7; 
border-bottom:10px solid #cfcfc7;
padding:14px;
margin-top:5px;
color:#0a0a41;
font-size:18px;
box-shadow:5px 8px 15px rgba(0,0,0,0.3);
-webkit-box-shadow:5px 8px 15px rgba(0,0,0,0.3);
-moz-box-shadow:5px 8px 15px rgba(0,0,0,0.3);
}

.motto_einklinker a {
 color:#A9003C;
}

.motto_einklinker a:hover {
 color: #A3A375;
}

/*---------------------------------------------------------------------------------------------------
:: Klinke Banner Coaching Globe
-----------------------------------------------------------------------------------------------------*/

.bannerGlobe {
background: url("../ect_images/ect_banner_globe_bg_1.jpg") #eae9e7 top left no-repeat;
width:auto;
height:144px;
margin: 0 0 3.3em 0;
-webkit-box-shadow: 0px 8px 8px #ccc;
-moz-box-shadow: 0px 8px 8px #ccc;
box-shadow: 0px 8px 8px #ccc; 
}

.bannerGlobe h3 {
	color:#4A7689;
	font-size:19px;
	margin: 0 0 .1em 0;
	padding:38px 0 0 145px;
}

.bannerGlobe h4 {
	color:#B5004D;
	font-size:14px;
	padding:0px 20px 0 145px;

}


/*---------------------------------------------------------------------------------------------------
:: Klinke Aufruf
-----------------------------------------------------------------------------------------------------*/

.aufruf {
background-color: #A9003C;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 24px;
padding-right: 20px;
border-left: 1.1em solid #6C0629;
border-right: 5em solid #6C0629;
line-height: 150%;
}

.aufruf h4 {
font-size: 170%; 
color: #FFF;
letter-spacing: 1px;
font-weight: bold;
padding-bottom: 0;
}

.aufruf p {
font-size: 120%; 
color: #FFF;
letter-spacing: 1px;
padding-bottom: 0;
padding-top:1em;
}

#content div.aufruf ul li {
color:#fff;
margin-left:0;
margin-bottom:.5em;
padding:0;	line-height:120%;
list-style-position:inside;
list-style-type:square;
}

/*---------------------------------------------------------------------------------------------------
:: Klinke Danke
-----------------------------------------------------------------------------------------------------*/

.danke {
background-color: #A9003C;
padding: 0;
line-height: 150%;
margin-bottom: 3.5em;
}

.danke h1 {
font-size: 160%; 
color: #FFF;
/*
background-color: #6C0629;
*/
background-color: #A9003C;
/*
display:block;
*/
padding: 0.4em 0.4em 0.4em 20px;
letter-spacing: 1px;
font-weight: bold;
border-top: 7px solid #6C0629;
}

.danke p {
font-size: 130%; 
color: #FFF;
letter-spacing: 0.08em;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 16px;
padding-right: 16px;
}

.danke a:link, .danke a:visited {
color:#fff;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}

.danke a:hover, .danke a:active  {
color: #A3A375;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
/*---------------------------------------------------------------------------------------------------
:: Content Bilder
-----------------------------------------------------------------------------------------------------*/

#content img.right {
float: right;
width: 150px;
height: auto;
padding-left: 2em;
}


#content img.rightportrait {
float: right;
width: 120px;
height: auto;
padding-left: 2em;
padding-bottom: .5em;
padding-top: .5em;
}

#content img.left {
float: left;
width: 200px;
height: auto;
padding-right: 2em;
padding-bottom: .5em;
padding-top: .5em;
} 


#content img.karte {
float: left;
width: 280px;
height: auto;
padding-right: 2em;
padding-top: .5em;
margin-bottom: 3em;

}




#content #impressionen {
	list-style-type: none;
	width: 99%;
 
}

#content #impressionen li {
	float: left;
	margin-right: 2em;
	margin-top: 2em;
	margin-bottom: 1em;
	display: inline;
}

#content #impressionen img {
	font-size: 65%;
	width: 20em;
	height: auto;
	display: block;
}

.center {
width: 100%;
max-width: 750px;
height: auto;
padding-bottom: 2.5em;
padding-top:4em;
}



/*---------------------------------------------------------------------------------------------------
:: Floats
-----------------------------------------------------------------------------------------------------*/

.float_r{
	float: right;
	margin-left: 2em;
}


.float_l{
	float: left;
}

.clearfloats {
clear: both;
padding-top: 3em;
}


/*---------------------------------------------------------------------------------------------------
:: Anmeldung
-----------------------------------------------------------------------------------------------------*/

	
input.txt {
	width: 65%;
	border: 1px solid #999933;
}

form p.teilnahme{color:#c40e4e;line-height:180%;margin-bottom:10px;}
 
	
textarea {
	width: 65%;
	/*height: 15em;*/
	border: 1px solid #999933;
	/*padding: 1em;*/
	font-family: Arial, Helvetica, san-serif;
	font-size: 100%;
}
	
	
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: .5em;
	line-height: 125%;	
}
	
form p label {
	float: left;
	width: 30%;
	line-height:150%;
	padding-right:10px;
}
	
fieldset { 
	/*border: 1px dotted #999933;*/
	background-color: #EEEEEE;
	padding: 1em .5em 2em 1em;  /* top right bottom left*/
	margin-top: 2em; 
}
	
legend {
	color: #fff;
	font-weight: bold;
	background-color: #C10444;
	padding: .3em 3em .3em 1em;
	border-top: 1px dotted #999933;
	border-left: 1px dotted #999933;
	border-right: 1px dotted #999933;
	font-size: 120%;
	letter-spacing: 1px;
}

/*---------------------------------------------------------------------------------------------------
:: Presse 
-----------------------------------------------------------------------------------------------------*/

.press_text {
	background-color: #ebebe4;
	line-height:150%;
	padding:1em 2em;
	margin-bottom:1.5em;
}

.press_text p {
	padding-bottom:0.5em;
}

.press_text a:link {
text-decoration: underline;
}

.press_text h6 {
	font-size: 130%;
	padding-top: 0;
}

/*---------------------------------------------------------------------------------------------------
:: für eventuelles Menü rechts aussen, derzeit nicht benoetigt 
-----------------------------------------------------------------------------------------------------*/
 
#content #rightcol ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 95%;
}

#content #rightcol ul li {
padding: 0;
margin: 0;
display: block;
border-bottom: 1px solid #778899;
background-color:f0f8ff;
}

#content #rightcol li a:link, #content #rightcol li a:visited {
color: #669999;
display: block;
background-color:#f0f8ff;
padding-top: 0.8em;
padding-bottom: 1em;
padding-left: 15px;
}

#content #rightcol li a:hover, #content #rightcol li a:active    { 
color: #669999; 
background: url("../ect_images/images_menu/ec_menu_fond_extrahell_on.gif"); 
padding: 0.8em 0 1em 15px; 
}


/*---------------------------------------------------------------------------------------------------
:: CSS3 Effects
-----------------------------------------------------------------------------------------------------*/

.boxshadow1 {
-webkit-box-shadow: 4px 4px 4px #999;
-moz-box-shadow: 4px 4px 4px #999;
box-shadow: 4px 4px 4px #999; 
}

img.boxshadow1 {
-webkit-box-shadow: 4px 4px 4px #ccc;
-moz-box-shadow: 4px 4px 4px #ccc;
box-shadow: 4px 4px 4px #ccc; 
}