/*	spintag.css :: SpinTag Homepage Stylesheets  */

#sitemapTable div {
	margin-left:20px;
	margin-bottom:15px;
}

/* standard HTML elements style */
body {
	margin:0px;padding:0px;
	background-color:white;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:80%;
}

/* wenn javascript im browser aktiviert oder deaktiviert */
.jsOn { display:none; }
.jsOff { display:inline; }

.logo {
	background-image:url(/sthome/images/logoBar.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #0f3258;
}
.text { font:normal 80%/140% verdana,arial,helvetica,sans-serif; }
/* wenn text verschachtelt bes. bei tabellen */
.textInText { font:normal 100%/140% verdana,arial,helvetica,sans-serif; }

.labelInTable {
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
}

.textBoxLeft, .textBoxRight { width:250px; font:normal 100%/140% verdana,arial,helvetica,sans-serif; border:1px solid #dfe2e4;}
.textBoxRight {float:right; background-color:red; }
.textBoxLeft {float:left;  background-color:green;}

/* byte angaben */
.small { font-size:80%; padding-left:5px; }

/* gestrichelte linien */
.dashedLineH { background-image:url(/sthome/images/dashedH.gif); background-repeat:repeat-x; }
.dashedLineV { background-image:url(/sthome/images/dashedV.gif); background-repeat:repeat-y; }

/* ------------- ALL LINKS ------------------------ */
a.inline { font-size:80%; }
a { color:#2d5885; text-decoration:none; }
a:hover { text-decoration:underline; }

/* internal Links :: f. hauptbereiche und f. einzelne themen */
a.internHeader, a.internHeader:hover { color:#0f3258; text-decoration:none; }
a.intern, a.intern:hover { color:black; text-decoration:none; }

/* SITEMAP Links */
.sitemapContainer { font:normal 70%/150% verdana,arial,helvetica,sans-serif; color:#2d5885; }
a.mainTitle { font:bold 70% verdana,arial,helvetica,sans-serif; color:#194069; }
a.subTitleLink {
	display:block;
	background-color:#dfe2e4;
	color:#0f3258;
	text-decoration:none;
	padding:2px;
	line-height:110%;
}
a.subTitleLink:hover { text-decoration:underline; } /* hover nochmal wegen moz */
a.sitemap {	text-decoration:none; }
a.sitemap:hover { text-decoration:underline; } /* hover nochmal wegen moz */
/* EOF SITEMAP Links */

/* <a>-links nachgebaut; für onclick verweise bei windows "standardkompatibilität..." - fließtextgröße */
.link {	color:#2d5885; }
.linkHover {
	color:#2c5885;
	text-decoration:underline;
	cursor:pointer;cursor:hand;
}
/* EOF <a>-links nachgebaut */

/* <a>-links nachgebaut; fkt. mit javascript - wie .link nur kleiner :: in "Produkte" */
.zurdemo { color:#2d5885; font-size:85%; cursor:pointer;cursor:hand; }
.zurdemoHover {
	color:#2c5885;
	font-size:85%;
	text-decoration:underline;
	cursor:pointer;cursor:hand;
}
/* ---------------- EOF LINKS ---------------------- */

/* themen überschriften auf den einzelnen seiten, mit bläulich/grauem hintergrund */
.mainProlog {
	background-color:#dfe2e4;
	color:#0f3258;
	font-size:110%;
	text-align:center;
	padding:2px;
	letter-spacing:1px;
}
/* dicke überschriften von texten */
.prolog {
	color:#0f3258;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

/* article styles */
.autor {
	font:italic verdana,arial,helvetica,sans-serif;
}
.title {
	color:#0f3258;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
.teaser {
	font:italic verdana,arial,helvetica,sans-serif;
	padding-bottom:5px;
}


/* black list items zur übersichtlicheren und platzsparenden gestaltung von listen (bes. in home */
.bull {	color:black; font:normal 100% verdana,arial,helvetica,sans-serif; }

/*	yellow bullets in Services */
.bullet { vertical-align:top; padding-top:3px; padding-right:8px; }

.text ul { list-style-image:url(/sthome/images/pfeil.gif); vertical-align:top; margin-top:0px; margin-bottom:0px; }
.text li { padding-bottom:5px; margin-left:-20px; }
.text p { margin-top:0px; margin-bottom:5px; margin-right:15px;}
hr {color:#FF9933}

button, .button {
	font:normal 90% verdana,arial,helvetica,sans-serif;
	border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;
	border-right:1px solid black; border-bottom:1px solid black;
	background-color:#dadada;
}
form, input, textarea { margin:0px; font:normal 100% arial,helvetica,sans-serif; }
.form {
	padding:5px;
	background-color:#f4f4f2;
	border-right:1px solid #bcbbb5;
	border-bottom:1px solid #bcbbb5;
	border-top:1px solid #ededed;
	border-left:1px solid #ededed;
}

/* NEWS spalte */
.newsHeader {
	font-weight:bold;
	color:#0f3258;
	border-bottom:1px solid #0f3258;
}
/* EOF NEWS spalte */

/* tabellen backgrounds in produkte */
.productTableBG   { background-color:#f6f6f5; }

/* code letters in 'Einbindung' */
.codeBorder {  border:1px dashed #bcbbb5; padding:5px; background-color:#f4f4f2; }
.code {
	font-family:"courier new","times new roman",serif;
	font-size:100%;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
}
.codeNested {
	font-family:"courier new","times new roman",serif;
	font-size:100%;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:30px;
}
/* EOF code letters */

/* in wegbeschreibung hervorgehobene wörter */
.routing { color:black; font-weight:bold; }

/* ---------- TOGGLE -------------- */
.toggleText { color:#fa8613; }
.toggleTextHover { color:#fa8613; text-decoration:underline; cursor:pointer;cursor:hand; }
/* ---------- EOF TOGGLE ------------ */

/* ---------------- UPLOAD CONTROL ----------------- */
.uploadContainer {
	font:normal 12px verdana,arial,sans-serif;
	border:1px solid black;
	background-color:white;
}
.uploadHeader {
	font-weight:bold;
	color:white;
	height:20px;
	background-color:#194069;
}
.uploadInput {
	border:1px solid #333333;
	font-size:11px;
}
.uploadContainer a { line-height:200%; }
/* ---------------- EOF UPLOAD CONTROL ----------------- */


/* ---------- LEFT WINDOW NAVIGATION --------------------- */

/* unterrubriken; links ohne bgcolor */
.menu2 td a {
	display:block; /*width:100%; moz prob*/
	color:#2d5885;
	background-color:white;
	font:normal 70% verdana,arial,sans-serif;
	padding:4px;
	text-decoration:none;
	border-bottom:1px solid black;
}
/* Hauptrubriken */
.menu2 td a.main {
	background-color:#dfe2e4;
	color:#0f3258;
	font:normal 78% verdana,arial,sans-serif;
	padding:3px;
	border-bottom:1px solid black;
}
.menu2 td a:hover,
.menu2 td a.main:hover {
	text-decoration:none;
	color:white;
	background-color:#54728e;
	border-right:3px solid #FF9933;
}
/* unterrubriken in "Auto" */
.menu2 td.sub a { padding-left:15px; }

/* ---------- EOF LEFT WINDOW NAVIGATION --------------------- */

/* ---------------------- TABS ---------------------------- */

/* ############### HTML Tabs ################# */

/* main navigation no JS */

/* blauer bar */
#menu1 { background-color:#194069; height:23px; }

/* einzelne links auf blauem bar */
#menu1 a {
	color:white;
	font:normal 80% verdana,arial,sans-serif;
	text-decoration:none;
	padding:3px;
	border-right:3px solid #194069;
	cursor:pointer;cursor:hand;
	line-height:1.8em;
}
#menu1 a:hover,
#menu1 a:active,
#menu1 a:focus {
	text-decoration:none;
	background-color:#54728e;
	border-right:3px solid #FF9933;
	cursor:pointer;cursor:hand;
}
/* EOF main navigation no JS */

/* no JS Tab links */
a.linkAsTab {
	background-color:#194069;
	color:white;
	font:normal 80% verdana,arial,sans-serif;
	text-decoration:none;
	border-right:3px solid #194069;
	padding:3px;
	margin:3px; /* abstand zw. den tabLinks */
	cursor:pointer;cursor:hand;
}
a.linkAsTab:hover,
a.linkAsTab:active,
a.linkAsTab:focus {
	text-decoration:none;
	background-color:#54728e;
	border-right:3px solid #FF9933;
	cursor:pointer;cursor:hand;
	padding:3px;
}
/* aufruf aus tabfile.php - Nachbau f. aktivierte Tabs */
span.noJSTabActive {
	color:white;
	text-decoration:none;
	background-color:#54728e;
	border-right:3px solid #FF9933;
	padding:3px;
	margin-left:-3px;
	margin-right:-6px; /* um .linkAsTab padding (li:3px)+ border(re:6px) zu ueberschreiben */
	cursor:default;
}
/* ############### EOF HTML Tabs ################# */

/* default styles überschreiben: da gesamte HP tabs */
.defTabContent {
	border:0px solid #143557;
	padding:0px;
}
.defTabConnector { background-color:transparent; }
.defTabActive {
	text-align:center;
	background-color:#194069;
	color:white;
	font:bold 11px verdana,arial,helvetica,sans-serif;
	white-space:nowrap;
	cursor:default;
}
.defTabInactive  {
	text-align:center;
	background-color:#bdc1c5;
	border-top:0px solid white;
	border-bottom:0px solid white;
	font:normal 11px verdana,arial,sans-serif;
	white-space:nowrap;
	cursor:pointer;cursor:hand;
}
/* EOF default styles überschreiben: da gesamte HP tabs */

/* ############### Javascript Tabs ################# */

/* for main menu */
.MainMenuNotSelectedTab {
	color:white;
	font:normal 80% verdana,arial,helvetica,sans-serif;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	line-height:1.8em;
	border-right:3px solid #194069;
	white-space:nowrap;
	cursor:pointer;cursor:hand;
}
.MainMenuSelectedTab {
	color:white;
	font:normal 80% verdana,arial,helvetica,sans-serif;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	line-height:1.8em;
	background-color:#54728e;
	border-right:3px solid #FF9933;
	white-space:nowrap;
	cursor:default;
}
/* hover nachbau */
#menu1 .tabHoverOut {
	border-right:3px solid #194069;
	color:white;
	font:normal 80% verdana,arial,helvetica,sans-serif;
	padding-left:10px;
	padding-right:10px;
	line-height:1.8em;
	cursor:pointer;cursor:hand;
}
#menu1 .tabHover {
	font:normal 80% verdana,arial,helvetica,sans-serif;
	padding-left:10px;
	padding-right:10px;
	line-height:1.8em;
	color:white;
	background-color:#54728e;
	border-right:3px solid #ff9933;
	cursor:pointer;cursor:hand;
}

/* for subtabs -> tabfolders */
.subTabContent {
	font:normal 100% verdana,arial,helvetica,sans-serif;
	border:1px solid #ff9933;
	padding:10px;
}
.subTabConnector { background-color:#ffaa00; }

/* horizontal */
.selectedTabs    {
	font:normal 70% verdana,arial,helvetica,sans-serif;
	background-color:#ffaa00;
	color:black;
	padding-left:1px;
	white-space:nowrap;
	cursor:default;
}
.notSelectedTabs   {
	font:normal 70% verdana,arial,helvetica,sans-serif;
	background-color:#FFCC66; /*FFD37B FCE6B9 FCD585 FFCC66 */
	color:#444444;
	padding-top:1px;
	padding-left:1px;
	border-top:1px solid #FFCC66;
	border-bottom:1px solid white;
	white-space:nowrap;
	cursor:pointer;cursor:hand;
}
/* vertical */
.selectedTabsV    {
	font:normal 70% verdana,arial,helvetica,sans-serif;
	background-color:#ffaa00;
	color:black;
	text-align:right;
	padding:1px;
	border-bottom:1px solid #98866C;
	white-space:nowrap;
	cursor:default;
}
.notSelectedTabsV   {
	font:normal 70% verdana,arial,helvetica,sans-serif;
	background-color:#FFCC66;
	color:#444444;
	text-align:left;
	padding:1px;
	border-right:1px solid white;
	border-bottom:1px solid #A28D68;
	white-space:nowrap;
	cursor:pointer;cursor:hand;
}
/* ############### EOF Javascript Tabs ################# */

/* ---------------------- EOF TABS ---------------------------- */


/* -------------- WEBLEX ---------------- */

#fontSelector { background-color:white; display:block; }
#hideSwitch { background-color:white; display:block; }

.weblexButton {
	color:black;
	text-decoration:none;
	font:normal 90% verdana,arial,helvetica,sans-serif;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:#dadada;
}
.weblex { font-size:80%; line-height:140%; }
.weblex p.char { font-weight:bold; font-size:120%; border-bottom:1px solid black; }
.weblex p.char a { color:black; } /* interne Links ueberschreiben */
.weblex h2 {
	font-size:100%;
	font-weight:normal;
	background-color:#f6f6f5;
	padding:1px;
	color:#fa8613;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
}
.weblex div { margin:-8px 4em 20px 26px; /* top, right, bottom, left */ }
.topic { display:block; width:100%; cursor:pointer;cursor:hand; }

.weblex ol li { margin-left:-16px; }
dl { padding-left:2em; margin-top:5px; }
dd { padding-bottom:10px; }

/* weblex floating navigation */
.menu2 td span {
	font:normal 78% verdana,arial,sans-serif;
	padding:3px;
	border-bottom:1px solid black;
}
.showHide {
	width:140px;
	color:black;
	font:normal 90% verdana,arial,helvetica,sans-serif;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:#dadada;
	cursor:pointer;cursor:hand;
}
.char td { border:1px solid #666666; width:25%; text-align:center; }
.char a.weblex {
	color:#2d5885;
	background-color:white;
	font:bold 80% verdana,arial,helvetica,sans-serif;
	border-right:3px solid white;
	padding:2px;
	text-decoration:none;
	border-bottom:0px solid black;
}
.char a.weblex:hover {
	padding:2px;
	text-decoration:none;
	color:white;
	background-color:#54728e;
	border-right:3px solid #FF9933;
	border-bottom:0px solid black;
}

/* EOF weblex floating navigation */

/* -------------- EOF WEBLEX ---------------- */

/* Note: making the copyright message unreadable is a copyright violation */
.SpinTagCopyright {
	text-align:center;
	padding:5px;
	color:#aaaaaa;
	font:64% verdana,arial,helvetica,sans-serif;
}
td.SpinTagCopyrightCell {
	text-align:center;
	border-top:1px solid #cccccc;
}
a.SpinTagCopyrightText, a.SpinTagCopyrightText:hover {
	font:normal 80% verdana,arial,helvetica,sans-serif;
	color:#aaaaaa;
	text-decoration:none;
	cursor:text;
}

/* classes for ST components :: important, do not delete */
.havejs {display:none}
.SpinTag2 {display:none}
.javascript {display:none}
.javascript2 {display:none}
.javascript_example, .javascript_example2 {
	font-family:"courier new","times new roman",serif;
}
.nr	{ color:silver; background-color:#eeeeee; text-align:right; padding-right:10px}
.comment {color:green}
.string {color:blue}
.number {color:red}
.keyword {color:black; font-weight:bold}

.over {background-color:orange; }
.normal {background-color:white;}
.testCode {border:1px solid silver; padding:10px}
.testCode td {font-size:12px; font-family:Courier}

#variante4 td {background-color:white;}

.sectionHeader {
	color:#0F3258; 
	border-bottom:1px solid #0F3258;
	padding:2px;
	letter-spacing:1px;
	margin-bottom:8px; 
}

.quest { 
	margin-top:20px;
	text-align:left;
	/* color:#0F3258; font-weight:bold;*/
}
.resp {
	background-color:#EFF5FA;
	margin-bottom:10px;
	margin-left:16px; 
}

.picL {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px; 
}
.picR {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px; 
	padding-right:10px; 

}

.box {
	background-color:white; 
	border:1px solid #0F3258;
	margin:12px;
	padding:10px;	
}
.boxHeader { 
	font:normal 100% Verdana,Arial,Helvetica,sans-serif; 
	font-weight:bold;
	color:#0F3258;
	border-bottom:1px solid #0F3258;
}
.boxBody { 	
	padding-top:5px;
	line-height:1.6em; 
}

#assetOps {
	font:normal 80% Verdana,Arial,Helvetica,sans-serif; 
	background-color:black;
	border:1px solid #CCCCCC;
	margin:5px;
}
#assetOps td {background-color:white;}