/**
 * Stylesheet für image.gr-a.org
 * 
 * gr-a.net
 * michael schäfer 
 * 18.08.2008
 * 
 * @file	gra.css
 * @update	2008-08-18
 */

 
 
 
 
/**
 *
 * 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;
}

table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
 
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*/
	
#brotkrumen { /*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: 737px;
	/*background: yellow;*/
	float: left;
	padding: 20px 0 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*/

.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;
	}


/**
 *
 * Definitionen einzelner Klassen/Bereiche
 *
 */
 
#kopp h1 {
	font-size:36px;
	line-height:100%;
	color:#515516;
	}
	 
/* 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 */
	
#nav ul li.plus2 {
	height: 95px;
	padding: 10px 0 0 40px;
	}

	
	
/* 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*/



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

a { color: #515516; } 
a:hover { border-bottom: 1px solid #a1121d; } 

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

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

a img, a.img { border: none; }





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


		
	
/* fuss: copyright-zeile -------------------------------------------- */
#fuss { /*960breit*/
	margin: -10px auto 0 auto;
	text-align: left;
	width: 920px;
	padding: 0 0 30px 40px;
	font-size: 10px;
	}
#print { display:none; }
	
	
/* clear float ------------------------------------------------------ */
.clear { 
	height: 1px;
	display:block !important;
	display:none; /* nur für den IE6 */
	clear: both;
	}
	
	
		
	

/* navgation oben --------------------------------------------------- */
#brotkrumen ul { 
	list-style-type: none; 
	padding: 2px 0 0 0; 
	margin: 0; 
	color: #fff;
	height: 25px;
	float: left;
	}

#brotkrumen ul li {
	margin: 0;
	padding: 5px 2px;
	display: inline;
	font-size: 12px;
	}
	
#brotkrumen ul li:hover {
	background: #a1131d;
	}
	
#brotkrumen ul li a {
	color: #fff;
	font-size: 12px;
	}
	
#brotkrumen ul li.qua:hover {
	background: none;
	} /*quadrate zwischen den navpunkten */
	
/* suche im oberen balken */
#searchform { float:right; margin: 2px 10px 0 0; }
#searchsubmit { width:50px; margin: 0 5px 0 2px; }
#s { width:123px; background: #F4EFD9; }

/*adminbox */
#adminbox { background: #fff; padding: 10px; }

.msg { color:#a1131d; font-weight:bold; } /*hinweistexte */
.padd { padding: 6px 0; } /*abstand hinweistexte */

.thumb {
	width : 146px;
	height : 170px;
	margin : 0px 1px 1px 0px;
	padding : 2px 0px 0px 0px;
	text-align : center;
	background-image : url(/img/thumb.gif);
	vertical-align : middle;
}/* thumbnail-anzeige */

.thumb a { border: none; }/* thumbnail-anzeige */


/*login-formular*/
.logininput, .logininput { width: 120px; margin: 2px 0; background:#f4efd9; }
.loginbutton { width: 124px; margin: 2px 0; }

/*erweiterte suche*/
.suchfeld { width: 400px; font-size: 16px; margin: 2px 0; padding: 2px; background:#f4efd9; }
.categoryselect { width: 400px; font-size: 16px; margin: 2px 0; padding: 2px; background:#f4efd9; }
.advsearchbutton { width: 124px; margin: 2px 0; }