/* Basic Sysmatrix Styling - zber 2012 */
/* @import url(http://fonts.googleapis.com/css?family=Viga); */
@font-face {
  font-family: 'Viga';
  font-style: normal;
  font-weight: 400;
  src: local('Viga-Regular'), url(../css/viga.woff) format('woff');
}
* {
	font-family: 'Viga', sans-serif;
	font-weight: 400;
}
body {
	background: url(../img/body_bg.gif);
	font-size: 16px;
}
header {
	padding: 0px;	
}
#sysmatrixlogo {
	background: url(../img/raster.png);
	width: 34px;
	height: 34px;
	margin: 4px;
}
/* NAVIGATION */
	/* base nav styles */  
		nav { position: absolute; display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; z-index: 200; cursor: pointer; }
		nav ul { padding:0; margin:0; }  
		nav li { position:relative; float:left; list-style-type:none; }  
		nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }  
		nav li a, nav li a:visited { display:block; padding:10px 30px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }  
		nav li a:focus { outline:none; text-decoration:underline; }  
		/* nav li:first-child a { border-left:none; }  */
		nav li.last a { border-right:none; }  
		nav a span { float:rightright; margin-left:5px; }  /* da war noch: display:block;  */
		nav ul ul { display:none; min-width:100%; position:absolute; left:0; margin-right: 10px; background:#6a6a6a; }  
		nav ul ul li { float:none; white-space: nowrap; } 
		nav ul ul a, nav ul ul a:visited { color:#eee; padding:5px 20px; border-left: 10px #666 solid; border-right:none; border-top: 1px white solid; }  
		nav ul ul a:hover { background-color:#555; border-left-color: #fff; cursor: pointer; }
		nav ul ul a.active { border-left: 10px green solid; } 
	/* base nav styles */
	/* nav CSS3 */
		 /* .borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }  */
		 .cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #666, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#666)); }  
		 /* .boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }  */
		 .cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }  
		 /* .borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-rightright-radius:4px; border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  */
		 .boxshadow.rgba nav ul ul { background-color:rgba(0,0,0,0.8); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }  
		 .rgba nav ul ul li { border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); }  
		 .rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); }  
		 /* .borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-rightright-radius:4px; border-bottom-left-radius:4px; border-bottom-rightright-radius:4px; }  */
		 .csstransforms ul a span.dropdown { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }  
	/* nav CSS3 */
/* NAVIGATION */

/* CONTENT */
	/* basic container */
	.dragdialog { background-color: rgba(255,255,255,0.3); width: 1000px; margin: 20px; border: 1px black solid; z-index: 100;}
	.dragtitle { padding:12px ; background-image:-moz-linear-gradient(0% 22px 90deg, #666, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#666)); color: white; cursor: move; }
	.dragcontent { height: 600px; padding: 12px; overflow: auto; overflow-x: hidden; }
/* CONTENT */

/* DIALOG */
	/* basic container */
	#dialog { background-color: rgba(255,255,255,0.3); width: 600px; margin: 4px; border: 1px black solid; z-index: 120; top: 50px; left: 50px; position: absolute; }
	#dialog nav { margin: 0; }
	#dialogtitle { padding:12px ; background-image:-moz-linear-gradient(0% 22px 90deg, #666, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#666)); color: white; cursor: move; }
	#dialogcontent { height: 600px; padding: 12px; overflow: auto; overflow-x: hidden; background-color: rgba(255,255,255,0.9);}
	#dialoghandle { position: absolute; right: 0px; top: 0px; width: 60px; height: 40px; padding-top: 10px; cursor: pointer; }
	#dialoghandle div { padding-left: 35px; }
	#addVar { position: absolute; top: 15px; right: 10px; cursor: pointer; }
/* DIALOG */


/* jquery UI */
.ui-icon {
	background-image: url(../css/icons_only/ui-icons_cccccc_256x240.png)	
}
nav .ui-icon {
	float: left;	
	margin-left: -15px;
	margin-top: 2px;
	margin-right: 4px;
}
nav ul ul .ui-icon {
	float: left;	
	margin-left: -5px;
	margin-top: 2px;
	margin-right: 4px;
}
nav .ui-icon.ui-icon-empty {
	background: none;	
}
#maintitle .ui-icon {
	float: left;	
	margin-left: 0;
	margin-top: 0;
	margin-right: 4px;
}
#hiddencontent {
	display: none;	
}
.manip {
	float: left;
	min-width: 140px;
}
.manip .ui-icon {
	float: left;
}
.SystemeVerwalten {
	clear: both;
	background-color: rgba(99,99,99,0.2);
	margin: 10px; padding: 10px;
	position: relative;
}
.SystemeVerwalten.Knopf {
	background-image:-moz-linear-gradient(0% 22px 90deg, #666, #999);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#666)); 
	color: white;
	display: inline-block;
	padding: 30 0 30;
	width: auto;
	cursor: pointer;
}
.SystemeVerwalten .SystemLoeschen {
	right: 0; top: 10px;
	position: absolute;
}
.clearer {
	width: 100%;
	height: 1px;
	clear: both;	
}

#metaform label, #vardataform label {
	width: 200px;
	display: block;
}
#metaform textarea, #vardataform textarea {
	width: 100%;
	height: 300px;	
}
#svg {
	height: 600px;
	width: 976px;	
}
/*
#svg text {
	stroke: #666;
	font-family: "Viga";
	font-size: 30px;
	stroke-width: 1px;
	stroke-linecapp: butt;
	stroke-linejoin: miter;
	cursor: pointer;
}
#svg .textbox {
	fill: rgba(255,255,255,0.9);
	stroke: rgba(0,0,0,0.3);
	stroke-width: 4px;
	cursor: move;
}
#svg .verbindung {
	fill: none;
}
#svg .verbindung.staerke1, #svg .verbindung.staerke-1 {
	stroke-width: 2px;
}
#svg .verbindung.staerke2, #svg .verbindung.staerke-2 {
	stroke-width: 4px;
}
#svg .verbindung.staerke3, #svg .verbindung.staerke-3 {
	stroke-width: 6px;
}
#svg .verbindung.minus {
	stroke-dasharray= 4,10;
}
*/
#systemtable td {
	width: 25px;
	text-align: right;
	border: 1px grey solid;
	padding: 2px;
}
#systemtable td.selfvar {
	background-color: rgba(0,0,0,0.2);
}
#systemtable td:first-child {
	width: 250px;
	text-align: left;
}
#systemtable .highlight {
	background-color: rgba(0,0,0,0.1);	
}
.beschriebtitel {
	font-weight: bold;
	padding-top: 10px;	
	cursor: pointer;
}

.skala {
	position: relative;
	height: 2em;
}
.skala  div {
	position: absolute;
}
.skala .minus3 {
	left: 0%;
}
.skala .minus2 {
	left: 16.666%;
}
.skala .minus1 {
	left: 33.33%;
}
.skala .plusminus {
	left: 50%;
}
.skala .plus1 {
	left: 66.666%;
}
.skala .plus2 {
	left: 83.33%;
}
.skala .plus3 {
	left: 100%;
}

#copicontent a {
	display: block;
	color: red;
	cursor: pointer;
}
#copicontent a.aktiv {
	color: green;
}
#copicontent a span {
	float: left;
}

li.blink a {
	text-decoration: blink;
}

li.blink li a {
	text-decoration: none;
}

#maincontent label{
	width: 20em;
	display: block;
	float: left;
	clear: both;
	margin-right: 1em;
}