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

html, body { 
   height: 100%;
   margin: 0;
   padding: 0; font-size:11pt; font-family:Arial, Helvetica, sans-serif }
#logo-halter,
#logo-halter img,
#mainNav,
#navigation,
#navigation div,
#sectgrafik,
#sectgrafik img {display:none}
#navmetalist,
#navmetalist ol,
#navsect,
#navsectlist,
#navsectlist a,
#navsecta,
#service,
#service p
 {display:none}
#outer {width:100%; }
#motto {height:40px; padding:10px 12px 0 12pt; }
#kopfzeile {
	padding: 0px;
	margin: 0;
	border: 0;
	font-size: small;
	font-weight: normal;
	color: #000;
	background: #f0f0f0;
	width:100%;
	height: 75px; /* Box-Model-Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 75px;
	}
html>body #kopfzeile {
	height: 75px;
	background-color: #FFCC33;
	}	  
#kopfzeile img {display:none}
#motto h1,h2 {display:inline;padding:0px;margin:12px;border:0;font-weight:bold;margin-left:0}
#motto h1 {font-size:12pt;}
#motto h2 {font-size:11pt; color: #000;}

/* Hyperlinks - Standard */
a:link {color:#000;}

#mainNav {display:none; 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					:	none;
	list-style				:	none;
	width: 580px;
	padding:	0px;
	margin					:	0;
	color					:	#646464;
	background				:	transparent;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	height:: 25px;
	background-color: #c8c8c8;
}

#navmeta li
{
	display:none;
	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	{	display					:	none;}


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

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

#navsectlist ol {
	display					:	none;
	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-family				: Arial, Helvetica, sans-serif;
	font-size	: 				13px;
	letter-spacing			:	normal;
/* 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 {
	width: 95%;
	padding: 2%;
	margin: 0;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	height: 60px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 60px;
	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:10pt;
	color: #646464;
	display: inline;
}
.nosc {display:block}
.nopr {display:none}
.design {
	letter-spacing:1px;
	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;
	background: #fff;
	width: 90%;
	font-family:Arial, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 90%;
	min-height:325px;
	background-color: #fff;
	}
html>body #inhalt {
	width: 90%;
	margin: 0px 0px;
	padding: 25px;
	background-color: #fff;
		min-height:325px;
	}
#inhalt p {padding:0;margin:0;font-size:11pt;color:#000; line-height: 120%;}
.adresse {font-size: 16px; margin: 10px 0  !important; color:#000; line-height: 130% !important;}
.intranav {font-size:12px; text-align:right}
.textmain {font-size:15px;font-weight:bold;}
#inhalt h1,h2,h3 {margin-top:15mm;font-weight:bold}
#inhalt h1 {font-size:14pt;}
#inhalt h2 {
	font-size:12pt;
	padding: 0;
	display: inline;
	margin-bottom: 3mm;
	}
#inhalt h3 {
	font-size:12pt;
	margin: 0;
	padding: 0;
	display: inline;
}
#inhalt img {float: left;
	border:1px solid #ccc;
	align:left;
	float: left;
	margin: 2px 3px 3px 0px;
}	

/* Inhalt mit Hyperlink-Formatierung - Versuch */
#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 ul {font-size: 11pt; }

#inhalt table {border-collapse:collapse; border-spacing: 3px 10px; border: 1px solid #646464; }
#inhalt td {border-spacing: 22px 10px; border: 1px solid #646464; }
.tabhome {border-spacing: 3px 10px; border: 0px solid #fff !important; }
.table-zeilenfarbig {background-color:#fff}
.tr-dunkler {background-color:#fff !important;}

 

.neues {color:#CC0033; }

/* test*/
#inhalt table.home {border-collapse:collapse; border-spacing: 3px 10px; border: 0px solid #646464; }
#inhalt td {border-spacing: 22px 10px; border: 1px solid #646464; }
  
/* 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 }

html>body #navigation {display:none	}	
	
 #navlistsect
{
	margin-left: 0;
	font: bold 11px;
	width: 150px;
	background-color: #c8c8c8;
}



/* FÜr die Seite team.html */
.teambild {width:75px; padding:3px 20px 6px 3px; float:left}
.teamtext {color:#646464 !important; width:300px; font-size: 16px; font-weight:bold; padding-left:8px;}
.team-funk {color:#000 !important; font-weight:normal !important; }

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

form, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size:15px}
form {
	display:none;
}
input, select, textarea, .checkbox { border: none; background-color:#dede99; margin: 0 5px; vertical-align: top; border: 1px solid #006699}
textarea {	clear: left; width:333px;	}
input:focus, input:hover {
	background-color:#FFCC33;
} 
/* input:focus, input:hover { background-color:#fff; font-size: 120%} */
.submit, .reset { background-color: #cccc99; 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}

.forminfo {font-weight:300; font-style:italic; max-width: 350px;}



label {
	font-style: normal;
	font-weight: normal;
}

/* Glossar-Stile (Definition List) */
.glossarlink {
	font-size:17px;
	margin:33px 5px !important;
	padding: 0 5px !important;
	font-weight:bold;
	text-align:center;
}
dl {
	display:none;
}
dt {
	font-size: 11pt;
	padding-top: 3px;
	font-weight:bold;
	color: #000;
}
dd {
	font-size: 11pt; margin:0;padding:0;
}