/* bttv, Aug 2017 */


/****************************************/
#page { position: relative; z-index: 999; }

#container, #footer div, #tabs-external, #tabs ul, #breadcrumb { width: 940px; margin: 0 auto; padding: 0 16px; }
#tabs, #footer { min-width: 972px; }
@media screen and (min-width: 940px) {	

}
@media screen and (min-width: 1140px) {
	#container, #footer div, #tabs-external, #tabs ul, #breadcrumb { width: 1140px; margin: 0 auto; }
	#container, #footer div, #breadcrumb { margin: 0 auto 0 140px; }

}
/****************************************/
#header { height:96px; position: relative; }

#logo { width:289px; height:84px; float:left; background-image:url(../gfx/logo_bttv_cut.svg); background-size: 50px auto; margin:12px 0 0 0; position: relative; background-repeat: no-repeat;
position: absolute;
top: 0;
left: 32px;
/*border-right: 1px solid #d38b02;*/
 }
#logo img { 
	width: 50px; 
	height: 70px; 
	float: left; 
	margin-right: 10px;

	width:289px;
	height:84px;
	margin:0;
	position: absolute;

}
/*#logo p { position: absolute; top: 8px; left:172px; }
#logo p strong { font-weight: 400; }*/
#logo:after {
	content: "Bayerischer Tischtennis-Verband";
	float: left;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing: .025em;
	width: 200px;
	color: #000;
	margin-top: 17px;

	float: none;
	display: block;
	margin:17px 0 0 60px;
}


#user { float:right; text-align: right; color: #9d9d9d; padding-right: 16px }
#user ul { margin:0; padding:0; font-size: 14px; }
#user li { margin:0 0 0 5px; padding:0; list-style: none; float: left; }
#user-name { padding:7px 0px 2px 2px; }

#date { display:none; }

#title { clear:left; float:left; height:20px; padding:0 0 0 166px; font-size:14px; width:590px; line-height:20px; display:none; } 
/****************************************/
#tabs-external, #tabs {
	display: none;
}
#tabs {	
	clear:both;
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	border-bottom: 0px solid #999;
}
#tabs ul {
	padding:0px;
}
#tabs li {
	list-style: none;
	height: 30px;
	line-height: 30px;
	margin:0px;
	padding:0 10px 0 10px;
	float:left;
	color:#777;
}
#tabs li:first-child {
	
}
#tabs a { font-weight:normal; text-decoration:none; }
#tabs a:link { color:#000; }
#tabs a:visited { color:#000; }
#tabs a:hover { color:#000000; }
#tabs a:active { color:#000000; }
#tabs #tabSelected { background-color:#8C8C8C; }
#tabs #tabSelected a { color:#FFFFFF; }
/****************************************/
#content #subtabs {	
	clear:both;
	line-height:100%;
	font-size:10px;
	margin:0px 0 0 0px;
	padding:6px 0 0 0;
}
#content #subtabs ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#content #subtabs li {
	list-style: none;
	margin:0px;
	padding:1px 20px 2px 10px;
	float:left;
	color:#8C8C8C;
	background-image:url(/images/registertab.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
	width:103px;
	border-bottom:4px solid #8C8C8C;
}
#content #subtabs a { font-weight:normal; text-decoration:none; }
#content #subtabs a:link { color:#8C8C8C; }
#content #subtabs a:visited { color:#8C8C8C; }
#content #subtabs a:hover { color:#000000; }
#content #subtabs a:active { color:#000000; }
#content #subtabs #tabSelected { background-color:#8C8C8C; }
#content #subtabs #tabSelected a { color:#FFFFFF; }
/****************************************/
#breadcrumb { clear:both; background-color: transparent; height: 32px; line-height: 32px; font-size: 16px; color: #333;
	/*background-color: rgba(255,255,255,.5);*/
	/*text-indent: -16px; color: #000;*/
	width: 100%;
	margin:0;
	text-indent: 38px;
	padding:0;
	display:none;
}
#breadcrumb a { font-weight:normal; color: #000;
color:#333; 
}
/****************************************/
#container { clear:both; margin-bottom:15px; background-color: #fff; padding: 16px; min-height: 600px;
	position: relative; z-index: 9999;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
#container:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
/****************************************/
#navigation { 
	width:25%; padding:0; margin:20px 0 0 0; float:left; 
	min-height: 100px;
	display:none;
}
#navigation ul { margin:0 32px 0 0; padding:0; }
#navigation ul ul { margin:0 0 15px 0; padding:0 0 0 0;  }
#navigation h4, #navigation strong { margin:0; padding:1px 2px 1px 0px; font-weight:bold; display:block; }
#navigation li { margin:0; padding:0 0 0 0; list-style: none; }
#navigation li li { margin:0; padding:0; }
#navigation a { color: #999; display: block; margin-left: -16px; padding: 4px 16px; }
#navigation a:hover { text-decoration: none; color: #000; background-color: #eee; }
#navigation input[type="text"],#navigation input[type="password"] { border:0; margin:4px 0 0 0; border-bottom: 2px solid #999; width: 75%!important; margin:15px 0 0 0; }
#navigation input[type="image"] { margin:15px 0 0 0;  }

#navigation li span {
	color: #000;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	display: block;
	margin-left: -16px;
	padding-left: 16px;
}
#navigation select {
	width: 100%;
	margin-top: 8px;
	color: #666;
}
#navigation option {
	color: #333;
}
/****************************************/

#content { width:75%; position:relative; float:left; }

#content-col1 { float:left; width:75%;  } 
#content-col2 { float:right; width:25%;  }

#content-row1 { clear:both; }
#content-row2 { clear:both; }


/****************************************/
#footer { clear:both; color: #fff; padding: 10px 0 10px 0; background-color: #4b70b9; font-size: 14px; line-height:150%;  }
#footer a { font-weight:normal; text-decoration: none; color: rgba(255, 255, 255, 0.5); }
#footer-navigation { }
#footer-copyright { }
#footer-link {  }

@media screen and (max-width: 1000px) {
	 
	#footer { color: #333; background-color: transparent;}
	#footer a { color: #333; }
}
/****************************************/


body, textarea {
    font-family: Arial, Helvetica, sans-serif;
}
body {
	padding: 0; margin:0; border:0;
    position: relative;
    font-size:16px;
    line-height:24px;
    color: #333;
    background-color: #f0f0f0;
    background-image: url(../gfx/background-net-08.png);
	background-repeat: no-repeat;
	background-size: contain;
    -moz-osx-font-smoothing: grayscale;
}
html {
    overflow-y:scroll;
}

textarea { font-size:.875em; }
input  { font-size:.875em; }
select { font-size:.875em; }
h1,h2,h3,h4,h5,h6,p { }

a { text-decoration:none; }
a:link { color: #4b70b9; }
a:visited { color: #4b70b9; }
a:hover { color: ##960011; text-decoration: underline; }
a:active  { color: ##960011; }


/****************************************/

h1 { font-size: 160%; line-height: 133%; margin-top:0; }
h2 { font-size: 120%; line-height: 133%; }
caption { font-weight:normal;}
blockquote { margin:inherit; }
p { margin:0 0 16px; }

input[type="text"], textarea { border: 1px solid #ccc; }

.result-set th {  border-bottom-color:#F5F5F5; text-align:left!important; }
.result-set td {  border-bottom-color:#F5F5F5; background-color:#eee; font-size:87.5%; }
.result-set li { padding:0 0 0 0; margin:0; list-style-type:circle; text-indent:0em; }
.edit-object-table {  margin:16px 0 8px 0; border-bottom:0; }
.edit-object-table input { margin:2px 2px 2px 0; }
.edit-object-table select { margin:2px 2px 2px 0; }
.edit-object-table th { border-top:0; border-bottom:1px solid #F5F5F5; font-size:75%; font-weight:normal; padding:0 8px 0 0px; background-color:transparent; }
.edit-object-table td { border-bottom:1px solid #F5F5F5; background-color:#eee; font-size:87.5%; }
.search-query { background-color:#eee; border-top:0;	border-bottom:0; }
.search-query fieldset { border:0; padding: 16px; }
.search-query h2 { padding:2px 0 2px 8px; border-bottom:1px dotted #C5C4B9; }
.search-query label { margin:2px 0px 2px 0; }
.search-query input { margin:2px 2px 2px 0;  }
.search-query select { margin:2px 2px 2px 0;  }
.search-query ul { margin:8px 0 0 4px; }
.search-query legend { margin:8px 0 0 0; padding:0; }

.liga-layer {
    background-color: #eee;
    padding: 16px 0;
}
.matrix h2 {
	background-color: #eee;
}

.edit-object fieldset {
    border: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
    clear: both;
}
.edit-object label {
    width: 192px;
    font-size: 13px;
}
.edit-object {
	background-color: #fff;
}


.result-set td { border-bottom:1px solid #F5F5F5; border-right:1px none; padding:0 8px 0 0px; background-color:#eee; font-size:87.5%; }
.edit-object-table td { border-bottom:1px solid #F5F5F5; border-right:1px none; padding:0 8px 0 0px; background-color:#eee; font-size:87.5%; }
.search-query { width:100%; background-color:#eee; }
.registration { margin:0 0 20px 0px; background-color:#eee; }

.registration h2 { background-color:#8C8C8C; color:#FFFFFF; padding:0 0 0 10px; }

li.progress-selected { background-color:#8C8C8C !important; background-image:none!important; color:#FFFFFF; }
li.progress-last-selected { background-color:#8C8C8C !important; background-image:none!important; color:#FFFFFF; }

ol.progress { background-color:#F5F5F5; }
ol.progress li { background-color:#F5F5F5; background-image:none!important; font-size: 14px; padding: 2px 8px; margin-right: 8px; }


td.tabelle-leerzelle { background-color:transparent!important;  }
td.tabelle-leerzelle h4 {  }

.table-split h2 { background-color:transparent!important; }
.table-split { background-color:transparent!important; }
.result-set td h2 { background-color:transparent!important; }


/* Helferlein  
div { border:1px dotted #cccccc; }
#logo img { background-color:#cccccc; } 
*/

/*#banner-top > div {
		display: none;
		text-align: right;
		@media (min-width: $screen-sm-min) {
			display: block;
			width: $container-sm;
			margin:0 auto 16px auto;
		}
		@media (min-width: $screen-md-min) {
			width: $container-md;
			margin:0 auto 16px auto;
		}
		@media (min-width: 1200px) {
			width: $container-lg;
			margin:0 auto 16px auto;
		}
		@media (min-width: 1328px) {
			width: $screen-banner-all;
			margin: 0 0 16px 0;
		}
		
	}
}

@media screen and (min-width: 1200px) {
}
*/
#banner {
	position: absolute;
	top:0;
	left: 844px;
	display: none;
}

#banner-super > div {
	display: none;
	text-align: right;
}
#banner-skyscraper { 
	display: none;
	position: fixed; 
	top: 0px;
	left: 1328px;
}
@media screen and (min-width: 1200px) {
	#banner-skyscraper {
		display: block;
	}
	#banner-super > div {
		display: block;
		position: absolute;
		width: 1200px;
		margin:0 auto 16px auto;
	}
	#banner-super {
		max-height: 250px;
		overflow: hidden;
	}
}
@media screen and (min-width: 1328px) {
	#banner-super > div {
		width: 1328px;
		margin: 0 0 16px 0;
	}
}