/**
 * Stylesheet für gr-a.net
 * 
 * gr-a.net
 * michael schäfer 
 * 24.04.2008
 * 
 * @file	gra.css
 * @update	2008-06-06
 */

 
 
 
 
/**
 *
 * grundlegende Definitionen
 *
 */
  
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 
html { height: 100%; margin-bottom: 1px; }

body { 
	font-size: 14px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 160%;
	color: #000;
	background: #fffaef url(/_fx/raster.jpg) repeat-x top; /* beige hell + rasterlinien*/
	text-align: center;
	}
	
	
/* oben: logo und zeichnung ----------------------------------------- */
#kopp { /*960breit*/
	margin: 0 auto;
	text-align: left;
	width: 920px;
	/*background: #ccc;*/
	padding-left: 40px;
	}
	
/* container im kopfbereich ----------------------------------------- */
#logo { 
	float:left;
	margin: 20px 0;
	}
#zeichnung { 
	float:right;
	}
	
	
/* inhaltsbereich --------------------------------------------------- */
#content { 
	text-align: left;
	background: #f4efd9 url(/_fx/linie1.jpg) repeat-x top; /* beige dunkel + linie oben*/
	}

.gra { /*960breit + 4px rahmen*/
	margin: 0 auto;
	text-align: left;
	width: 960px;
	background: #fff;
	border-left: #515516 1px solid;
	border-right: #515516 1px solid;
	}

	
/* container im inhaltsbereich -------------------------------------- */
#nav { /*183breit*/ 
	width: 183px;
	background: #515516 url(/_fx/verlauf.jpg) repeat-x top; /*logo-grün + verlauf oben*/
	float: left;
	/*background: green;*/
	} /*navgation links*/
	
#leistungen { /*777breit*/ 
	width: 739px;
	background: #515516 url(/_fx/verlauf.jpg) repeat-x top; /*logo-grün + verlauf oben*/
	float: left;
	padding-left: 38px; /* +2px padding beim ersten li */
	} /*navigation oben*/
	
#inhalte { /*497breit*/
	width: 497px;
	/*background: yellow;*/
	float: left;
	padding: 20px 40px 60px 40px;
	} /*seiteninhalt*/
	
#inhalte h1 { 
	font-size: 17px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	line-height: 160%;
	color: #515516;
	} /*überschriften*/

#quadrate { /*200breit*/
	width: 200px;
	/*background: red;*/
	float: left;
	} /*arbeitsbeispiele*/

.linie {  /*linie unten*/
	height: 15px;
	background: url(/_fx/linie2.jpg) repeat-x top; 
	clear: both;
	}
		
	
/* fuss: copyright-zeile -------------------------------------------- */
#fuss { /*960breit*/
	margin: -10px auto 0 auto;
	text-align: left;
	width: 920px;
	padding-left: 40px;
	font-size: 10px;
	}
#print { display:none; }
	
	
/* clear float ------------------------------------------------------ */
.clear { 
	height: 1px;
	display:block !important;
	display:none; /* nur für den IE6 */
	clear: both;
	}

/* textspalten ------------------------------------------------------ */
.sp1 { float: left; width: 120px; } 
.sp2 { float: left; width: 200px; } 
.sp3 { float: left; width: 90px; } 
.sp4 { float: left; width: 360px; } 
	
	
	

/**
 *
 * Definitionen einzelner Klassen/Bereiche
 *
 */
 
/* bestimmte textauszeichnungen ------------------------------------- */
#inhalte h1.home { font-size: 1.8em; padding: 0 0 10px 0; line-height: 120%; }
#inhalte h2, #quadrate h2 { color: #515516; font-weight: bold; padding: 10px 0 0 0; }
#inhalte p { margin: 0 0 10px 0; }
#quadrate strong { font-weight: bold; color: #a1131d; }
 
/* aufzählungen: generell erstmal quadrat! -------------------------- */	
ul { list-style-type:square; }
	
	
/* navgation links -------------------------------------------------- */
#nav ul { 
	list-style-type: none; 
	padding: 0 0 27px 0; 
	margin: 0; 
	color: #fff;
	}

#nav ul li {
	height: 25px;
	margin: 0;
	padding: 2px 0 0 40px;
	border-bottom: 1px #fff solid;
	}
	
#nav ul li:hover, #nav ul li.act {
	background: #a1131d;
	}
	
#nav ul li a {
	color: #fff;
	font-size: 12px;
	display:block;
	}
	
#nav ul li.leer:hover {
	background: none;
	} /*leere zeilen */

	
/* navgation links -------------------------------------------------- */
/* subnav bei team/galerie + kontakt*/
#nav ul li.plus2 {
	height: 75px;
	}

#nav ul li ul li {
	height: 20px;
	margin: 0;
	padding: 2px 0 0 10px;
	border: none;
	} 
#nav ul li ul li a {
	color: #fff;
	font-size: 11px;
	display:block;
	}
#nav ul li ul li.act {
	background-image: url('mini.gif');
	background-repeat: no-repeat;
	background-position: 0 10px;
	}
	
	
/* navgation oben --------------------------------------------------- */
#leistungen ul { 
	list-style-type: none; 
	padding: 2px 0 0 0; 
	margin: 0; 
	color: #fff;
	height: 25px;
	}

#leistungen ul li {
	margin: 0;
	padding: 5px 2px;
	display: inline;
	}
	
#leistungen ul li:hover, #leistungen li.act {
	background: #a1131d;
	}
	
#leistungen ul li a {
	color: #fff;
	font-size: 12px;
	}
	
#leistungen ul li.qua:hover {
	background: none;
	} /*quadrate zwischen den navpunkten */
	
	
/* aufzählungen im inhaltsbereich ----------------------------------- */	
#inhalte ul { list-style-position:outside; list-style-image:url(/_fx/minig.gif); margin: 0 0 0 20px; }
#inhalte ul.fld { margin: 0; } /*fortlaufend*/
#inhalte ul.fld li { display: inline; } /*fortlaufend*/



	
/* arbeitsbeispiele ------------------------------------------------- */
#quadrate ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 20px 0 20px 50px; 
	}

#quadrate ul li {
	margin: 0;
	padding: 8px 10px 0 0;
	}
	
p.datumhome { 
	padding: 0; 
	margin: -5px 0 0 0;
	font-size: 10px;
	color: #a8aa8a;
	width: 80px;
	text-align: right;
	}
	

	

/* zuständig -------------------------------------------------------- */
#inhalte .zustaendig { 
	color: #515516;
	margin: 20px 0 0 0;
	}
	
#inhalte .zustaendig ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 5px 0; 
	}

#inhalte .zustaendig ul li {
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
	}
#inhalte .zustaendig ul li img {
	border: 2px #a1121d solid;
	}

	
	
	
/* netzwerk -------------------------------------------------------- */
#inhalte ul.netzwerk { 
	margin: 0 0 15px 20px;
	list-style-image: none;
	}
	
#inhalte ul.netzwerk li {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.8em;
	}
	
#inhalte ul.netzwerk li a { font-size:1em; color: #515516; border-bottom: 1px solid #a1121d; } 
#inhalte ul.netzwerk li a:hover { color: #a1121d; } 



/* links ------------------------------------------------------------ */
a:focus { outline: none; }
a {	text-decoration: none; }

/*emaillink*/
#team a, a.email { color: #515516; border-bottom: 1px solid #a1121d; } 
#team a:hover, a.email:hover { color: #a1121d; } 

/*links im text*/
#team a, a.lx { color: #515516; border-bottom: 1px solid #a1121d; } 
#team a:hover, a.lx:hover { color: #a1121d; } 

/*xing link*/
#team a.xing { border:none; } 

/*link weitere beispiele */
a.wbsp { color: #fff; border-bottom: 1px solid #fff; font-weight: bold; }
a.wbsp:hover { border-bottom: 1px solid #a1121d;  } 

/*link impressum */
#fuss a { color: #000; border-bottom: 1px solid #000; }
#fuss a:hover { color: #a1121d; border-bottom: 1px solid #a1121d;  } 

a img { border: none; }





/* multibox --------------------------------------------------------- */
.mbbsp { display:none; }
.mbteam { display:none; }



/* teambox ---------------------------------------------------------- */
.tf { float:left; } /*foto*/
#team { float:left; text-align: left; padding:20px 20px 0 20px; color: #515516;  }
.teamtext { padding:20px 0 0 0; text-align: left; }
#teamprintlogo { width:380px; text-align: center; }
#teamprint { width:380px; text-align: left; }
#teamprint hr {
 	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #515516;
	border-bottom: transparent;
}



/* adminnav --------------------------------------------------------- */
#adminnav ul { list-style-type: none; float:right; margin:0; padding:0; }
#adminnav ul li { display: inline; margin:0; padding:0 0 0 10px; }
#adminnav a, #adminnav a:hover { color:#000; font-weight:bold; }
/*sowohl hier als auch in admin.css definiert

/* impressum --------------------------------------------------------- */
.impressum { font-size: 12px; line-height: 16px; }