/* CSS Document */
/* XXXXXXXXXXXXXXXX Ueberelemente XXXXXXXXXXXXXXXXX */	
BODY {
	text-align:center;
	background-repeat:repeat-x;
	background-image:url(gfx/stripe.jpg);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	}
	
/* Eingabefelder */
INPUT {
	border: 1px solid #999999;
	font-size:11px;
	width: 250px;
	height: 18px;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: bottom right;
	}

TEXTAREA {
	border: 1px solid #999999;
	width: 250px;
	height: 100px;
	margin-bottom: 2px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: bottom center;
	}
	
INPUT:focus, TEXTAREA:focus {
	border-color: #000000;
	}
	
a:link, a:visited, div.anz_comments a:link, div.anz_comments a:visited { 
  	color:#000000;
  	text-decoration: underline;
	font-weight: bold;
	}

a:active, a:hover, div.anz_comments a:hover, div.anz_comments a:active { 
  	color:#666666;
  	text-decoration: underline;
	font-weight: bold;
	}
	
h3 {
	font-size: 13px;
	margin: 0px;
	}
	
h3 a:link, h3 a:visited {
	text-decoration: none;
	}
	
h3 a:active, h3 a:hover {
	text-decoration: underline;
	}
/* XXXXXXXXXXXXXX Ueberelemente ENDE XXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXX CSS-ID-Elemente XXXXXXXXXXXXXXXX */
/* Container mit Grafik und Hintergrundfarbe, Container wird zentriert */	
#window {
	margin: 8px auto;
	background-color: #C6C6C6;
	width: 900px;
	background-image: url(gfx/banner.jpg);
	background-repeat: no-repeat;
	}

/* Container mit Inhalt der Seite */
#container {
	width: 690px;
	margin: 100px auto 25px;
	background-image: url(gfx/trans.png);
	min-height: 300px;
	padding-bottom: 20px;
	}

#menue {
	width: 640px;
	border-bottom: 1px solid #000000;
	margin: 5px auto 0px;;
	padding-bottom: 5px;
	font-weight: bold;
	}
/* XXXXXXXXXXXXXXX ID-Elemente Ende XXXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXXX Standard-DIVS XXXXXXXXXXXXXXXXX */	
/* durchgezogene rahmen */
#window, #container {
	border: #000000 1px solid;
	}

/* alle Darstellungen nur in diesem Bereich */
#sichtbereich {
	height: 300px;
	margin: 0px auto 0px;
	width: 565px;
	}
#sichtbereich[id] {
	height: auto;
	}
	
/* Alle Boxen innerhalb des Container: Hintergrund = weiss */
#sichtbereich div {
	background-color: #FFFFFF;
	}

	
/* gestrichelte rahmen */
div.title, div.text, div.comment_title, div.comment_text, div.about_box, div.comment_box, div.project_box, div.comment_head, div.contact_box {
	border: #000000 1px dashed;
	}	
	
div.text div.img {
	text-align: center;
	margin: 10px 0px;
	}
/* XXXXXXXXXXXXX Standard-DIVS ENDE XXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXXX MENUE-Bereich XXXXXXXXXXXXXXXXX */	
#menue a:link, #menue a:visited{ 
  	color:#000000;
  	text-decoration:none;
	}

#menue a:active, #menue a:hover{ 
  	color:#666666;
  	text-decoration:none;
	}
/* XXXXXXXXXXXXXXXXX MENUE-ENDE XXXXXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXXX Inhalt-Bereich XXXXXXXXXXXXXXXXX */		
/* news-kopf: titel der news */
div.title {
	text-align: left;
	padding: 5px;
	margin: 40px auto 5px;
	font-weight: bold;
	}

/* titel zusatzinformationen (news: datum un uhrzeit, projekte: kategorie) */
div.title div.info {
	color:#999999;
	font-weight: normal;
	}
	
/* news: inhalt der news */
div.text {
	text-align: justify;
	padding: 5px;
	margin: 0px auto 5px;
	line-height: 150%;
	}
	
div.text img.img-left {
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	border: 0px;
	}
	
div.text img.img-right {
	float: right;
	margin-left: 15px;
	padding-top: 5px;
	border: 0px;
	}
	
div.text img.img-center {
	margin-left: 15px;
	padding-top: 5px;
	border: 0px;
	}
		
a.url:link, a.url:visited{ 
  	color:#000000;
	font-weight: normal;
  	text-decoration: none;
	border-bottom: 1px dashed;
	}

a.url:active, a.url:hover{ 
  	color:#666666;
	font-weight: normal;
  	text-decoration: none;
	border: none;
	}
	
#sichtbereich div.blaettern {
	background-color: #F3F3F3;
	text-align: left;
	padding: 5px;
	padding-bottom: 0px;
	margin: 0px auto 5px;
	}
	
#sichtbereich div.seiten {
	background-color: #F3F3F3;
	margin: 10px auto 0px;
	}

	
/* XXXXXXXXXXXXXXXXX Inhalt-Bereich XXXXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXXX LINK-Bereich XXXXXXXXXXXXXXXXX */
a.text:link, a.text:visited { 
	font-weight: normal;
  	color:#000000;
  	text-decoration: underline;
	}

a.text:active, a.text:hover { 
	font-weight: normal;
  	color:#666666;
  	text-decoration:none;
	}
/* XXXXXXXXXXXXXXXXX LINKS-ENDE XXXXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXX KOMMENTAR-Bereich XXXXXXXXXXXXXX */
/* Kommentar-Eingabefeld */
#sichtbereich div.comment_form {
	background-color: #F3F3F3; 
	width: 300px;
	margin: 20px auto;
	text-align: center;
	}
	
input.input_name {
	background-image:url(gfx/name.gif);
	}
	
input.input_mail {
	background-image:url(gfx/mail.gif);
	}
	
input.input_url {
	background-image:url(gfx/url.gif);
	}
	
textarea.input_comment {
	background-image:url(gfx/comment.gif);
	}
	
/* Kommentare mit Titel (Beschreibung, Datum) und Text */
div.comment_head {
	width: 400px;
	}

/* Anzahl der Kommentare + Link zu den Kommentaren */
div.anz_comments {
	text-align: right;
	font-weight: bold;
	}
	
div.comment_text {
	width: 400px;
	}

font.comment_num {
	float: right;
	}
	
.error {
	color: #FF0000;
	}
	
#sichtbereich div.pflicht {
	width: 275px;
	text-align: right; 
	
	background-color: #F3F3F3;
	}
/* XXXXXXXXXXXXXXX KOMMENTAR-ENDE XXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXXX ABOUT-Bereich XXXXXXXXXXXXXXXX */
/* bereich, in dem about-informationen zusammengefasst werden (auch f�r Kontakt genutzt) */	
div.about_box {
	text-align: left;
	padding: 10px;
	margin: 40px auto 10px;
	}
	
/* about-kopf: titel der der entsprechenden Box - kurzbeschreibungen neben dem foto */
font.about_title {
	color: #666666;
	text-align: left;
	margin-left: 5px;
	}
	
/* about-inhalt der entsprechenden Information */
div.about_text {
	margin-left: 25px;
	margin-bottom: 10px;
	color: #000000;
	text-align: left;
	}
	
/* foto im about-teil */
div.about_foto {
	float: right;
	margin: 0px 0px 5px 5px;
	}
/* XXXXXXXXXXXXXXXXX ABOUT-ENDE XXXXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXX PROJEKT-Bereich XXXXXXXXXXXXXXX */
/* bereich, in dem projekte zusammengefasst werden */	
div.project_box {
	margin: 40px auto 10px;
	text-align: center;
	padding: 10px;
	}

div.project_links {
	float: left;
	width: 100px;
	}
	
div.project_info {
	text-align: left;
	height: 90px;
	}
/* XXXXXXXXXXXXXXXX PROJEKT-ENDE XXXXXXXXXXXXXXXXX */
	
	
	
/* XXXXXXXXXXXXXXX Kontakt-Bereich XXXXXXXXXXXXXXX */
/* bereich, in dem Kontaktfelder zusammengefasst werden */	
div.contact_box {
	margin: 0px auto 10px;
	text-align: left;
	padding: 10px;
	}
	
div.contact_box input.checkbox {
	width: 20px;
	}
	
input.contact_name {
	width: 148px;
	background-image:url(gfx/name.gif);
	}
	
input.contact_mail {
	width: 148px;
	background-image:url(gfx/mail.gif);
	}
	
input.contact_betreff {
	width: 300px;
	background-image:url(gfx/betreff.gif);
	}
	
textarea.contact_area {
	width: 300px;
	background-image:url(gfx/nachricht.gif);
	}

div.formular {
	background-color: #F3F3F3; 
	width: 400px;
	margin: 20px auto;
	text-align: center;
	}
	
label {
  font: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

INPUT.hide {
	display: none;
}

/* XXXXXXXXXXXXXXX Vollbild-Ansicht XXXXXXXXXXXXXXX */
/* 			Anzeige eines Bildes mit 100% 			*/

#greybackground {
	position: absolute;
	background-color: #000000;
	width: 0%;
	height: 0%;
	/* Transparanz fuer IE, Gecko und Opera */
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	-khtml-opacity: 0.85;
	z-index: 1;
	margin-top: -8px;
	}
	
#picturefullsize {
	display: none;
	position: absolute;
	z-index: 2;
	padding: 10px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}