/* CSS Document */
/* *************************************** */
/* Styles fuer das Serviceportal GroetschDesign*/
/* GroetschDesign 2008 - www.groetschdesign.de */
/*                                         */
/* V. 1.0  --- September.2008	 sg 	           */
/* *************************************** */
/*Elemente, die für alle Seiten 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_home {
	background-image: url(../_library/home.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_home_e {
	background-image: url(../_library/home_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}	
	
#main_foto {
	background-image: url(../_library/foto.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_foto_e {
	background-image: url(../_library/foto_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}			
	
	
#main_grafik {
	background-image: url(../_library/grafik.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_grafik_e {
	background-image: url(../_library/grafik_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_web {
	background-image: url(../_library/comp.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_web_e {
	background-image: url(../_library/comp_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_textil {
	background-image: url(../_library/textil.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_textil_e {
	background-image: url(../_library/textil_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}		
	
#main_kontakt {
	background-image: url(../_library/kontakt.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_kontakt_e {
	background-image: url(../_library/kontakt_e.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_service {
	background-image: url(../_library/service.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 290px;
	}
	
#main_service_e {
	background-image: url(../_library/service_e.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: 15px;
	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; 
	}	
	
.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: 12px;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	color: #666666;
	}	
	
/*Specials*/

.clearer {
	clear: both;
	}