@CHARSET "UTF-8";

body    {
		font-size:12px;
		background-color:#f0f0f0;
		}

h1,p,body	{
			font-family: sans-serif;
			}
h1		{
		font-size:34px; 
		text-shadow: 0px -1px 1px #F0f0f0, 0px 1px 2px #bdbdbd;
		}
		
h1  font {color: #505050;}



/*Überschriften*/
.header_ueberschrift {float:left;
padding-left:110px;	
			color: #505050; 
			font-weight:lighter;
			margin-top:-15px;
} 
			
.header_ueberschrift p {margin-top:-19px;
		font-size:18px;
        padding-left: 3px;
		text-transform:lowercase} 


		
		
	
/*Login-Bereich, Hauptnavigation oben rechts*/		
#oben_rechts{float:right;}		
.login_form{
         margin-top:40px}
		
		
.login_form table {
		margin:0 auto;
		} 
		
.login_form table tr {} 
			
.login_form table tr td {
		text-shadow: 0 -1px 1px #dedede, 0 1px 1px #FFFFFF;
		text-align:right;
		padding-left:5px;
		font-family:serif;
		font-style:italic;
		color:#606060}
		

.input_login {border: 1px solid #c9c9c9;        
			 box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			 -moz-box-shadow:1px 1px 1px 0px #f0f0f0 inset;
			 -webkit-box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			 height:32px;} 


.input_eingabe {border: 1px solid #c9c9c9;        
			 box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			  -moz-box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			   -webkit-box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			 height:22px;
			 color:grey}
.input_eingabe_select {border: 1px solid #c9c9c9;        
			 box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			  -moz-box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			  -webkit-box-shadow: 1px 1px 1px 0px #f0f0f0 inset;
			 height:32px;
			 margin-top:20px;
			 color:grey}
	
.submit_button{background-color:#606060;
        border:none;
		color:white;
		padding:8px;
		cursor:pointer} 	
.main_menu { 
    list-style-type:none;
    list-style-image:none;
    margin:38px 0 0px;
    padding:0px;
}
.main_menu ul {}
.main_menu li {
    float:left;
	-moz-transition: all 500ms ease-in-out 0s;
	-webkit-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
	border-right: 1px solid #c0c0c0;
}
/*
.main_menu li a {  
    float: left;
	color:#505050;
    padding: 10px;
    text-align: center;
    padding: 10px;
    text-align: center;
	font-family:serif;
	font-style:italic;
	font-size:16px	
}
*/
.main_menu li a {
    color: black;
    float: left;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 10px;
    text-align: center;
    text-transform: lowercase;
}
.main_menu li a:hover {
	background:#ebebeb;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

	

/*Dummy-Style für die Mail-/Briefbasierte Nachsorge linke Spalte, FALLS diese als LISTEN definiert werden soll 
#menu {
  font-size:14px;
  position:absolute;   
}
#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}
#menu li.topmenu {
  float:left;
}
.topmenu a {
  float:left;
  width:110px;
  text-align:center;
}
.topmenu ul{
  display:none;
}
.topmenu a, .submenu a{
  padding:1px 5px;
  border:1px solid #C37000;
  border-collapse:collapse;
  color:white;
  text-decoration:none;
  background-color:#grey;
  margin:0;  
}
.submenu a{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; IE6 
}

#menu a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:black !important;
}


.topmenu:hover ul {
  display:block;  

}
*/




/*Nachsorgenavigation linke Spalte*/
#menu 	{
		position:absolute; 
		left:10px; width:10%; height:100%; 
		float:left;
		}

#menu a, #menu p {
		color:#505050; 
		text-transform:uppercase; 
		font-size:10px;
		}	
		
#menu a:hover, #menu p:hover {
		box-shadow:1px 1px 5px #dedede;
		-moz-box-shadow:1px 1px 5px #dedede;
		-webkit-box-shadow:1px 1px 5px #dedede}
		
#menu a{	margin-left:5px}
.briefbasiert
	{	background: url("briefbasiert_n.png") no-repeat center center;
		height: 60px;
}


.emailbasiert
	{	background: url("emailbasiert.png") no-repeat center center;
		height: 60px;
}


.briefbasiert p, 
.emailbasiert p 
  {		font-size:10px;
		color:black;
		text-transform:uppercase;
}
.briefbasiert{margin-top:30px}







/*Hilfeseite, Textformatierung*/
.help{padding-left:30px}
.help p{color:#505050}
.help h2 {font-weight:lighter;
		font-size:25px;
		color:#505050}


		

/*Trennlinien*/
hr { border: 0; 
	height: 1px; 
	background-image: -moz-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
	background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
	background-image: -o-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
	margin-right:30px }
	
		
		
		
		
		
		
		
/*tooltip*/	
[data-tooltip] {
  position: relative;
  border-bottom: 2px dotted #dedede;
  cursor:pointer

}
[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  background-color: #006600;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
  padding: 8px 7px;
  bottom: 20px;
  left: 50%;
  font-size:11px

}

[data-tooltip]:before {
  content:"";
  border: 10px solid transparent;
  border-top-color: #006600;
  position: absolute;
  left: 60%;
  bottom: 0;
}

[data-tooltip]:before, 
[data-tooltip]:after {
  opacity: 0;  
  cursor: pointer;
  transition: all 0.3s;
} 

[data-tooltip]:hover:before, 
[data-tooltip]:hover:after {
  opacity: 1;  
} 

[data-tooltip]:hover:before {
  bottom: 5px;
} 
[data-tooltip]:hover:after {
  bottom: 25px;
}

p::selection {
	background-color: rgba(162,0,0,0.6);
}

	
	
	
		
p		{
		font-size:12px;
		}	
		
table	{
		border "0";
		border-collapse: collapse;
		}
		
A:link 	{text-decoration: none}
A:visited {text-decoration: none; color:#08080A;}
A:active 	{text-decoration: none; color:green}
A:hover	{color: black;}
		


#logo 	{
		position:absolute; /*feste Position, scrollt mit. Für ein stehendes Logo bitte position auf fixed ändern*/
		top:0px; 
		left:0px; 
		width:135px; 
		height:65px; 
        background-image: url("nsp_logo.png"); /*wird ausgetauscht*/	
        background-repeat: no-repeat;	
		}

#head 	{ /*diese Definition wird nicht benötigt*/

		position:fixed; top:0px; left:110px; width:100%; height:70px; 
		}	
		

		
#spacer1{ /*wird nicht benötigt*/
		position:fixed; top:70px; left:110px; width:10px; height:95%; 
		}
		
#spacer2{ /*wird nicht benötigt*/
		position:fixed; top:70px; left:0px; width:10px; height:100%; 
		}

#menufooter{ /*Benutzerdaten im unteren linken Bereich*/
		position:fixed; 
		bottom:70px; 
		left:10px; 
		width:100px; 
		height:100px; 
		}

#footer {
		position:fixed; 
		bottom:0px; 
		width:100%; 
		height:30px; 
		overflow:hidden;
		}
		
#footer p{font-size:10px}		

#inner {
		position: relative;
		top: 30%;
		left: 40%;
		}
	

/*Bereiche*/	
#loginoben  { 
		height: 5em;
		margin:0 2% 2%
		}
		
#loginmitte  { /*Mittelbereich für die Startseite*/
		width:100%; 
		height:67em;
		box-shadow: 1px 1px 5px 1px #dedede;
		background:url(forga_pca.jpg) no-repeat center center;
		background-size:100% auto;
		}

#mitte  { /*mittlerer Bereich für alle anderen Seiten*/
		width:100%; 
		height:67em;
		}
	

/*Formularformatierung*/
#form 	{
		position:relative;
		background-color:#fafafa;
		width:88%;
		margin-bottom:5%;
		margin-right:2%;
		box-shadow: 1px 1px 5px 1px #dedede;
		float:right;
		min-height:60%;
		}
#form ul {
		list-style-type:none;
		padding-right:20px;
		padding-left:20px;
		padding-top:5px
}

#form  li {    
	transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-webkit-transition: all 500ms ease-in-out 0s;
    padding:10px}

#form li a {letter-spacing:3px;
		color:#505050}
	
		
#eingabe{width:60%}
#eingabe td p {text-align:right;
			padding:5px}	

	
#loginunten /*betrifft Startseite*/
		{
		width:100%;
        height:4em		
		}
		
#nform	{ /*wurde bisher nirgends "gesichtet"*/
		overflow:auto;
		}