@charset "utf-8";
/* CSS zauberer-luzern.ch / Amport Webdesign - 2010 */


/* Overall Styling*/
html {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background: #bfd5e2 url(img/design1-bg.jpg) repeat-x; font-size: 0.8em; color: #333333;}

a:link, a:visited {color: #333333; text-decoration: underline;}
a:hover {color: #257aac;}


/* DIV Container*/
#container {width: 100%;}
#middler {margin: 0 auto; width: 923px;}

#header {height: 166px; width: auto; display: block; padding: 65px 0px 0px 0px;  background: url(img/header.jpg) no-repeat;}
a.homelink:link, a.homelink:visited {margin: 0px 0px 0px 166px; height: 50px; width: 605px; display: block;}

#topmenucontainer {margin: 63px 0px 0px 224px; display: block; overflow: hidden;}

#maincontainer {width: auto; margin-top: 30px; padding: 0px 10px 0px 15px;}
#balken-links {float: left; width: 190px; margin-right: 30px; display: block;}
#maincontent {float: left; width: 670px; display: block;}

#footer {float: none; clear: both; display: block; background: url(img/footer.jpg) no-repeat; padding-top: 22px; margin-top: 10px; font-size: 0.9em; color: #FFFFFF;}

.left {float: left; margin-left: 15px;}
.right {float: right; margin-right: 10px;}
.clear {clear: both; float: none;}

a.amportweb:link, a.amportweb:visited {color: #dae9f1; text-decoration: none;}
a.amportweb:hover {color: #0E73A3; text-shadow: 1px 1px 0px #e5eff5;}


/* Balken links */

.leftbox {margin-bottom: 80px;}

a.magischemomente:link, a.magischemomente:visited {color: #09588a; text-shadow: 1px 1px 0px #d4e5ee; text-decoration: underline; padding-left: 20px; background: url(img/pfeil-blau.jpg) no-repeat;}

a.magischemomente:hover {color: #000000;}

a.zauberergesucht:link, a.zauberergesucht:visited {width: 189px; height: 130px; display: block; background: url(img/zauberer-gesucht.jpg) no-repeat top left;}
a.zauberergesucht:hover {background-position: bottom left; }

.leftbox .e2g_crumbs {display: none;}
.leftbox .e2g img, .leftbox div {margin: 0px; padding: 0px;}

.leftbox .e2g {background: url(img/magische-momente-schatten.jpg) no-repeat bottom right;}
.leftbox .e2g img {padding: 0px 0px 3px 0px;} 



/* Inhalt Styling */
h1, h2 {font-weight: bold; font-size: 1.2em; color: #000000; margin-bottom: 20px; padding-bottom: 3px; border-bottom: 1px solid #d3e2eb;}

#maincontent ul {list-style: disc; padding-left: 10px; margin: 0px 0px 15px 20px;}
#maincontent p {margin-bottom: 10px;}
#maincontent {line-height: 1.2em;}

a.mitpfeil:link, a.mitpfeil:visited  {padding-left: 20px; background:url(img/pfeil-grau.jpg) top left no-repeat;}


/* News Styling */
.newsrow {	margin-bottom: 30px; border-bottom: 1px solid #d3e2eb;}
.front {	border: 0px; margin: 0px;}

.newsrow h3 a:link, .newsrow h3 a:visited  {color: #333333; font-weight: bold; font-size: 1.1em; margin: 0px; padding: 0px; text-decoration: none;}
.newsrow h3 { padding-bottom: 10px;}

.newsrow h3 a:hover { text-decoration: underline;}

.newsrow .date { margin: 0px; padding: 0px; font-style: italic;}

.ditto_previous_link, 
.ditto_next_link,
.ditto_page,
.ditto_currentpage { padding: 3px; background: #e2ebf1; margin: 3px; border-radius: 3px; -moz-border-radius: 3px; color: #666;}

a.ditto_previous_link, 
a.ditto_next_link,
a.ditto_page,
a.ditto_currentpage  { color: #666; text-decoration: none;}

.ditto_currentpage  { border: 1px solid #666;}

/* Ausklappbares Topmenü */
/**/

#topmenu
{	margin: 0;
	padding: 0;}
	
	#topmenu li
	{	float: left;
		list-style: none;}

	#topmenu li a
	{	display: block;
		padding: 5px 8px;
		text-decoration: none;
		/*width: 70px;*/
		margin: 0px 8px 0px 8px;
		height: 42px;
		line-height: 40px;
		white-space: nowrap;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #322f25;
		font-size: 14px;
		
		
		
		}
		
	#topmenu li.active a {
	background: url(img/topmen-active.jpg) repeat-x;
	text-shadow: 1px 1px 0px #e5eff5;
	}
	
		#topmenu li.active li a {
	background: none;
	text-shadow: none;
	}
		

	#topmenu li a:hover
	{ text-decoration: underline; color: #000000;}
	

		
		#topmenu li ul
		{	margin: 0px 0px 0px 8px;
			padding: 15px 0px 0px 0px;
			position: absolute;
			visibility: hidden;
			background: url(img/topmenu-sub-bg.jpg) #FFF repeat-x;
			
			margin-top: -11px;
			}
		
		#topmenu li ul li
		{	float: none;
			/* display: inline; */
			
			}
		
		#topmenu li ul li a
		{	width: auto;
			margin: 0px;
			padding: 3px 25px 3px 10px;
			height: auto;
			line-height: normal;
			font-size: 0.9em;
			}
		
		#topmenu li ul li a:hover,
		#topmenu li ul li.active a:visited,
		#topmenu li ul li.active a:link
		{	background: #312e24;
			color: #FFFFFF;
			text-decoration: none;}

* html #topmenu li  {width: 5px;}

			
/* Kontaktformular */
label {float: left; width: 150px;} 
input, textarea{margin-bottom: 5px; border: 1px solid #CCCCCC; background-color: #FFFFFF; width: 150px; font-size: 12px; padding: 2px; display: block;}
input:focus, textarea:focus{background-color: #F0F0F0;}

input.button {margin-left: 150px; width: auto;}

fieldset {border: 0px; border-top: 1px dotted #999999; padding: 0px 0px 20px 0px;}
* html fieldset {border: 0px; border-top: 1px solid #999999;}

fieldset legend {background: #FFFFFF; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; border: 0px; margin: 0px; padding: 0px 10px 0px 1px;}

.form-fehler {color: #990000; margin-bottom: 15px;}

input[type=hidden]
{
    display: none !important;
}

textarea#mitteilung {width: 250px;}

/* Zauberer Liste */

.mitglied_row {margin: 0px 20px 25px 0px; padding-bottom: 5px; display: block; float: left;}

.mitglied_row  .foto {margin-bottom: 5px;}
.mitglied_row  .info {}

.mitglied_row a.mitpfeil:link,
.mitglied_row a.mitpfeil:visited {padding-left: 0px; font-size: 0.8em; background: none; font-style: italic;}