/* Start of CMSMS style sheet 'Musikverein Giershagen - CSS - Sommer 2006' */
*	{
	padding: 0; 
	margin: 0;
	}
	
html, body 						{
	min-height: 100%;
	height: auto !important;
	height: 100%
	}

body		     						{
	 margin:0;
	 padding:0;
	 font-family:verdana,arial,non-serif;
	 font-size:0.8em;
	 line-height:150%;
	 background:#045152;
	 overflow:-moz-scrollbars-vertical;
	 color:#2a2a2a;
	}
	
h1	{
	font-size:2.0em;
	font-weight:bold;
	color:#f67204;
	margin:0 0 0 0;
	line-height:2.0em;
	}

h2	{
	font-size:1.6em;
	font-weight:normal;
	color:#f67204;
	margin:0 0 0 0;
	line-height:1.6em;
	}
	
h3	{
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin:10px 0 5px 0;
	line-height:150%;
	padding:0;
	}
	
input{
	width:200px;
	margin:5px 0 8px 10px;
	}
	
div	{
	margin:0;
	padding:0;
	}
	
p	{
	margin:1em 0;
	}
	
a	{
	text-decoration:none;
	color:#f67204;
	}

hr {
  border:none;
  background:#f67204;
  color:#f67204;
  height:1px;
}

	
ul, ol{
	margin-left:40px;
	}
	
a:hover{
	text-decoration:underline;
	}
	
	
.clear{
	clear:both;
	height:0.1px;
	width:0.1px;
	}
	
#main{
	 background:url(/images/mvg/template/body-bg.gif) repeat-x #fff;
	 margin:0;
	 padding:0;
	}
	
#wrapper						{
	 margin:0 auto;
	 text-align:left;
	 padding:0;
					             width:922px;
	}
			
#header{
	margin:0;
	padding:0;
	text-align:right;
	}
	
#header #bild-oben				{
	margin:0;
	padding:0;
	float:right;
	}
	
	
			
	
#bild-links						{
	margin:0;
	padding:0 15px;
	width:297px;
	height:458px;	
	float:left;
	z-index:2;
	position:absolute;
	top:0;
	}
	
						
	
#bild-links {

/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/mvg/template/bg-bild-links.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#bild-links[id] {background:url(/images/mvg/template/bg-bild-links.png) no-repeat;}
	
#bild-links	img					{
	margin:0;
	padding:0 0 1px 0;
	display:block;
	border-bottom:15px solid #f67204;
	}
	
/* Login */

#login{
	float:left;
	width:285px;
	position:absolute;
	top:460px;
	margin:0 0 0 17px;
	padding:5px;
	background:#e9e9e9;
	}
	
#login input						{
	float:right;
	width:170px;
	margin:5px 0 8px 10px;
	}
	
#login label						{
	float:left;
	text-align:right;
	margin:5px 0 8px 0;
	}
	
#content						{
	margin:0;
	padding:0;
	}
		
	
#content #inhalt				{
	margin:10px 12px 55px 0;
	padding:0;
	width:566px;
	float:right;
	text-align:left;
	min-height:460px;
	height:auto;
	}
	
*html #content #inhalt			{
	height:460px;
	}
	
#content #inhalt p {
	margin:0.7em 0;
	}
	
#content #inhalt li.inhaltul		{
	margin:0 0 0 25px;
	}
	
	

#footer-wrapper {
	margin:0;
	text-align:center;
	padding:0;
	width:100%;
	height:98px;
	background:url(/images/mvg/template/footer-bg.gif) repeat-x;
	clear:both;
	}

#footer{
	margin:0 auto;
	padding:0 12px 0 0;
	width:910px;
	height:98px;
	}

#footer #links					{
	 margin:0;
	 padding:2px 0 0 6px;
	 width:174px;
	 height:94px;
	 float:left;
	 text-align:left;
	 color:#fff;
	 border-top:3px solid #077375;
	
	}
			
#footer #links p					{
	margin:12px 0 0 0;
	padding:0;
	font-size:0.7em;
	}
			
#footer #links a					{
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	color:#fff;
	margin:12px 0 0 0;
	padding:0;
	}
					
#footer #links a:hover			{
	text-decoration:underline;
	}
			
#footer #rechts					{
	 margin:0;
	 padding:2px 0 0 0;
	 width:730px;
	 height:94px;
	 float:right;
	 border-top:3px solid #077375;
	}
			
#footer #rechts img				{
	margin:0;
	padding:0;
	float:right;
	border:none;
	}
			
#footer ul#secondary-nav			{
	margin:0;
	padding:0;
	}
	
#footer ul#secondary-nav li			{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	width:108px;
	height:82px;
	}
	
#footer ul#secondary-nav li a			{
	margin:0;
	padding:12px 0 0 0;
	display:block;
	float:left;
	width:108px;
	height:82px;
	background:none;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
	
#footer ul#secondary-nav li a:hover	{
	background:#fff;
	color:#055b5d;
	text-decoration:none;
	}
	
#footer ul#secondary-nav li a	dfn		{
	display:none;
	}
	
#footer ul#secondary-nav li ul		{
	display:none;
	}



/* Menue  Oben Horizontal */ 
#header .menuwrapper				{
	width:572px;
	float:right;
	margin:2px 12px 0 0;
	padding:0;
	}


/* Set the width of the menu elements at second level. Leaving first level flexible. */



#header #primary-nav li li a { 
        width: 190px; 
		padding:5px;
       }





/* Unless you know what you do, do not touch this */ 

#header ul#primary-nav		{border-top:3px solid #077375;}

#header #primary-nav, #header #primary-nav ul { 
	list-style:none; 
	margin:0; 
	}

#header #primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none;
	
	border-left:none;
	padding:0;
	border-right:none;
	}

#header #primary-nav ul ul { 
 	margin:0;
	padding:0;
	left: 100%; 
	top: 0px; 
	}

	

#header #primary-nav li { 
	margin-left: 1px;
	float: left;
	}

#header #primary-nav li li { 

	margin:0;
	float: none; 
	position: relative; 
	height:auto;
	padding:0;
	}



/* Styling the basic apperance of the menu elements */



#header #primary-nav a { 

	display: block; 
	margin:0; 
	padding:0; 
	text-decoration: none; 

	}

#header #primary-nav li a { 

	font-weight:bold;
	color:#077375;
	padding:5px 0;
	width:94px;
	height:30px;
	text-align:center;
	font-size:1.1em;

	}
	
#header #primary-nav li a:hover { 

	color:#ffffff;

	}
	
#header #primary-nav li a dfn { 
	display:none;
	}

#header #primary-nav li li a { 

	background:#077375;
	color:#ffffff;
	text-align:left;
	font-size:0.9em;
	}	

#header #primary-nav li, #header #primary-nav li.menuparent { 
	background-color: #ffffff; 
	}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#header #primary-nav li.menuactive { 

	background-color: #077375; 
	color:#ffffff;
	

	}

#header #primary-nav li a.menuactive { 
	color:#ffffff;
	}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#header #primary-nav ul li.menuparent, #header #primary-nav ul li.menuparent:hover, #header #primary-nav ul li.menuparenth { 
	}





/* Styling the apperance of menu items on hover */



#header #primary-nav li:hover, #header #primary-nav li.menuh, #header #primary-nav li.menuparenth, #header #primary-nav li.menuactiveh { 

	background-color: #077375;
	}


#header #primary-nav li:hover a, #header #primary-nav li.menuparenth a, #header #primary-nav li.menuactiveh a { 

	color:#ffffff;

	}
	
	
/* Styling the apperance of menu items on hover lvl2 */



#header #primary-nav li li:hover, #header #primary-nav li li.menuh, #header #primary-nav li li.menuparenth, #header #primary-nav li li.menuactiveh { 

	

	}


#header #primary-nav li li a:hover, #header #primary-nav li li.menuparenth a, #header #primary-nav li li.menuactiveh a { 

	color:#077375;
	background:#ffffff;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



#header #primary-nav ul, #header #primary-nav li:hover ul, #header #primary-nav li:hover ul ul, 

#header #primary-nav li.menuparenth ul, #header #primary-nav li.menuparenth ul ul { 

	display: none; 

	}

#header #primary-nav li:hover ul, #header #primary-nav ul li:hover ul, #header #primary-nav ul ul li:hover ul, 

#header #primary-nav li.menuparenth ul, #header #primary-nav ul li.menuparenth ul, #header #primary-nav ul ul li.menuparenth ul { 

	display: block; 

	}


/* IE Hacks */

#header #primary-nav li li { 

	float: left; 
	clear: both; 

	}

#header #primary-nav li li a { 

	height: 1%; 

	}
	
	
/* Gästebuch */

.cms-guestbook-div-entry			{
		margin:45px 0;
		padding:0;
		}
	
.cms-guestbook-div-entry:hover		{
		background:#ebebeb;
		}
		
.cms-guestbook-div-entry-header		{
		margin:0 0 3px 0;
		padding:2px 0 0 0;
		color:#000;
		border-bottom:1px solid #ddd;
		font-size:0.8em;
		width:565px;
		overflow:hidden;
		}
		
.cms-guestbook-div-entry-footer		{
		margin:3px 0 0 0;
		padding:2px 0 0 0;
		color:#000;
		border-top:1px solid #ddd;
		font-size:0.8em;
		width:565px;
		overflow:hidden;
		}
	
.cms-guestbook-div-date-title		{
		margin:0;
		padding:0;
		font-weight:bold;
		}
		
.cms-guestbook-div-date				{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		}
		
.cms-guestbook-div-sender-title		{
		margin:0;
		padding:0;
		font-weight:bold;
		color:#000;
		}
		
.cms-guestbook-div-sender			{
		margin:0 0 3px 5px;
		padding:0 2px 0 0; 
		float:left;
		color:#f67204;
		}
		
.cms-guestbook-div-country-title	{
		margin:0;
		padding:0;
		font-weight:bold;
		}
		
.cms-guestbook-div-country			{
		margin:0 10px 0 0;
		padding:0 2px 0 0 ;
		float:left;
		}
		
.cms-guestbook-div-location			{
		margin:0 10px 0 0;
		padding:0 2px 0 0;
		float:left;
		}
		
.cms-guestbook-div-location-title	{
		margin:0;
		padding:0;
		font-weight:bold;
		}
		
.cms-guestbook-div-email-title		{
		margin:0;
		padding:0;
		font-weight:bold;
		}
		
.cms-guestbook-div-email			{
		margin:0 10px 0 0;
		padding:0 2px 0 0;
		float:left;
		}
		
.cms-guestbook-div-email a			{
		color:#f67204;
		text-decoration:none;
		}
		
.cms-guestbook-div-email a:hover		{
		text-decoration:underline;
		}
		
.cms-guestbook-div-homepage-title	{
		margin:0;
		padding:0;
		font-weight:bold;
		}
		
.cms-guestbook-div-homepage			{
		margin:0 10px 0 0;
		padding:0 2px 0 0;
		float:left;
		}
		
.cms-guestbook-div-homepage a		{
		color:#f67204;
		text-decoration:none;
		}
		
.cms-guestbook-div-homepage a:hover	{
		text-decoration:underline;
		}
		
		
.cms-guestbook-div-message			{
		margin:5px 0;
		padding:0;
		}
		
.cms-guestbook-div-back input			{
		margin:5px 0;
		padding:0;
		}
		
.cms-guestbook-div-insertbutton input	{
		margin:5px 0;
		padding:0;
		}
		

		
/* News - Detailansicht */
h2#NewsPostDetailTitle				{
		margin:5px 0 10px 0;
		}
		
#NewsPostDetailDate					{
		margin:15px 0 0 0;
		border-top:1px solid #ddd;
		clear:both;
		}
		
#NewsPostDetailPrintLink			{
		float:left;
		width:150px;
		margin:10px 0 0 0;
		}
		
#NewsPostDetailReturnLink			{
		float:right;
		width:150px;
		text-align:right;
		margin:10px 0 0 0;
		}
		
/* News - Übersicht */

.NewsSummary						{
		margin:10px 0 25px 0;
		padding:0;
		}
		
.NewsSummaryLink h2					{
		margin:0 0 5px 0;
		padding:0;
		font-size:1.6em;
		}
		
.NewsSummaryCategory				{
		display:none;
		}
		
.NewsSummaryPostdate				{
		display:none;
		}
		
.NewsSummaryAuthor					{
		display:none;
		}
		
.NewsSummarySummary	h3				{
		margin:0;
		padding:0;
		font-weight:normal;
		line-height:150%;
		}
		
.NewsSummaryMorelink				{
		margin:5px 0;
		padding:0;
		}
/* Bildergalerie */

ul.albumlist{
		padding:0;
		margin:0;
		float:left;
		}
		
		
ul.albumlist li						{
		padding:0;
		margin:15px 0;
		list-style:none;
		display:block;
		width:570px;
		clear:both;
		height:118px;
		min-height:118px;
		height:auto !important;
		}
		
ul.albumlist li:hover					{
		background:#ebebeb;
		}
		
ul.albumlist li a						{
		padding:0;
		margin:0;
		width:154px;
		}
		
ul.albumlist li h3						{
		font-size:1.1em;
		font-weight:bold;
		color:#f67204;
		padding:0;
		margin:0;
		float:right;
		width:400px;
		}

ul.albumlist li a img					{
		padding:0;
		margin:0;
		float:left;
		width:154px;
		border:1px solid #777;
		}
		
ul.albumlist li p						{
		padding:0;
		margin:0;
		float:right;
		width:400px;
		}
		
ul.albumlist li p a {
	padding:10px 0;
	margin:0;
	width:auto;
	}

ul.picturelist {
	padding:0;
	margin:0;
	width:560px;
	}

ul.picturelist li a img {
	width:150px;
	height:113px;
	border:0;
	overflow:hidden;
	}

ul.picturelist li {
	list-style:none;
	display:block;
	float:left;
	padding:3px 5px;
	padding-left:0;
	width:156px;
	height:auto;
	text-align:center;
	margin:3px;
	margin-left:0;
	}

ul.picturelist li a {
	display:block;
	float:left;
	border:1px solid #d3d3d3;
	}

ul.picturelist li a:hover {
	border:1px solid #777;
	}

#TB_window {
  font: 12px Verdana, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Verdana, Helvetica, sans-serif;
  color:#666666;
  margin-top:4px;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  min-height:100%;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border:none;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Kontakt */

table.kontakt td 					{
	padding:6px 0;
	padding-right:7px;
	vertical-align:top;
	}
	
/* Tabelle Mitglieder */

table.tabelle-mitglieder td 		{
	padding:6px 0;
	padding-right:7px;
	vertical-align:top;
	}
	
/* Auftritte */

div.calendar-event {
	margin:0 0 24px 0;
	padding:0;
	}

div.calendar-event:hover {
	background:#ebebeb;
	}

div.calendar-event a {
	margin:6px 0 0 0;
	padding:0;
	display:none;
	}
	
div.calendar-date-from {
	float:right;
	width:200px;
	font-weight:bold;
	margin:6px 0 0 0;
	}
	
div.calendar-date-from span {
	font-weight:normal;
	float:left;
	margin:0 8px 5px 0;
	}
	
div.calendar-event h2 {
	float:right;
	width:360px;
	}

div.calendar-summary {
	float:right;
	width:360px;
	font-weight:normal;
	margin:0 0 6px 0;
	}
	
div#termin-aktuell {
	float:left;
	width:285px;
	position:absolute;
	top:466px;
	margin:0 0 0 17px;
	padding:5px;
	background:#e9e9e9;
	font-size:12px;
	overflow:hidden;
	}
	
div#termin-aktuell h1 {
	font-size:1.6em;
	font-weight:normal;
	}
	
div#termin-aktuell h2 {
	font-size:1em;
	float:none;
	margin:0;
	}
	
div#termin-aktuell span {
	display:none;
	}
	
div#termin-aktuell .calendar-date-from {
	font-weight:normal;
	float:none;
	margin:0;
	}
/* End of 'Musikverein Giershagen - CSS - Sommer 2006' */

