/* Stylesheet SCMS */
/* """"""""""""""" */

/* ########################################################################## */
/* Gundlegendes */
body    {
        background: #ffffff url('img/one.gif') no-repeat center top;
        margin:10px 10px 10px 10px;
        }
        
#header {
        background: #ffffff url('img/ZentrumGFK_Kopfnavi.jpg') no-repeat center bottom;
        vertical-align:bottom;
        text-align:center;
        padding:0px 0px 28px 0px;
        }
        
        
/* Layout Startseite */  
        
#Start	{
		position:relative;
		float: left;
		width:100%;
		border:0px solid red;
		margin-bottom: 25px;
		}
		
#Start .startBox100 h1,
#Start .startBox50Links h1,
#Start .startBox50Rechts h1	{
		position: absolute;
		top: 5px;
		left: 15px;
		font-size: 35px;
		color: #ffffff;
		font-weight: normal;
		}
		
#Start .startBox100 p,
#Start .startBox50Links p,
#Start .startBox50Rechts p	{
		position: absolute;
		bottom: 0px;
		color: #ffffff;
		font-weight: bold;
		margin: 0px 10px 10px 10px;
		padding: 0;
		}
		
#Start .startBox100 a,
#Start .startBox50Links a,
#Start .startBox50Rechts a	{
		color: #ffffff;
		}
		
#Start .startBox100	{
		position:relative;
		float:left;
		width:100%;
		height:200px;
		background: #3d6b6b url('http://lorempixel.com/600/150/nature/1') no-repeat center top;
		border:0px solid red;
		-moz-border-radius:15px;
		border-radius:15px;
		margin-bottom:10px;
		}
		
#Start .startBox50Links	{
		position:relative;
		float:left;
		width:49%;
		height:200px;
		background: #3d6b6b url('http://lorempixel.com/600/150/nature/2') no-repeat center top;
		border:0px solid red;
		-moz-border-radius:15px;
		border-radius:15px;
		margin-bottom:10px;
		}
		
#Start .startBox50Rechts	{
		position:relative;
		float:right;
		width:49%;
		height:200px;
		background: #3d6b6b url('http://lorempixel.com/600/150/nature/5') no-repeat center top;
		border:0px solid red;
		-moz-border-radius:15px;
		border-radius:15px;
		margin-bottom:10px;
		}
		
/* Layout Startseite */ 

        
#inhalt {
        background: #ffffff url('img/one.gif') no-repeat center bottom;
        padding:10px 10px 10px 10px;
        }
        
.naviBg {
        background: #ebf4f3 url('img/one.gif') repeat;
        }
        
.navi   {
        margin:20px 0px 0px 0px;
        }
        
.naviInnen   {
        padding:10px 0px 0px 15px;
        }
        
#hauptnaviKopf {
        background: #ffffff url('img/ZentrumGFK_HauptnaviOben.gif') repeat;
		color: #ffffff;
		font-size: 16px;
		text-align:center;
        }
        
#aktuellesKopf {
        background: #ffffff url('img/ZentrumGFK_HauptnaviOben.gif') repeat;
		color: #ffffff;
		font-size: 16px;
		text-align:center;
        }
        
#footer {
        background: #ffffff url('img/ZentrumGFK_Fussnavi.jpg') no-repeat center bottom;
        padding:0px 10px 10px 10px;
        }
/* Gundlegendes */
/* ########################################################################## */

/* ########################################################################## */
/* Positionen */

#MsgBoxStart    {
            position:absolute;
            top: 50%;
            left: 50%;
            margin-left: -200px;
            margin-top: -100px;
            width:400px;
            height:180px;
            border:1px solid #3d6b6b;
            background-color:#ffffff;
            -moz-border-radius:10px;
            border-radius:10px;
            display:none;
            }

#MsgBoxStartZu    {
            float:right;
            padding:0px 5px 0px 0px;
            }

#MsgBoxStart p {
            margin:15px 20px 15px 20px;
            }


.naviPos    {
            padding:5px 2px 5px 0px;
            }

/* BILDFORMATE
-------------------------------------------------------------------*/

img.left {
        float: left;
        margin: 2px 5px 0 0;
        border:0px solid #999999;
        }

img.right {
        float: right;
        margin: 2px 0 0 5px;
        border:0px solid #999999;
        }  
              
img.leftNoBorder {
        float: left;
        margin: 2px 5px 0 0;
        border:0px solid #999999;
        }

img.rightNoBorder {
        float: right;
        margin: 2px 0 0 5px;
        border:0px solid #999999;
        }
        
#trainerTabelle a	{
		text-decoration:none;
		font-weight: bold;
		}
        
.trainerBild	{
		position: relative;
		border:0px solid red;
		width:130px;
		height:180px;
		margin:5px 5px 5px 5px;
		float:left;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		}
        
.trainerText	{
		position: absolute;
		background-color: #EBF4F3;
		bottom: 0px;
		width:130px;
		z-index: 100;
		-moz-border-bottom-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-radius-bottom-left: 10px;
		border-radius-bottom-right: 10px;
		}
        
.trainerTextName	{
		text-align: center;
		margin: 5px 0px 5px 0px;
		}
        
.trainerTextTotel	{
		text-align: center;
		margin: 0px 0px 0px 0px;
		}


/* Positionen */
/* ########################################################################## */

/* ########################################################################## */
/* Texte */

body, td, p, div	{
		color: #333333;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-align:left;
		}

h1		{
		color: #3d6b6b;
		font-weight: bold;
		font-size: 20px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		margin-top: 3px;
		margin-bottom: 3px
		}

h2		{
		color: #3d6b6b;
		font-weight: bold;
		font-size: 18px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		margin-top: 2px;
		margin-bottom: 2px
		}

h3		{
		color: #3d6b6b;
		font-weight: bold;
		font-size: 16px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		margin-top: 2px;
		margin-bottom: 2px
		}

h4		{
		color: #3d6b6b;
		font-weight: bold;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		margin-top: 2px;
		margin-bottom: 2px
		}

.textKurz	{
		color: #333333;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		font-weight:bold;
		}
		
.textRot	{
		color: #cc0000;
		}
		
.textGruen	{
		color: #009900;
		}
		
.textCiGruen	{
		color: #3d6b6b;
		}
		
.textWeiss	{
		color: #ffffff;
		}
		
.klein	{
		font-size: 12px;
		}

.kleiner{
		font-size: 10px;
		}

.gross  {
		font-size: 15px;
		}

.groesser{
		font-size: 18px;
		}

.center{
		text-align:center;
		}

/* Texte */
/* ########################################################################## */

/* ########################################################################## */
/* Links */
		
a   	{
		outline:none;
		}
		
a:link	{
		color: #3d6b6b;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: underline
		}

a:visited {
		color: #3d6b6b;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: underline
		}

a:hover	{
		color: #3d6b6b;
		font-weight: bold;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none
		}
		
		
		
		
a.naviOrd:link	{
		color: #333333;
		font-weight: bold;
		font-size:16px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none
		}

a.naviOrd:visited {
		color: #333333;
		font-weight: bold;
		font-size:16px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none
		}

a.naviOrd:hover	{
		color: #333333;
		font-weight: bold;
		font-size:16px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none
		}
		

		
a.naviItem:link	{
		color: #3d6b6b;
		font-weight: bold;
		font-size:14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none;
		}

a.naviItem:visited {
		color: #3d6b6b;
		font-weight: bold;
		font-size:14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none;
		}

a.naviItem:hover	{
		color: #3d6b6b;
		font-weight: bold;
		font-size:14px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: underline;
		}
		

		
a.naviKopf:link	{
		color: #ffffff;
		font-weight: normal;
		font-size:13px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none;
		}

a.naviKopf:visited {
		color: #ffffff;
		font-weight: normal;
		font-size:13px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: none;
		}

a.naviKopf:hover	{
		color: #ffffff;
		font-weight: normal;
		font-size:13px;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica;
		text-decoration: underline;
		}

/* Links */
/* ########################################################################## */

/* ########################################################################## */
/* Formulare */

.inputUserAuth	{
		border:1px solid #7799aa;
		font-size:16px;
		width:130px;
		padding:5px 5px 5px 5px;
		margin:0px 15px 5px 0px;
		}

.submitUserAuth	{
        background-color:#3d6b6b;
        color:#F5F5EF;
        font-weight:bold;
		font-size:9px;
		width:60px;
		-moz-border-radius:5px;
		}

.submit	{
        background-color:#3d6b6b;
        color:#F5F5EF;
        font-weight:bold;
		width:150px;
		-moz-border-radius:5px;
		}

/* Formulare */
/* ########################################################################## */

/* ########################################################################## */
/* Diverses */

legend	{
        padding:0px 5px 0px 5px;
		color:#7799aa;
		font-weight:bold;
		}

fieldset, table.aktionen	{
        margin:5px 0px 5px 0px;
        padding:5px;
		border:1px solid #3d6b6b;
		border-style:solid;
		-moz-border-radius:10px;
		border-radius:10px;
		}
		
.nobr   {
        white-space:nowrap;
        }
        
.infoBox	{
		border:1px solid #eb1b36;
		padding:5px 5px 5px 5px;
		}
        
.uploadFeld	{
		border:1px solid #7799aa;
		}
        
.suchEingabe	{
		border:1px solid #7799aa;
		font-size:16px;
		width:375px;
		padding:5px 5px 5px 5px;
		margin:0px 0px 5px 5px;
		}
        
.suchButton	{
		border:1px solid #7799aa;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		padding:5px 5px 5px 5px;
		margin:0px 5px 5px 0px;
		float:right;
		background-color:#3d6b6b;
		}
        
.logoutButton	{
		border:1px solid #cc0000;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		padding:5px 5px 5px 5px;
		float:right;
		background-color:#cc0000;
		border-radius:10px;
		-moz-border-radius:10px;
		}
        
.loginButton	{
		border:1px solid #009900;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		padding:5px 5px 5px 5px;
		float:right;
		background-color:#009900;
		border-radius:10px;
		-moz-border-radius:10px;
		}
		
.ablageAnsicht	{
		border:1px solid #009900;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		padding:5px 5px 5px 5px;
		float:right;
		background-color:#009900;
		border-radius:10px;
		-moz-border-radius:10px;
		}

/* Diverses */
/* ########################################################################## */