/*--------------------------*/
/* --- allgemeiner Teil --- */
/*--------------------------*/

body
{
    margin-top:2px;
    font-family:Arial, sans-serif;
  	font-size: small;
  	color: #333;
  	background: #ffffff;
}
	
h1 /* steuert wie die groesste Ueberschrift aussehen soll */
{
        color:#000000;
        font-size:16px;
        font-weight:bold;
        text-align:left;
}

h2 /* steuert wie die zweit-groesste Ueberschrift aussehen soll */
{
        color:#000000;
        font-size:14px;
        font-weight:bold;
        text-align:left;
}

h3 /* steuert wie die dritt-groesste Ueberschrift aussehen soll */
{
        color:#000000;
        font-size:12px;
        font-weight:bold;
        text-align:left;
}

#wrap 
{
    width: 990px;
    margin: auto;
    font-size: 1em   !important;
    background: url(../snoopy/layout/back.jpg) repeat-y; */ /* Seite mit Hintergrund hinterlegen (Schatten + Projektkasten) */
}

/*----------------*/
/* --- Header --- */
/*----------------*/

.header
{
    padding: 0;
    background: #e0e0e0 url(../snoopy/layout/header.jpg) no-repeat top center;
}
	
.header h4 /* Einstellungen fuer die Schrift auf dem Header */
{
    margin: 0;
    padding: 0px 0px 146px 5px;
    font-size: 200%;
    color: #fff;
}

#headselect /* Positionierung des Auswahlmenüs */
{
	margin-top:-23px;
	float:left;
	margin-left:830px;
}

#select
{
	font-size:11px;
	background-color: #ccc;
	border: #dd0000 1px solid;
	font-weight:bold;
}

#select-button
{
	font-size:11px;
	background-color: #ccc;
	border: #dd0000 1px solid;
	font-weight:bold;
}

#gsname /* Positionierung des GS-Namens */
{
	margin-top:76px;
	margin-left: 800px;
	text-align:center;
	color:#000000;
	float:left;
	width: 165px;
	font-size:25px;
	FONT-WEIGHT: bold;
	}

/*---------------*/
/* Impressum§Co  */
/*---------------*/

.linksoben
{
float:left;
color: #000;
margin-top: -155px;
margin-left: 660px;
}


/*---------------*/
/* --- Menü  --- */
/*---------------*/

.menu /* Menübereich bearbeiten */
{
margin-left: 9px;
margin-right: 0px;
margin-top: 0px;
font-size:0.85em;
position:relative;
z-index:100;
}

.menu ul /* bullets entfernen und keine Ränder */
{
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul
{
width:70px;
}

.menu li /* floaten um die horizontale Darstellung zu ermöglichen; relative positionieren */
{
float:left;
width:auto;
position:relative;
}

.menu a, .menu a:visited /* Stil der Hauptmenü-Punkte */
{
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#fff; 
width:106px; 
text-align: center;
height:20px; 
border:1px solid #ce0000; 
border-width:1px 1px 1px 1px; 
background:#ce0000; 
padding-left:0px;
line-height:20px;
/* font-weight: bold; */
}


.menu ul ul /* Unterpunkte vorerst verstecken und absolute positionieren */
{
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 
width:83px;
}

* html .menu ul ul /* ein weiterer IE5.5-Hack */
{
top:25px;
t\op:26px;
}

.menu table /* Tabelle so gestalten, dass sie sich ins Layout einpasst, um den Aufklappeffekt auch unter IE lte 6 zu bekommen */
{
position:absolute;
top:0;
left:0;
}

.menu ul ul a, .menu ul ul a:visited /* Unterpunkte gestalten */
{
background:#ce0000; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:6px 5px; 
width:95px;
border:1px solid #ce0000; 
border-width:1px 1px 1px 1px; 
/* font-weight: normal; */
}

.menu a:hover, .menu ul ul a:hover /* festlegen wie der Hover-Effekt auf Hauptmenü-Ebene aussehen soll */
{
color:#fff; 
background:#ce0000;
border:1px solid #ff0000; 
border-width:1px 1px 1px 1px; 
}

.menu :hover > a, .menu ul ul :hover > a /* Hover-Effekt auch für IE6 */
{
color:#fff;
background:#ff0000;
}

.menu ul li:hover ul, .menu ul a:hover ul /* Unterpunkte sichtbar machen, wenn über Hauptmenüpunkt gehoovert wird */
{
visibility:visible; 
}

a /* wie soll ein Link aussehen (normale Darstellung) */
{
	color: #dd0000;
	text-decoration: underline;
}

a:hover /* wenn ein Link ueberfahren wird... */
{
	color: #FF0000;
	text-decoration: underline;
}

a:visited /* nachdem der Link besucht wurde... */
{
	color: #FF0000;
	text-decoration: underline;
}


/*-------------------*/
/* --- Projekte  --- */
/*-------------------*/

#sidebar /* rechten Bereich (Projektbereich) gestalten */
{
    float: right;
    width: 181px;
    padding: 5px;
	margin-right: 10px;
	font-size: 85%;
}

.projekt /* Projektkasten um jedes Projekt an sich gestalten */
{
    padding: 3px;
    margin-bottom: 11px;
    background-color: #eee;
    border: 1px solid #ce0000;
}

#projekt_detail_top /* detailierte Beschreiung im Hauptfenster - Titel */
{
	color: #990000;
	font-weight:bold;
	font-size:14px;
}

#projekt_detail_desc /* detailierte Beschreiung im Hauptfenster - Beschreibung */
{
//	font-weight:bold;
	font-size:12px;
}


/*------------------*/
/* --- Content  --- */
/*------------------*/

#content
{
    background-color: #fff;
	margin-top: 20px;
	margin-left: 20px;
    margin-right: 220px;
    margin-bottom: 0px;
}


/*-----------------*/
/* --- Footer  --- */
/*-----------------*/

.footer /* Footer-Bereich stylen */
{
    margin: 0;
    padding: 0 0 14px 780px;
    color: #FFFFFF;
	background: #e0e0e0 url(../snoopy/layout/footer.gif) no-repeat bottom center; /* Header wird als Hintergrund eingefügt -> so kann man noch darauf schreiben */
}

.footer p /* Beschriftung im Footerbereich stylen */
{
	margin: 0;
	padding: 0px 0px 0px 20px;
}

/*----------------------------*/
/* -- MT - Legacy - Styles -- */
/*----------------------------*/

.valign
{
	VERTICAL-ALIGN: bottom;
}

.fettcenter
{
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}

.fett
{
	FONT-WEIGHT: bold;
}

.bild
{
	PADDING-RIGHT: 6px;
	FLOAT: left
}

img
{
  border: none;
}

.rechtsbuendig
{
	font-family:Arial, sans-serif;
    text-align:right;
}

.zentriert
{
	font-family:Arial, sans-serif;
	text-align:center;
}

.blocksatz
{
	font-family:Arial, sans-serif;
	text-align:justify;
}

.kursiv
{
	font-family:Arial, sans-serif;
	font-style:italic;
}

.kasten
{
	font-family:Arial, sans-serif;
	border: 2px solid #ce0000;
}

.klein
{
	font-family:Arial, sans-serif;
	font-size:11px;
}

.fettklein
{
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size:11px;
}

.bggrauzentriert
{
	background-color:#eeeeee;
	text-align:center;
}

.rot
{
	color: #990000;
}

.weiss 
{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}

.schmal
{
	border: 1px solid #999999;
}

td.gross
{
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:16px;
	vertical-align:middle;
	font-weight:bold;
}

td.vmittig
{
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:12px;
	vertical-align:middle;
}

td.mittig
{
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
}

td.mitteunten
{
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:12px;
	vertical-align:bottom;
	text-align:center;
}

td.kasteninhalt
{
	color:#000000;
	background-color:#ffffff;
	font-family:Arial, sans-serif;
	vertical-align:top;
	text-align:left;
	padding:3px;
}
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }

.image {padding:0;}