/**
  * CSS Reset
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{font-family: verdana:margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}

/*
General
*/
* {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 1em;
}
html {
	font-size: 62.5%; /* equals font-size:10px */
	overflow-y: scroll;
}
body {
	font-size:1em; /* 1em==10px :: 2em==20px */
}
img {
	border-style: none;
}
	
div.clear {
	clear:both;
}
.hidden, dfn {
	position: absolute;
	left: -1000px;
	top: -10000px;
	width: 0;
	height: 0;
	overflow:hidden;
	display:inline;
}


/*
Links
*/
a {
	color:#4076ac;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

b,
strong {
    font-weight: bold;
}

/*
Headlines
*/
h1 {
	font-size:2.4em;
	font-weight:normal;
	color:#4076ac;
	padding:0 0 0.35em 0;
	border-bottom:1px solid #e6e6e6;
	margin:0 0 0.65em 0;
}
h2 {
	font-size: 2em;
	font-weight: normal;
	color: #4076ac;
	line-height: 1.2em;
	margin: 0 0 0.25em 0;
}
h3 {
	font-size:1.5em;
	font-weight:normal;
	color:#4076ac;
	background: none;
	padding: 0 0 0.3em 0;
	margin: 1em 0 0 0;
}
h4 {
	font-size:1.1em;
	font-weight:normal;
	color:#838383;
	margin:0;
}
h5 {
	font-size:1.1em !important;
	font-weight:bold;
	color:#444;
	margin:0;
}

input.submit {
	padding: 0.2em 0.5em;
	background: #00488e;
	border: 0.1em solid #4073aa;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	margin: 0.5em 0;
}
input.submit-disabled {
	padding: 0.2em 0.5em;
	background: #838383;
	border: 0.1em solid #444;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	margin: 0.5em 0;
}

li {
	list-style-type: none;
	list-style-image: url(/fileadmin/images/page/main/nav2HoverBG.gif);
}


/*
Page
*/
div#page {
	width: 100em;
	margin: 0em auto;
}
	/*
	Header
	*/
	div#header {
		width:100em;
		height:14.9em;
		background:url(/fileadmin/images/page/main/header_01.gif) 50% 0 no-repeat;
		margin:0 0 0.3em 0;
	}
		/*
		Searchbox
		*/
		div#header div#searchbox {
			float: right;
			margin: 3em 0.5em 0 0;
		}
			div#header div#searchbox a {
				color: #e5ecf3;
				font-size: 1.1em;
			}

div#contentWrap {
	width:100em;
	display: table;
}
div#wrap {
	display: table-row;
}
div#left,
div#middle,
div#right {
	display: table-cell;
	vertical-align: top;
}
	
div#left {
	width: 20em;
}
	div#leftInner {
		padding:0 2em;
	}
		div#left div#menu {		
		}
			div#left div#menu ul {
				width:16em;
				margin:0;
				padding:0;
				list-style-type:none;
			}
				div#left div#menu ul li {
					width:16em;
					margin:0;
					padding:0;
					border-top:0.1em dotted #9b9b9b;
					line-height:2.5em;
					vertical-align:middle;
					list-style-type:none;
					list-style-image: none;
				}
					div#left div#menu ul li a {
						width:12.3em !important;
						height:2.1em;
						font-size:1.2em;
						font-weight:bold;
						color:#02478c;
						padding:0 0 0 0.9em;
						text-transform: uppercase;
						text-decoration: none;
						display:block;
						background:#fff;
					}
					div#left div#menu ul li a:hover,
					div#left div#menu ul li a.current,
					div#left div#menu ul li a.current:hover  {
						width:11.6em !important;
						height:2.1em;
						font-size:1.2em;
						font-weight:bold;
						color: #02478c;
						padding:0 0 0 0.9em;
						border-right:0.7em solid #02478c;
						text-transform:uppercase;
						text-decoration:none;
						display:block;
						background: #e5ecf3;
						text-decoration:underline;
					}
						div#left div#menu ul li a.current {
							text-decoration:none;
						}
					/* 2. Ebene */
					div#left div#menu ul li ul {
						width:16em;
						margin:0;
						padding:0;
						list-style-type:square;
						list-style-position:outside;
					}
						div#left div#menu ul li ul li {
							width:16em;
							margin:0;
							padding:0 0 0 0em;
						}
							div#left div#menu ul li ul li a {
								width:10.5em !important;
								font-size:12px;
								font-weight:normal;
								color:#4076ac;
								text-transform:none;
								background:#fff url(/fileadmin/images/page/main/nav2HoverBG.gif) 1.6em 50% no-repeat;
								padding-left:2.7em;
							}
							div#left div#menu ul li ul li a:hover,
							div#left div#menu ul li ul li a.current,
							div#left div#menu ul li ul li a.current:hover {
								width:10.5em !important;
								background:#f2f5f9 url(/fileadmin/images/page/main/nav2HoverBG.gif) 1.6em 50% no-repeat;
								padding-left:2.7em;
								border-right:0px;
								font-size:12px;
								font-weight:normal;

								color:#4076ac;
								text-transform:none;
								text-decoration:underline;
							}
								div#left div#menu ul li ul li a.current {
									text-decoration:none;
								}
					/* 3. Ebene */
					div#left div#menu ul li ul {
						width:16em;
						margin:0;
						padding:0;
						list-style-type:square;
						list-style-position:outside;
					}
						div#left div#menu ul ul ul li {
							width:16em;
							margin:0;
							padding:0 0 0 0em;
						}
							div#left div#menu ul ul ul li a {
								width:10em !important;
								font-size:1.1em;
								font-weight:normal;
								color:#838383;
								text-transform:none;
								background:#fff url(/fileadmin/images/page/main/nav2HoverBG.gif) 3em 50% no-repeat;
								padding-left:4.5em;
							}
							div#left div#menu ul ul ul li a:hover,
							div#left div#menu ul ul ul li a.current,
							div#left div#menu ul ul ul li a.current:hover {
								width:10em !important;
								background:#fafcfd url(/fileadmin/images/page/main/nav2HoverBG.gif) 3em 50% no-repeat;
								padding-left:4.5em;
								border-right:0px;
								font-size:1.1em;
								font-weight:normal;
								color:#838383;
								text-transform:none;
								text-decoration:underline;
							}
								div#left div#menu ul ul ul li a.current {
									text-decoration:none;
								}
		div#left div#side-login {
			
		}
			div#side-login label {
				display: block;
				padding-bottom: 0.5em;
				font-size: 1.1em;
				font-weight: bold;
				color: #444;
			}
			div#side-login input.sidelogin-input {
				width: 14em;
				height: 1.4em;
				font-size: 1.1em;
				color: #838383;
				border: 0.1em solid #838383;
				margin-bottom: 0.5em;
			}
		div#left div#side-logout {
			margin-top: 4em;
		}

div#middle {
	border-left:  0.2em solid #e6e6e6;
	border-right: 0.2em solid #e6e6e6;
	width:62.9em;
	#width:62.8em;
	color: #444;
}
	div#middleInner {

		padding:0 1.3em;
	}
		div#middle div#middleInner p {
			font-size: 1.1em;
			padding: 0 0 1em 0;
		}
		div#middle div#breadcrumb {
			font-size:1.1em;
			color:#838383;
		}
			div#middle div#breadcrumb div#breadcrumbText {
				color:#838383;
				float:left;
			}
			div#middle div#breadcrumb ul {
				margin:0px;
				padding:0px;
				float:left;
			}
			div#middle div#breadcrumb li {
				margin:0px;
				padding:0px;
				list-style-type:none;
				list-style-image:none;
				float:left;
				color:#838383;
			}
				div#middle div#breadcrumb li a {
					color:#838383;
				}
		div#middle div#content {
			margin:1em 0 0 0;
		}
			div#middle div#content ul {
				margin: 0 0 0 1.3em;
			}
			div#middle div#content ul li {
				margin: 0 0 0 1.3em;
			}
			div#middle div#content ul li.noIcon {
				list-style-image: none;
				margin: 0;
			}
		div#middle div#contentOptions {
			margin-top:20em;
		}
			div#middle div#contentOptions div#printlink {
				float: left;
			}
			div#middle div#contentOptions div#recommend {
				text-align: center;
			}
div#right {
	width: 16.7em;
	color: #444;
}
	div#rightInner {
		padding:0 0.5em;
	}
		div#rightInner h3 {
			margin-top:10px;
			border-top: 1px solid #e6e6e6;
			padding-top:10px;
			margin-bottom: 10px;
		}
		div#rightInner h3.first {
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}
		div#twitter {
			width: 48px;
			height: 48px;
			margin-bottom: 10px;
			float: left;
		}
		div#twitter a.twitter-link {
			width: 48px;
			height: 48px;
			background: url(http://vorsfelde-faustball.de/fileadmin/images/page/main/Twitter.png) 0 0 no-repeat;
			display: block;
			text-indent: -9999px;
		}
		div#facebook {
			width: 48px;
			height: 48px;
			margin-bottom: 10px;
			float: right;
		}
		div#facebook a.facebook-link {
			width: 48px;
			height: 48px;
			background: url(http://vorsfelde-faustball.de/fileadmin/images/page/main/facebook.png) 0 0 no-repeat;
			display: block;
			text-indent: -9999px;
		}
		div#lastnews {
		}
			div#lastnews h3 {
				margin-top: 0;
			}
			div#lastnews div#lastnewsPic {
			}
				div#lastnews div#lastnewsPic img {
					border: 1px solid #838383;
				}
				div#lastnews div#lastnewsPic img:hover {
					border: 1px solid #4076ac;
				}
			div#lastnews p {
				margin: 0;
				padding: 0;
				font-size: 1.1em;
			}
		div#leaguetable table,
		div#leaguetable table tr,
		div#leaguetable table td,
		div#leaguetable table th {
			border: 0;
			cell-spacing: 0;
			border-spacing: 0;
			text-align: left;
		}
		div#leaguetable table th,
			div#leaguetable table td {
			padding-right: 0.7em;
		}
		div#leaguetable table td {
			padding: 0 0.3em;
			border-spacing: 0;
		}
		div#tags {
			text-align: justify;
			line-height: 180%;
			clear: both;
		}
			div#tags ul {
				float: left;
			}
			div#tags li {
				display: inline;
				list-style-image: none;
				float: left;
			}
				div#tags li a {
					padding: 4px;
					text-decoration: none;
					color: #838383;
				}
				div#tags li a:hover {
					text-decoration: underline;
				}

div#footer {
	width:100em;
	height:10em;
	margin:2em 0 0 0;
	background:#02478c url(/fileadmin/images/page/main/footerBG.gif) 0.5em 0.5em no-repeat;
}
	div#footer div#footermenu {
		position:absolute;
		margin:4em 0 0 11.5em;
	}
	div#footer div#footermenu ul {
		margin:0;
		padding:0;
		color:#fff;
		list-style-type:none;
		font-size:1.2em;
	}
		div#footer div#footermenu li {
			margin:0;
			padding:0;
			color:#fff;
			float:left;
			list-style-type:none;
			text-transform:uppercase;
			list-style-image: none;
		}
			div#footer div#footermenu li a {
				font-weight:normal;
				color:#fff;
				text-transform:uppercase;
				text-decoration:none;			
			}
			div#footer div#footermenu li a:hover {
				text-decoration:underline;
			}
	
	div#footer div#toTop {
		text-align:right;
		padding:0.5em 0.5em 0 0;
		font-size:1.1em;
	}
		div#footer div#toTop a {
			color:#fff;
			text-decoration:none;
		}
		div#footer div#toTop a:hover {
			text-decoration:underline;
		}
	
	div#footer div#copyright {
		margin:5.6em 0 0 0;
		padding-right:0.5em;
		text-align:right;
		color:#fff;
		font-size:1.1em;
	}

/* Pagination */
div.pagination {
    margin:1em 0;
    padding:0;
    font-weight:bold;
    text-align:center;
    font-size:1.2em;
}
        div.pagination span.onlyText {
            padding: 0.2em 0.5em;
            border:0.1em solid white;
            font-weight: normal;
        }
        div.pagination a {
            padding: 0.2em 0.5em;
            border: solid 0.1em #ddd;
            color: #02478c;
            background: #fff;
            text-decoration: none;
            font-weight:normal;
            margin:0 0.2em;
        }
        div.pagination a:hover {
            color: #fff;
            background: #4076ac;
            border-color: #036;
            text-decoration: none
        }
        div.pagination ul,
        div.pagination li {
        	list-style-type: none;
        	list-style-image: none;
        }
        div.pagination li {
        	float: left;
        }

div.csc-textpic-imagewrap dd.csc-textpic-caption {
	font-size: 1em;
	font-weight: bold;
	color: #4076ac;
}

/**
  * fieldset
*/
fieldset.fieldset {
	background: #eee;
	border: 0.1em dashed #838383;
	padding: 1em;
	margin: 0 0 1em 0;
}
	fieldset.fieldset legend {
		font-size: 1.3em;
		font-weight: bold;
		color: #444;
		#display: none;
	}
	fieldset.fieldset label {
		font-size: 1.1em;
		font-weight: bold;
		color: #444;
	}
	fieldset.fieldset input.input {
		width: 14em;
		height: 1.4em;
		color: #838383;
		font-size: 1.1em;
	}

div.infobox {
	padding: 0.5em;
	background: #e5ecf3;
	font-size: 1.1em;
	border: 1px solid #02478c;
	color: #444;
	margin: 0.5em 0;
}

/**
 * Icons
*/
div.icon-new-user {
	width: 128px;
	height: 128px;
	background: url(/fileadmin/images/icons/new-user.png);
}
div.icon-user-login {
	width: 128px;
	height: 128px;
	background: url(/fileadmin/images/icons/user-login.png);
}
div.icon-user-edit {
	width: 128px;
	height: 128px;
	background: url(/fileadmin/images/icons/user-edit-large.png);
}