/* STV, Feb 2017 */


/****************************************/
#page { }

#header, #container, #footer div, #tabs-external .container , #tabs ul, #breadcrumb {}
/****************************************/
#header { height:118px; }

#header-navigation, #bannerframe-wrapper, #banner, #bannercontent, #bannerframe { display: none;}

#logo { width:302px; height:78px; margin:20px 0 20px 0; float:left; background-image:url(../gfx/logo_neu.gif); background-size: 69px 78px; background-repeat: no-repeat; position: relative; }
#logo img { width:69px; height:78px; }
#logo:after { 
        content: 'SÄCHSISCHER TENNIS VERBAND';
        margin:10px;
        font-size: 21px;
    display: inline-block;
    width: 350px;
    font-weight: bold;
    position: absolute;
    top: 18px;
        left:77px;
        font-weight: 700;
        line-height: 28.5667px;
        color: #3D3D3D;
}


#user { float:right; text-align: right; color: #9d9d9d; }
#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 {	
/*	clear:both;
	height: 62px;
	line-height: 30px;
	background-color: #eee;
	background-image:url(../gfx/STV_Header_Netz.jpg);
	background-position: left center;
	margin-bottom: 16px;*/
	position: absolute;
	top: 235px;
	left: 180px;
	width: 850px;
}
#tabs ul {
	padding:0px;
}
#tabs li {
	list-style: none;
	height: 30px;
	line-height: 30px;
	margin:0px;
	padding:0 10px 0 10px;
	float:left;
	color:#8C8C8C;
}
#/*tabs li:first-child {
	//padding:0 10px 0 0;
	margin-left:15%;
}*/
#tabs a { font-weight:normal; text-decoration:none; }
#tabs a:link { color:#8C8C8C; }
#tabs a:visited { color:#8C8C8C; }
#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; height: 50px; line-height: 50px; margin-bottom: 20px; }
#breadcrumb a { font-weight:bold; display: inline-block; padding:0 10px; }
#breadcrumb a:first-child { padding-left: 0; } 
/****************************************/
#container { clear:both; }
/****************************************/
#navigation { 
	width:180px; padding:0; margin:0; float:left; 
}
#navigation ul { margin: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 2px 0 0px; color:#388cd0; }
#navigation a { }
#navigation input { margin:4px 0 0 0; }

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

#content { width:850px; 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; 
	padding: 10px 0 10px 0;  
	position: relative;
    float: left;
    width: 850px;
    margin-left: 180px;
}

#footer a { font-weight:normal; text-decoration: none; }
#footer-navigation { }
#footer-copyright { border-top: 1px solid #009A63; padding-top: 8px; }
#footer-link {  }
/****************************************/


body {
    font-family: Calibri,"Open Sans",Arial;
    color: #000;
    padding: 0; 
    border:0;
    width: 1210px; 
    margin: 0 auto;
}
body {
    position: relative;
    font-size:13px;
    line-height:133%;
}

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

a { text-decoration:none; }
a:link:not(.btn) { color: #009A63; }
a:visited:not(.btn) { color: #009A63; }
a:hover:not(.btn) { color: #015A44; }
a:active:not(.btn)  { color: #009A63; }


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

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

.result-set { width: 100%; }
.result-set th {  border-bottom-color:#F5F5F5; text-align:left!important; }
.result-set td {  border-bottom-color:#F5F5F5; background-color:#eee; font-size:95%; }
.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:85%; 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:95%; }
.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;
}


.result-set td { border-bottom:1px solid #F5F5F5; border-right:1px none; padding:0 8px 0 0px; background-color:#eee; font-size:95%; }
.edit-object-table td { border-bottom:1px solid #F5F5F5; border-right:1px none; padding:0 8px 0 0px; background-color:#eee; font-size:95%; }
.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:url(../images/progress-selected.gif) !important; color:#FFFFFF; }
li.progress-last-selected { background-color:#8C8C8C !important; background-image:url(../images/spacer.gif) !important; color:#FFFFFF; }

ol.progress { background-color:#F5F5F5; }
ol.progress li { background-color:#F5F5F5; }


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; } 
*/


@media screen and (min-width: 1210px) {
	#tabs-external { 
		margin-left: calc(-100vw / 2 + 1210px / 2);
  		margin-right: calc(-100vw / 2 + 1210px / 2);
	}
}

@media screen and (max-width: 1210px) {
	#tabs-external { 
		margin-left: calc(-100vw / 2 + 1 / 2);
  		margin-right: calc(-100vw / 2 + 1 / 2);
	}
}


#tabs-external { 
	margin-bottom: 16px;
	clear:both;
	height: 62px;
	line-height: 30px;
	background-color: #eee;
	background-image:url(../gfx/STV_Header_Netz.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	

}
#tabs-external .container {  }

.topbar {
    z-index: 12;
    padding: 8px 0;
    margin-top:-80px;
    float: right;
/*    position: absolute;
    top: 0;
    right: 0;
    margin-top: 40px;
    */
    font-size: 15px;
}
.topbar ul, .topbar li {
	margin: 0;
	padding: 0;
}
.topbar ul.loginbar li {
    display: inline;
    list-style: none;
    position: relative;
    padding-bottom: 15px;
}

.topbar ul.loginbar li > a {
    color: #7c8082;
    font-size: 15px;
    text-transform: uppercase;
}

.topbar ul.loginbar li.topbar-devider {
    top: -1px;
    padding: 0;
    font-size: 15px;
    position: relative;
    margin: 0 9px 0 5px;
    font-family: Tahoma;
    border-right: solid 1px #bbb;
}


.navbar-nav ul, .navbar-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-nav {
	float: left;
	margin: 12px 0 0 0;
	color: #EEF4F8;
}
.navbar-nav > li {
    float: left;
    position: relative;
    display: block;
}
.navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    line-height: 20px;
    text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #EEF4F8;
}
.navbar-nav li.active a {
    color: #3D3D3D;
    background-color: #e7e7e7;
}

.search {
	display: none;
}

#content-top-banner {
	position: absolute;
	left: 525px;
	width: 500px;	
	height: 120px;
        z-index: 20;
}

#content-top-banner > div {
	position: relative;
	float: right;
	margin-right: 10px;
}


#skyscraper-main {
	position: absolute;
	top: 195px;
	left: 1050px;
	width: 160px;	
	height: auto;
}

#skyscraper-main > div {
	position: relative;
	float: left;
	margin-bottom: 10px;
}