/*         File: triobar.css
 *
 *       Author: Marcus Bouchain <webmaster(at)triobar net>
 *         Date: 04.04.2006
 *  Description: style for triobar.net
 *
 *     (c) 2006  Triobar Berlin & friends
 *
 *      Version: 2008-02-27
 */

/* ------------------------------------------------- */

  body {
	background-color:#D94;
	background-image:url(img/hintergrund.jpg);
	font-family: Arial, Helvetica, Sans-serif;
	font-size:   0.9em;
	color: Black;
	}

   h1 {
	font-size:   3.2em;
	text-align: center;
	margin:  0.2em 0em 0.4em 0em;
	}

   h2 {
	font-size:   1.5em;
	font-weight:  bold;
	text-align: center;
	margin-top: 0px;
	padding:    2px;
	}

   h3 {
	font-size:   1.1em;
	font-weight:  bold;
	text-align: center;
	padding:    1px;
	margin-bottom: 1.5em;
	}

   h4 {
	font-size:   1.0em;
	font-weight:  bold;
	margin:      0.1em;
	margin-left:   1em;
	}

   p  {
	margin-top: 2px;
	}

.links  { text-align:left; }

.center { text-align:center;}


.ulbig {
	font-size: 2.2em;
	text-decoration: none;
	}

.ulsmall {
	font-size: 1.5em;
	text-align:left;
	border-bottom: 1px solid #444;
	}

.bc {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	}

.maxbreite { max-width: 760px; margin: auto; }

/* ---------------------------------------------- */

img       { border: 1px solid black; }

a         { color:Navy;  text-decoration:none; }
a:visited { color:#531;}
a:hover   { color:Blue;  text-decoration:underline; }
a:active  { color:Red; }

/* ---------------------------------------------- */

.scollbox {
	margin:  0px 210px 10px 0px;
	padding: 10px;
	background-color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: White;
	}

hr 	{
	width:  11em;
	height:  1px;
	color: Black;
	background-color: Black;
	border: none;
	}

/* ---------------------------------------------- */

table   {
	border:  0px;
	padding: 0px;
	width : 100%;
	}

td      {
	vertical-align:top;
	text-align:center;
	}

td.main {
	text-align: left;
	padding: 0px 3%;  /* ~20-40px */ 
	border-right:1px solid Black;
	}

td.menu {
	width: 14em;
	text-align:center;
	white-space:nowrap;
	}


tr.kopfzeile     { height: 84px; }
tr.kopfzeile td  { text-align: center; 
		   vertical-align: middle; }
tr.kopfzeile img { border: none; }


/* ---------------- link-menu  ----------------- */

.menu h3 {
	font-size:   1.0em;
	font-weight:  bold;
	text-align: center;
	background-color:#FFA500;
	margin-top:    0px;
	margin-bottom: 2px;
	padding:    1px;
	}

.menu ul {
	list-style-type: none;
	margin:  0.3em 0em 1.0em 0em;
	padding: 0em;
	}

.menu li {
	margin:  0;
	}

/* .............2006-08-20 v3.................... */
.menu h3 {
	border:  1px solid brown;
	padding: 2px;
	}

.menu a {
	display: block;
	width:   99%;  /* danke IE */
	padding:1px 0px;
	}

.menu a:hover { background-color:orange;}


/* ------------  barschule  --------------- */

.tab h3 { text-align: left;
	  margin:  0px  0px 10px  0px; }
.tab ul { float:   left;
	  padding: 0;
	  margin:  0px 20px 10px 20px; }

/* ------------  glanzlichter  ------------ */

.glanzlichter td {
		 text-align: left;
		 padding: 10px;
		 width: 50%; 
		 }

.glanzlichter h4 { 
		 margin: 10px 0 6px 0;
		 font-size: 1.28em;
		 border-bottom: 1px solid #444;
		 }

.glanzlichter ul { margin: 4px 20px; padding: 0; }


/* ------------  fotogalerie  ------------ */

h4.galerie    { border-bottom:1px solid #222;
		margin: 0.1em 2em; }

table.galerie { width: 610px; }

.galerie td   { height: 200px;
		padding: 20px;
		vertical-align:middle; }

/* ------------  fotoliste v2 ------------ */

.bilderliste    { width: 570px;
		  margin:0 auto;
		}

.bilderliste a  { float:left;
		  margin:3px 10px 10px 2px;
		}

.bilderliste h2 { margin:  0px;
		  text-align: left;
		}

.bilderliste p  { margin-bottom: 0.5em;
		}

.bilderliste hr { clear: left;
		  width: 100%;
		  margin-bottom: 10px;
		  color: #444;
		  background-color: #444;
		}

/* ------------  links and friends ------------ */
/* ............. v2: 2007-12-14 ................ */

.linkbox {
	   background-color: #FB4;
	   margin      : 25px;
	   margin-right: 60px;
	   padding: 10px 30px 5px 10px;
	 }

.linkbox li   { font-size: 1.1em;
	        margin: 0.5em 0em; }

.linkbox li a { font-size: 1.25em; }

/* ------------    events    --------------- */

.eventbox { 
	    border:2px dotted red;
	    margin      : 2px 0px;
	    margin-right: 75px;
	    padding     : 8px;
	  }

.eventbox ul { margin : 0px 1px 0px 10px; 
	       padding: 0px 1px 0px 10px; }

/* ---------------------------------------------- */