/*********************************************************/
/**** Stylesheetdatei für Spielmannszug-Flachsmeer.de ****/
/*********************************************************/

body { /*Allgemeine angaben für jede Seite*/
	background-color:#333;
	font-family:'Arial'; 
	color:#cc0000;
	font-size:12px;
	height:100%;
	margin: 0pt auto;
	padding: 10px;
}

a:link, a:visited { /*Für normale Links*/
	text-decoration: underline;
	color:#cc0000;
}

a:hover, a:active, a:focus, a h3:hover {
	background-color:#cc0000;
	color:#ffffff;
	text-decoration:underline;
}

a.navi:link, a.navi:visited { /*Für links mit anderem Hintergrund. So z.B. die Navigation*/
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	background-color:#cc0000;
}

a.navi:hover, a.navi:active, a.navi:focus {
	text-decoration:none;
	font-weight:bold;
	color:#cc0000;
	background-color:#ffffff;
}

.page_all {
	margin: 0pt auto;
	padding: 0px;
	width: 972px;
	text-align: left;
	background-color:#ffffff;

}

.top {
	padding: 0px;
	margin: 0pt auto;
	height: 85px;
	width: auto;
	background: black url('/grafiken/top_frame_banner_2_background.png') center center repeat-x;

}

.navigation_top {
	padding: 0px;
	margin-left: 0px;
	margin-right:0px;
	width: auto;
	height: 23px;
	background-color:#ffffff;
}

.navigation {
	padding: 0px;
	margin-left: 5px;
	margin-right:5px;
	width: 150px;
	height: auto;
	background-color:#ffffff;
	border: 1px solid #ffffff;
}

.content {
	margin: 0pt auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right:5px;
	width:760px;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	padding:5px;
	padding-bottom:15px;
}

.content_full {
	margin: 0pt auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right:5px;
	width:auto;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	padding:5px;
	padding-bottom:15px;
}

.footer {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size:14px;
	width: auto;
	background: black url(grafiken/blockactive.gif) center center repeat-x;
	color:#ffffff;
}

.layout_topnav_submenu{
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
}

.layout_topnav_submenu_first{
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	border-top: 1px solid rgb(0, 0, 0);
}

.layout_topnav_submenu_last{
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
}

/* CSS Document dropmenu */
.treemenu {
	margin: 0pt auto;
	width: 100%;
	background: black url(grafiken/blockactive.gif) center center repeat-x;
}	

.treemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.treemenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin-right:1px;
	z-index:4999;
}

/*Top level menu link items style*/
.treemenu ul li a{
	display: block;
	width: 84px; /*Width of top level menu link items*/
	text-decoration: none;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:23px;
	display:block;
	text-align:center;
	line-height:23px;
	background-image:url('/grafiken/blockactive.gif');
	background-position:center;
	background-repeat:repeat-x;
}
 
.treemenu ul li a:Hover {
	background-image:url('/grafiken/blockdefault.gif');
}

/*1st sub level menu */
.treemenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	margin:0px;
}

/*Sub level menu list items (undo style from Top level List Items)
.treemenu ul li ul li{
	display: list-item;
	float: none;
}
*/

/*All subsequent sub menu levels offset after 1st level sub menu */
.treemenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.treemenu ul li ul li a{
	display: block;
	width: 100px; /*width of sub menu levels*/
	text-decoration: none;
}

.treemenu ul li a:hover{
	background-color: black;
	color: white;
	text-decoration:none;
}

.treemenu ul li a:visited{
	background-color: black;
	color: white;
	text-decoration:none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .treemenu ul li { float: left; height: 1%; }
* html .treemenu ul li a { height: 1%; }
/* End */

.gaestebuch_box{
	margin: 0pt auto;
	margin-top:15px;
	margin-bottom:5px;
	width:85%;
	border:1px solid rgb(0,0,0);
}

.gaestebuch_box_head{
	background: white url(grafiken/blockactive.gif) repeat-x center left;
	color:#FFFFFF;
	padding:5px;
	font-size:+1;
	font-weight:bold;
}

.gaestebuch_box_head a:link, .gaestebuch_box_head a:visited, .gaestebuch_box_head a:hover {
	text-decoration:none;
	background-color:#ffffff;
}

.gaestebuch_box_text{
	padding:5px;
}

.ueberschrift { /*Für alle normalen Überschriften*/
	text-decoration:underline;
	font-size:24px;
	font-family:'Cooper Black';
	text-align:center;
	margin:auto;
}

.grschrift { /*Für größere Schrift als standart*/
	font-size:16px;
	font-weight:bold; 
}

.klueberschrift, .klueberschrift a{
	width: auto;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:23px;
	text-align:left;
	line-height:23px;
	background: black url(grafiken/blockactive.gif) center center repeat-x;
	border-bottom:1px solid rgb(0,0,0);
}
.klueberschrift a:hover{
	color:#cc0000;
	text-decoration:underline;
}


.box{
	margin: 0pt auto;
	margin-top:15px;
	margin-left: 10px;
	margin-bottom:5px;
	width:95%;
	border:1px solid rgb(0,0,0);
	background-color:#D9D9D9;
}
.box_text{
	padding:5px;
}
.box H1 {
	display:block;
	height:20px;
	line-height:21px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#e6e6e6;
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	padding-left:4px;
	background-image:url('../grafiken/text_box_h1_bg2.png');
	background-position:right top;
	background-repeat:repeat-x;
	border-top:1px solid #494949;
	}
.box H2 {
	font-family:Arial, Helvetica, Verdana;
	text-transform:none;
	display:block;
	line-height:14px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	margin:0px;
	margin-top:-4px;
	padding:2px;
	padding-left:4px;
	background-color: #c1c1c1;
	}
.box #message {
	padding:5px;
	background-color:#FFFFCC;	
	}

.table{ /*Nur für festlegung der Schriftgröße in Tabellen*/
	/*font-size:14px;*/
}

.tablehead { /*Tabellenüberschriften*/
	width:100%; 
	border:0;
	cellspacing: 1; 
	color:#ffffff; 
	background-color:#cc0000; 
	font-weight:bold;
	font-size:+1;
}
.tablehead a {
	color:#ffffff;
	text-decoration:none;
}
.tablehead a:hover {
	background-color:#FFFFFF;
	color:#cc0000;
}

.grafik {
	background-color:#ffffff;
	border-color:#ffffff;
	text-decoration:none;
}

.grafik:hover, .grafik:focus, .grafik:active {
	
	border-color:#cc0000;
	text-decoration:none;
}

.portrait{ /*Für Portaitfotos. U.A. unter Vorstand und die einzelnen Mitgliederseiten*/
	background-color:#ffffff;
	border-color:#ffffff;
	text-decoration:none;
}

.portrait:hover, .portrait:focus, .portrait:active {
	
	border-color:#cc0000;
	text-decoration:none;
}
.bildlink img, .bildlink:link img, .bildlink:visited img{
	border:1px solid #000;
}

.bildlink:hover img{
	border:1px solid #CC0000;
}
.bildlink:hover{
color: #CC0000; /* Dummy definition to overcome IE bug */
}

.thumb img, .thumb:link img, .thumb:visited img{
	max-height:210px;
	max-width:280px;
	border:1px solid #CC0000;
}

.thumb:hover img{
	border:1px solid #FFFFFF;
}
.thumb:hover{
color: #FFFFFF; /* Dummy definition to overcome IE bug */
}

.thumb2 img, .thumb2:link img, .thumb2:visited img{
	max-height:210px;
	max-width:280px;
	border:1px solid #ffffff;
}

.thumb2:hover img{
	border:1px solid #cc0000;
	background-color:#ffffff;
}
.thumb2:hover{
color: #cc0000; /* Dummy definition to overcome IE bug */
}

.thumb3:link, .thumb3 img, .thumb3:link img, .thumb3:visited img{
	border:0px;
	text-decoration:none;
}

.thumb3:hover img{
	border:0px;
	text-decoration:none;
}

.thumb3:hover{
color: #cc0000; /* Dummy definition to overcome IE bug */
}

/*Für Bild Popup bei hover*/
.thumbnail
{
	position: relative;
	z-index: 0;
	text-decoration:none;
}

.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
	color:#CC0000;
	text-decoration:none;
}

.thumbnail span
{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 10px;
	left: -1000px;
	border:1px outset gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img
{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
	min-width:117px;
}


/*Menu auf der linken Seite*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;

width: 150px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 134px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color:#cc0000;
border-bottom: 1px solid #990000;
border-left: 7px solid #990000;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 152px; /*IE 5*/
w\idth: 134px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color:#FF5E62;
border-left-color: #cc0000;
}

#ddblueblockmenu div.menutitle{
background: black url(grafiken/blockdefault.gif) center center repeat-x;
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.pn_list_box {
	padding:5px;
	padding-bottom:7px;
	border-bottom:1px dotted #CCCCCC;
	}
.pn_list_star {
	float:left;
	width:14px;
	margin-right:10px;
	}
.pn_list_mailicon {
	float:left;
	margin-right:5px;
	}
.pn_list_avatar {
	float:left;
	width:40px;
	margin-right:10px;
	}
.pn_list_avatar_big {
	float:left;
	width:117px;
	height:276;
	vertical-align:middle;
	background-color: #333;
	}
.pn_list_info {
	width:420px;
	float:left;
	margin-right:10px;
	}
.pn_list_info_mail1 {
	width:210px;
	float:left;
	margin-right:10px;
	}
.pn_list_info_mail2 {
	width:210px;
	float:left;
	margin-right:10px;
	}
.pn_list_action {
	float:left;
	}
	
.pn_list_avatar_message {
	background-color:#c1c1c1;
	}
.pn_list_message {
	float:left;
	margin-right:0px;
	background-color:#FFFFCC;
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:557px;
	padding:5px;
	}
.clear {
	clear: both;
	}
.min171px {
	float:right;
    width:1px;
	height:166px;
	}