body {
font-size:0.8em;
color:#FFFFFF;
text-align:justify;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
background-color:#5F809F;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-style:normal;font-weight:normal;color:#000000}
a:link{text-decoration:underline}
a:visited{text-decoration:underline}
a:hover{text-decoration:none}

.hnav {text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-style:normal;font-weight:normal;color:#F5CF0C}
a.hnav {text-decoration:underline;}
a.hnav:link {text-decoration:underline;}
a.hnav:hover {text-decoration:none;}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em; 
color:#FFFFFF; 
font-weight:bold;
margin-bottom:0.2em;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#FFFFFF;
font-weight:bold;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 0.8em; color:#FFFFFF; font-weight:bold;
}

p {
FONT-SIZE: 0.9em; color:#FFFFFF
}

hr {
margin-top:0em;
margin-bottom:0.3em;
padding:0;
width:100%;
background-color:#fff; /* Mozilla 1.4 */
color:#fff; /* IE 6 */
border: #fff; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.projekte li {
margin-bottom:0.6em;
}


table.containermain
{
background-color:#164E7D;
width:782px;
height:600px;
border:1px solid #FFF;
border-collapse:collapse;
}
td.navi {
padding: 0px;
text-align:left;
background-color:#13446D;
}

table.pics
{
color:#000000;
font-size: 100%;
border:1px solid white;
border-collapse:collapse;
}
td.pics {
padding: 0px;
text-align:right;
border:1px solid white;
}


table.data
{
color:#000000;
font-size: 100%;
border:1px solid white;
border-collapse:collapse;
}

td.data {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
color: #FFF;
padding: 3px;
text-align:right;
vertical-align: top;
border:1px solid white;
}

td.dataleft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
color: #FFF;
padding: 3px;
text-align:left;
vertical-align: top;
border:1px solid white;
}

a.menu { width:156px; margin-top:0px; color:#fff; background-color:#666; display:block;
         font-family:Arial, Helvetica, Verdana, sans-serif; font-size:0.9em; line-height:24px; font-weight:normal; }

a.menu:link    { color:#fff; background-color:#406180; border-bottom:1px solid #13446D; text-decoration:none; }
a.menu:visited { color:#fff; background-color:#406180; border-bottom:1px solid #13446D; text-decoration:none; }
a.menu:hover   { color:#0A3152; background-color:#fff; border-bottom:1px solid #13446D; text-decoration:none; }
a.menu:active  { color:#0A3152; background-color:#fff; border-bottom:1px solid #13446D; text-decoration:none; }

.current {
width:156px; margin-top:0px; color:#fff; background-color:#666; display:block; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:0.9em; line-height:24px; font-weight:normal;
color:#0A3152; background-color:#fff; border-bottom:1px solid #13446D; text-decoration:none;
}

a.current:link    { text-decoration:none; }
a.current:visited { text-decoration:none; }
a.current:hover   { text-decoration:none; }
a.current:active  { text-decoration:none; }

a.submenu { padding-left:5px; padding-right: 5px; margin-top:0px; color:#fff; background-color:#666; display:block;
         font-family:Arial, Helvetica, Verdana, sans-serif; font-size:0.9em; line-height:24px; font-weight:normal; border:1px solid #5F809F;}

a.submenu:link    { color:#fff; background-color:#406180; border-bottom:1px solid #13446D; text-decoration:none; }
a.submenu:visited { color:#fff; background-color:#406180; border-bottom:1px solid #13446D; text-decoration:none; }
a.submenu:hover   { color:#0A3152; background-color:#fff; border-bottom:1px solid #13446D; text-decoration:none; }
a.submenu:active  { color:#0A3152; background-color:#fff; border-bottom:1px solid #13446D; text-decoration:none; }


div.menu { color:#000; background-color:#ccc; width:156px; text-align:left; padding:0px;}


label.left
{
	float			: left;
	text-align		: right;
	color:#FFF; 
/*  die naechsten zwei sind beliebig anpassbar,
	um in das jeweilige Gestaltungsraster (Sie
	verwenden doch ein Gestaltungsraster, oder?)
	zu passen. Bei Aenderungen aber nicht
	vergessen, die margins bei input.right
	entsprechend anzupassen: */
	width			: 16em;
	margin-right	: .3em;
}

/*  positioniert die Text- und
	Auswahlboxen rechts daneben: */

input[type=text],
select
{
	float			: left;
}

/*  dann werden alle checkboxen und radiobuttons,
	die mit der Klasse "right" versehen wurden,
	um den errechneten linken Abstand der input
	und select-Elemente (s.o.) nach rechts
	verschoben: */

input.right
{
	float					:	left;
	width					:	auto;
	clear					:	both;
	margin-left				:	5.3em;
	margin-right			:	.3em;
}

input.submit
{
	float					:	left;
	margin-left				: 17em;
}


/*  Extrawurst fuer Mozilla, keine Ahnung,
	warum das so ist. Feedback und
	Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
	margin-left				:	6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
	sonst floatet es munter weiter */

form br
{
	clear					:	both;
}
/*
  fuer grafische UAs und DAUs der Hinweis, dass
	die Label anklickbar sind. Weil's so schoen ist,
	die Kontrollelemente gleich mit. Mit einer Ausnahme:
	fuer Textfelder macht der Pointer natuerlich keinen
	Sinn, dort sollte nach wie vor die Text-Einfuegemarke
	als Cursor erscheinen. Daher hier die Einschraenkung
	auf die input-Elemente des Typs checkbox, radiobutton,
	button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
	cursor					:	pointer;
}

/*  legt den vertikalen Abstand der
	einzelnen Elemente zueinander fest */

form
{
	line-height				:	180%;
    width:560px;
	font-size: 85%;
	font-weight:normal;
}

.error {
	color:#F5CF0C;
	font-size:0.8em;
	font-weight:bold;
}

#portfolio {
	margin:0;
	padding:0;
	width:780px;
	height:161px;
}

#portfolio ul {
	background-color:#164E7D;
}
#portfolio li {
	list-style-type:none;
}