/*Screen-Stylesheef für Print-Art.de 20040327 */

html, body { 
   margin: 0;
   padding: 0; font-size:15px;
   font-family:Arial, Helvetica, sans-serif;
   }

body {background-color:#FFd200;}

#outer {text-align:left;margin:auto;margin-top:25px;width:744px; background-color:#f0f0f0; border:0px solid blue;}
#logo-halter {float:left;width:150px; height:75px; z-index:1}
#motto {float:right;width:570px; height:40px; padding:10px 12px 0 12px; z-index:2; background-image: url(../_img/navbase/bas-verlauf.gif);}
#kopfzeile {
	padding: 0px;
	margin: 0;
	border: 0;
	font-size: small;
	font-weight: normal;
	color: #000;
	background: #f0f0f0;
	width:744px;
	height: 75px; /* Box-Model-Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 75px;
	}
html>body #kopfzeile {
	height: 75px;
	background-color: #FFCC33;
	}	  
#kopfzeile img {border:0;}
#motto h1,h2 {display:inline;padding:0px;margin:12px;border:0;font-weight:bold;}
#motto h1 {font-size:14px;}
#motto h2 {
	font-size:12px;
	color: #646464;
	margin:12px;
	}
/*  service für Service-Links */
#service {
	float:right;
	/*top:10px;*/
	right:25px;
	width:210px;
	height:20px;
	z-index:1;
	text-align:right;
	margin-top: 0px;
}
#service  p {font-size:12px; margin-top:15px }
#service a:link {text-decoration:none;}
#service a:visited { color:#646464; text-decoration:none;}
#service a:hover { text-decoration:underline;color:#646464;background-color:#ffd200;}
#service a:active { text-decoration:underline;}



#mainNav {float:left; 
	left:150px; 
	width:594px; 
	height:25px; 
	z-index:3; 
	background-color:#c8c8c8; 
	}


/*navmeta OL */

/* -- Reiter -- */
/* wg. unsichtbarem "Übersicht" */
#navmetahead  
{
	display					:	none;
}

#navmeta ol
{
	display					:	block;
	list-style				:	none;
	width: 580px;
	padding:	0px;
	margin					:	0;
	color					:	#646464;
	height: 25px;
	background-color: #c8c8c8;
	font:14px Arial, Helvetica, sans-serif;
}



#navmeta li
{
	width:99px;
	/* width					:	16.4%;  
	max-width				:	5em;
	min-width				:	3em; */
	padding					:	0 ;
	margin					:	0;
	border-right				:	2px solid #646464;
	text-align				:	center;
	letter-spacing			:	normal;
/* die naechsten 4 Zeilen machen den Unterschied */
	display					:	block;
	float					:	left;
	position				:	relative;
	top						:	0;
}

/* -- damit die gesamten Reiter klickbar sind und 
	  nicht nur der tatsaechliche Linktext hier das 
	  Inline-Element a auf block umbiegen und diesem 
	  Block eine Breite von 100% geben. Kewl, dude? -- */

#navmeta li a	{
	color:#646464;
	display					:	block;
	width					:	100%;
	height:25px;
	vertical-align: baseline;
/*
	height					:	100%;
*/}

#navmeta a:link,
#navmeta a:visited
{
	text-decoration			:	none;	color					:	#000;
}

#navmeta a:hover
{
		background-color:#ffd200;
	text-decoration			:	underline;
}

li#nav-home,
li#nav-leis,
li#nav-amts,
li#nav-tech,
li#nav-down,
li#nav-kont
{background-color:#c8c8c8;}
/*Individuelle Einstellung der Breiten  je nach Länge des Link-Texts */
li#nav-home {width:45px;}
li#nav-leis
{width: 80px;}
li#nav-amts
 {width: 80px;}
li#nav-tech
{width: 115px;}
li#nav-down 
{width: 130px;}
li#nav-kont
{width: 60px;}
/* -- zur Positionsanzeige in den Reitern -- */
#navmeta li.current, 
#navmeta li.current a, 
#navmeta li.current a:visited
{
	color					:	#646464!important;
	background				:	#ffd200!important;
	text-decoration			:	none;
}
#navmeta   li.current  a:hover {text-decoration:underline;}
li.current a
{
	color					:	#000;
}

.clear {
	clear: both;
	display: block;
	height: 10px;
}
/********************************************* navsectLIST  *************************************************************/
/* Styles für bereichsspezifisches vertikales  Menü navsectlist */
/*navsect OL */

/* -- Reiter -- */
/* wg. unsichtbarem "Übersicht" */
#navsecthead  {display:	none;}

#navsecta {width:100%; border-bottom:1px solid #f0f0f0;	background-color: #c8c8c8;}
div#navsecta div {border-bottom:1px solid #646464; width: 140px; padding: 0 0 0 10px;margin-bottom:5px;height:23px}
/* #navsecta div a:link {
	font-size: 13px!important;
	line-height:140%;
	padding:7px 12px!important;
	text-decoration:none;
}
*/
#navsecta a.current {text-decoration:underline; background-color:#ffd200 !important; }
/* Ende Styles für bereichsspezifisches vertikales  Menü navsectlist */
#navsecta a:link,
#navsecta a:visited
{	text-decoration			:	none;	
	color					:	#000;	padding-bottom: 3px; font-size:13px;}
#navsecta a:hover {	 background-color:#ffd200; }
 #navsecta a:focus {	text-decoration			:	inherit; background-color:#ffd200; }
 #navsecta a:active {	 text-decoration			:	inherit;}
 

/*  "navsect " wird ausgemuster, dito "navsectlist"*/
#navsectlist ol {
	display					:	block;
	list-style				:	none;
	/*width: 64px;*/
	padding:	0px;
	margin					:	0;
	color					:	#646464;
	background:	transparent;
	background-color: #c8c8c8;
}

#navsect li
	{list-style				:	none;
/*	width:100px; */
	padding					:	0 0 0 0px;
	margin					:	0;
	border-right			:	0;
	text-align				:	left;
	font: 13px Arial, Helvetica, sans-serif
/* die naechsten 4 Zeilen machen den Unterschied */
	display:block;
	top						:	0;
}

/* -- damit die gesamten Reiter klickbar sind und 
	  nicht nur der tatsaechliche Linktext hier das 
	  Inline-Element a auf block umbiegen und diesem 
	  Block eine Breite von ###geben.  -- */

#navsect li a	{
	color:#c8c8c8;
	display					:	block;
	width					:	75%;
	height:auto;
	border-left:20px solid #c8c8c8;
	border-top: 2px solid #646464; 
	border-bottom: 3px solid #c8c8c8;
	/*
	height					:	100%;
*/}

#navsect a:link,
#navsect a:visited
{
	text-decoration			:	none;	
	color					:	#000;
	padding-left:2px;
	border-left:20px solid #c8c8c8;
}

#navsect a:hover
{
	/*	background-color:#ffd200; */
	text-decoration			:	underline;
	padding-left:2px;
	border-left:20px solid #ffd200;
}

li#nav-home,
li#nav-leis,
li#nav-amts,
li#nav-tech,
li#nav-down,
li#nav-kont
{background-color:#c8c8c8;}
/*Individuelle Einstellung der Breiten  je nach Länge des Link-Texts */
li#nav-home {width:45px;}
li#nav-leis
{width: 80px;}
li#nav-amts
 {width: 80px;}
li#nav-tech
{width: 115px;}
li#nav-down 
{width: 130px;}
li#nav-kont
{width: 60px;}
/* -- zur Positionsanzeige in den Reitern -- */
#navsect li.current, 
#navsect li.current a, 
#navsect li.current a:visited
	{
	background-color:#c8c8c8; 
	text-decoration			:	none;
	/*padding-left:2px;
	border-left:20px solid #ffd200;*/
		} 
		
		/* {
	color					:	#646464!important;
background				:	#ffd200!important; 
	text-decoration			:	none;
	border-left: 20px solid #ffd200;
	background-color: #c8c8c8!important;	
		padding-left:2px; } */


li.current a
{
	color					:	#000;
}
#navsect   li.current  a:hover {text-decoration:underline; }
/* Ende Styles für bereichsspezifisches vertikales  Menü navsectlist */




#footer {
	padding: 2%;
	margin: 0;
	font: normal 10px/120% normal;
	color: #000;
	height: 40px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 40px;
	background-color: #f0f0f0;
	border-top-width: 2px;
	border-top-color: #c8c8c8;
	border-top-style: solid;
	text-align: center;
	}
html>body #footer {
	min-height: 25px;
	background-color: #f0f0f0;
	color: #646464;
	text-align: center;
	}	  
#footer p {
	font-size:10px;
	color: #646464;
	display: inline;
}
.nosc {display:none;font-size:4px}
.nopr {display:block}
.design {
	font-size:10px;
	letter-spacing:2px;
	margin-top: 7px;
}
#navigation {
	float: left;
	padding: 0 0px;
	margin: 0;
	border: 0;
	font-size: small;
	color: white;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	background-color: #c8c8c8;
	}
html>body #navigation {
	width: 150px; /* Box-Model-Hack Ende */
	}
#navverlauf {
	float: left;
	padding: 0px 0px;
	margin: 0;
	border: 0px;
	font-size: small;
	font-weight: bold;
	color: #000000;
	background-color: #f0f0f0;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;

	}
html>body #navverlauf {
	width: 150px;
	height: 50px;
	background-position: top left;
	}

#inhalt {
	float: right;
	padding: 25px;
	margin: 0px 0px;
	border: 0;
	font-size: 12px;
	background: #fff;
	width: 544px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 544px;
	min-height:325px;
	background-color: #fff;
	}
html>body #inhalt {
	width: 544px;
	margin: 0px 0px;
	padding: 25px;
	background-color: #fff;
		min-height:325px;
	}
#inhalt p {font-size:13px;color:#000;
}
.homeleft {width:250px; padding:3px}
.homeright  {width:250px; padding:3px; border:1px solid #646464;float:right}

#inhalt table.home {border-collapse:collapse; border-spacing: 3px 10px; border: 0px solid #646464; }
#inhalt td {border-spacing: 22px 10px; border: 1px solid #646464;}
 
#inhalt h1,h2,h3 {margin:12px 0 0 0;color:#646464;}
#inhalt h1 {font-size:16px;}
#inhalt h2 {font-size:14px;
} 
#inhalt h3 {font-size:13px;
	padding: 0;
	display: inline;
}
h2>h3 {margin:-25px 0 -10px 0;}
h3 a {display:block;margin:0;}
h3>p {margin:0}
#inhalt img {float: left;
	border:1px solid #ccc;
	text-align:left;
	float: left;
	margin: 2px 3px 3px 0px;
}	
td>img {
	text-align:center;
	border:none;
	float:none !important;
	vertical-align: middle;
}
#inhalt p+h2 {margin:0!important}
#inhalt p+h3 {margin:0!important}
#inhalt h2+p {margin-top:-0px}

/* Inhalt mit Hyperlink-Formatierung - Versuch */
/* Hyperlinks - Standard */
a:link {color:#000;}
#inhalt a:link:before {content: '» ' }  
#inhalt a:visited:before {content: '» '; color:#660033 }
#inhalt a:hover:before {content: '» ' }
#inhalt a:focus:before {content: '» ' }
#inhalt a:active:before{content: '» ' }
 

#inhalt a[class="mail"]:before {content: '';}
#inhalt li + a:before {content: 'listenlink' !important} 

#inhalt li+a:before     { content: open-quote }
#inhalt li+a:after      { content: close-quote }

#inhalt ul {font-size: 13px; }

#inhalt table {border-collapse:collapse; border-spacing: 3px 10px; border: 0px solid #646464; empty-cells:hide}
#inhalt td {border-spacing: 22px 10px; border: 0px solid #646464; empty-cells:hide}
.tabhome {border-spacing: 3px 10px; border: 0px solid #fff !important; }
.table-zeilenfarbig {background-color:#f0f0f0}
.tr-dunkler {background-color:#ccc!important;}
.neues {color:#CC0033; }

.adresse {font-size: 16px; margin: 10px 0  !important; color:#000; line-height: 130% !important;}
.intranav {font-size:12px; text-align:right}
.textmain {font:bold 15px}


/* zur Positionierung von Content, ob Text, P oder IMG */
.fleft { float: left } /* setzt das Element an den linken Rand des umfassenden Blocks,*/
.fright { float: right } /*setzt das Element an den rechten Rand des umfassenden Blocks,*/
.nod {display:none}
.fnone { float: none }/* lässt ein Element im Textfluss */
.clearleft { clear: left } /* CSS-Eigenschaft clear zwingt einen Block an der äußerst linken oder rechten Seite des umfassenden Blocks anzudocken.*/
.clearright { clear: right }
.clearboth { clear: both }

 #navlistsect
{
	margin-left: 0;
	font: bold 11px;
	width: 150px;
	background-color: #c8c8c8;
}

#navlistsect li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}
#navlistsect li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #646464;
background: #CCD;
text-decoration: none;
}

#navlistsect li a:link { color: #448; }
#navlistsect li a:visited { color: #667; }
#navlistsect li a:hover
{
border-color: #ffd200;
color: #FFF;
background: #332;
}

/* Für die Seite team.html */
.teambild   { margin-bottom: 0; padding: 3px 20px 6px 3px; width: 150px; float: left }
.teamtext   { color: #646464 !important; font-size: 16px; padding: 12px 12px 0; width: 300px }

.team-funk {color:#000 !important; font-weight:normal !important; }

  
/* Styles für Formular & für Glossare */

form, input, select, textarea {font: 15px Arial, Helvetica, sans-serif}
form {
	border: 1px solid #646464;
	padding: 5px;
	width: 500px;
	background-color: #f0f0f0;
}
input, select, textarea  { background-color:#fff; margin: 0 5px; vertical-align: top; border: 1px solid #006699}
 input[type=radio] { border: none !important}  
.checkbox {border:none; background:none}

/* <input type="radio" */
textarea {
	clear: left; width:333px;
	}
input:focus, input:hover {
	background-color:#FFd200;
} 

.submit, .reset { background-color: #FFCC33; border: 3px double #069 !important; }
.beschriftung {width: 130px; line-height:100%; float:left; clear:left; vertical-align: top; padding:3px; }
label {width: 110px; line-height:100%; }
div[id="checkboxes"] {height:38px; }
#rechteck {
	position: absolute;
	background-color: #0099CC;
	left: 322px;
	width: 251px;
	top: 1317px;
}
.formabschnitt { font-weight:bold; padding-top:20px}
legend { text-align: right; font: Verdana, Arial, Helvetica, sans-serif bold; }
fieldset { border: 1px solid blue; }
.forminfo {font-weight:300; font-style:italic; max-width: 350px;}
label {
	border-bottom : 1px dotted white;
	cursor : hand;
	font-style: normal;
	font-weight: normal;
}

/* Glossar-Stile (Definition List) */
.glossarlink {
	font: bold 17px;
	margin:10px 5px !important;
	padding: 0 5px !important;
	text-align:center;
}
dl {
	color: #666666; display:inline;
}
dt {
	text-decoration: none;
	margin-top: 12px;
	padding-top: 3px;
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}
dd {
	font-size: 13px; 
}
/* Styles für optionalen Bereich "insertion" */
#insertion {
	display:block;
	float: left;
	padding: 0px 0px;
	margin: 0;
	border: 0px;
	font: normal small;
	color: #000000;
	background-color: #f0f0f0;
	width: 90%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	height: 120px;
	}
html>body #insertion {
	width: 150px;
	min-height: 90px;
	background-position: top left;
	}
#insertion p {padding:5px;font:normal 12px/120%; border:1px solid #646464; margin:3px}
#insertion p strong {color:#646464}