/* CSS Document */
/* *************************************** */
/* Styles fuer das Serviceportal GroetschDesign*/
/* GroetschDesign 2008 - www.groetschdesign.de */
/*                                         */
/* V. 1.0  --- September.2008	 sg 	           */
/* *************************************** */
/*Elemente, die für das Serviceportal gelten */

* {
	margin: 0;
	padding: 0;
	}

ul {
	list-style: none;
	}

	

body {
	background-color: #FFFFFF;
	height: 100%;
	}
	

#container {
	margin: 120px auto;
	background-color: #FFFFFF;
	width: 600px;
	}
	

	
#main_service {
	background-image: url(../_library/portal.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_service_e {
	background-image: url(../_library/portal.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_error {
	background-image: url(../_library/error_401.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_gruss {
	background-image: url(../_library/gruss.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}	
				
		
#mehr {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	}
	
#navi {
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	}
	
	
/*mehr*/

.mehr {
 	color: #777777;
	font-weight: bold;
 	background: url(../_library/pfeilrechts.gif) no-repeat;
	float: left;
	text-decoration: none;
 	padding-left: 15px;
 	font-size: 10px;
 	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif; }
 
a:hover .mehr, a.mehr:hover { 
	color: #003a79;
	font-weight: bold;
	text-decoration: none; 
	background: url(../_library/pfeiluntenrechts.jpg) no-repeat; 
	}
	
.mehr2 {
 	color: #777777;
	font-weight: bold;
 	background: url(../_library/pfeilrechts.gif) no-repeat;
	float: right;
	text-decoration: none;
 	padding-left: 15px;
    font-size: 10px;
 	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif; }	
	
a:hover .mehr2, a.mehr2:hover { 
	color: #003a79; 
	font-weight: bold;
	text-decoration: none;
	background: url(../_library/pfeiluntenrechts.jpg) no-repeat; 
	}
	
.mehr3 {
	color: #777777;
	font-weight: bold;
	text-decoration: none;
	background: url(../_library/pfeilrechts.gif) no-repeat;
	padding-left: 12px;
	padding-right: 20px;
	font-size: 9px;
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}	
	
a:hover .mehr3, a.mehr3:hover {
	color: #003a79;
	text-decoration: none;
	background: url(../_library/pfeiluntenrechts.jpg) no-repeat;
	font-weight: bold;
	}
	
	

/*Fonts*/


.fliess {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 20px 0px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #333333;
	}
	
.fliessnav {
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	background: url(../_library/pfeilrechts_b.gif) no-repeat;
	padding-left: 15px;
	padding-right: 10px;
	color: #003a79;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase; 
	}
	
.fliessnav2 {
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Geneva,Arial,SansSerif;
	font-size: 10px;
	font-weight: bold;
	float: left;
	background: url(../_library/pfeilrechts_b.gif) no-repeat;
	padding-left: 15px;
	color: #003a79;
	}		
	
.innen {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-decoration: none;
	padding: 150px 0px 10px 345px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #666666;
	}	
	
	
.innen_small {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #666666;
	}	
	
/*----- FORM ----- */

.login_box {
	width: 122px;
	height:158px;
	float: left;
	padding: 90px 0px 5px 14px;
}

.login_box p {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	margin-left: 70px;
	color: #ffffff;

}


input   {
	border-bottom: 2pt solid #003a79;
	border-right: 2pt solid #003a79;
	font: normal 10px tahoma;
	width:90px;
	color: #707070;
	margin:5px 5px 5px 70px;
}

input.login {
	margin-top:10px !important;
	margin-top:-5px;
	width:90px;
}

	
	
/*Specials*/

.clearer {
	clear: both;
	}