/*ALLGEMEIN*/
html{/*unterdrückt horizontale scrollbars*/
  	overflow-y:scroll; 
  	overflow-x:hidden; 
}
body, table, tr, td, div, th {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#1B1B1B;
	line-height:16px;
	margin:0px;
	padding:0px;
}
body{
	background-color:#ffffff;
	margin-left:20px;
}
.frame-oben{
	background-color:#23ABE3 !important;
	margin-left:20px;
}
table, tr, td, th{
	vertical-align:top;
}
img{
	border:0px;
}
p{/*paragraph - nur abstand nach unten (also nach </p>) - standard absatz (nicht br verwenden!)*/
	margin-top:6px;
	margin-bottom:0px;
}
blockquote{
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	margin-left:10px;
}
ul {/*unsortierte liste*/
	list-style-image:   url("../img_allgemein/aufzaehlung.gif");
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:5px;
	padding:0px;
	}
ol {/*sortierte liste*/
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:12px;
	padding:0px;
	} 
li {/*listenpunkte*/
	margin-top:0px;
	margin-bottom:0px;
	margin-left:11px;
	margin-right:0px;
	}
h1, .head_blau{/*headline blau*/
	font-size:11px;
	color:#1CA1D8;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	clear:both;
}
h2{/*headline hellgrau*/
	font-size:11px;
	color:#545454;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:6px;
	clear:both;
}
h3{/*headline schwarz*/
	font-size:11px;
	color:#000000;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:6px;
	clear:both;
}
h4{/*headline blau*/
	font-size:11px;
	color:#1CA1D8;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:6px;
	display:inline;
}
h5{/*headline weiss*/
	font-size:11px;
	color:#ffffff;
	line-height:16px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:6px;
	display:inline;
}
.blau{/*schriftfarbe blau*/
	color:#1CA1D8;
}
a.blau:link, 
a.blau:visited,
a.blau:active,
a.blau:hover{/*link standard (blau)*/
	color:#1CA1D8;
	text-decoration:none;
}
a.weiss:link, 
a.weiss:visited,
a.weiss:active,
a.weiss:hover{/*link standard (blau)*/
	color:#ffffff;
	text-decoration:none;
}
a:link, 
a:visited,
a:active{/*link standard (grau/blau)*/
	color:#1B1B1B;
	text-decoration:none;
}
a:hover{/*link standard (grau/blau)*/
	color:#1CA1D8;
	text-decoration:none;
}
#news  a:link,
#news  a:visited,
#news  a:hover,
#news  a:active{
	color:#1CA1D8;
	text-decoration:none;
}
/*TABELLEN UND DIVS*/
#all{/*all:div umfasst content; einzige funktion:legt breite fest*/
	width:800px;
	display:block;
	margin-top:26px;
}
#all-oben{/*all:div umfasst content; einzige funktion:legt breite fest*/
	width:800px;
	display:block;
}
.clear{
	clear:both;
}
.balken-01{/*grauer oder blauer balken über spalte*/
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:19px;
	display:block;
}
.balken-02{/*grauer oder blauer balken über spalte*/
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
}
.tab1{/*eine spalte breit*/
	width:200px;
	margin-bottom:16px;
}
.tab2{/*zwei spalten breit*/
	width:400px;
	margin-bottom:16px;
}
.tab3{/*drei spalten breit*/
	width:600px;
	margin-bottom:16px;
}
.tab4{/*vier spalten breit*/
	width:800px;
	margin-bottom:16px;
}
.col02 td{
	background-color:#ffffff;
	padding:1px 5px 1px 10px;
	}
.col01 td{
	background-color:#E7F8FF;
	padding:1px 5px 1px 10px;
	}
td .sachnummer, th .sachnummer{
	width:120px;
	padding:0px 10px 0px 0px;
	float:left;
}
th{
	background-color:#E9E9E9;
	padding:1px 5px 1px 10px;
	text-align:left;
	font-weight:bold;
	color:#545454;
}
strong{
	color:#545454;
}
.con-image-grau-01{/*td in der sich ein bild befindet mit linie links*/
	cursor:default;
	background-image:     url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-right:19px;
	padding-left:1px;
	height:129px;
}
.con-image-grau-02{/*td in der sich ein bild befindet mit linie links*/
	cursor:default;
	background-image:     url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:1px;
	height:129px;
}
.con-image-grau-01 img{
	cursor:default;
	}
.con-text-grau-01{/*td in der sich text befindet mit grauer linie links*/
	background-image:    url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:19px;
	height:129px;
}
.con-text-grau-02{/*td in der sich text befindet mit grauer linie links*/
	background-image:    url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:0px;
	height:129px;
}
.con-text-blau-01{/*td in der sich text befindet mit grauer linie links*/
	background-image:     url("../img_allgemein/blau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:19px;
	height:129px;
}
.con-text-01{/*td in der sich text befindet ohne graue linie links*/
	padding-left:11px;
	padding-right:19px;
}
.con-halb-image-grau-01{/*td in der sich ein bild befindet mit linie links bei zweisplatiger tab, z.b. bei den übersichtseiten zu den produktgruppen*/
	background-image:     url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:1px;
	height:129px;
	width:50%;
}
.con-halb-text-01{/*td in der sich text befindet bei zweisplatiger tab, z.b. bei den übersichtseiten zu den produktgruppen*/
	padding-left:11px;
	padding-right:19px;
	width:50%;
}
.con-halb-text-02{/*td in der sich text befindet bei zweisplatiger tab, z.b. bei den übersichtseiten zu den produktgruppen*/
	padding-right:19px;
	width:50%;
}
.con-halb-text-grau-02{/*td in der sich text befindet mit linie links bei zweisplatiger tab, z.b. bei den übersichtseiten zu den produktgruppen*/
	background-image:     url("../img_allgemein/grau125.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:50%;
	padding-right:19px;
	padding-left:11px;
	height:129px;
}
.con-drittel-text-01{/*td in der sich text befindet bei dreisplatiger tab (home)*/
	padding-left:11px;
	padding-right:19px;
	width:200px;
}
.con-text-blau-02{/*td in der sich text befindet mit blauer linie (halbe höhe!) links (mailingliste)*/
	background-image:    url("../img_allgemein/blau47.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:20px;
	height:52px;
}
.con-text-grau-02{/*td in der sich text befindet mit grauer linie links*/
	background-image:    url("../img_allgemein/grau47.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:20px;
	height:52px;
}
.con-text-blau-03{/*td in der sich text befindet mit blauer linie (halbe höhe!) links (mailingliste)*/
	background-image:    url("../img_allgemein/blau47.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:11px;
	height:52px;
}
.tabelle_abstand{
	margin:0px 0px 10px 0px;
}
/*IMAGES, ICONS, ..*/
.trennlinie-01{/*1px trennlinie*/
	margin-bottom:1px;
	display:block;
	clear:both;
}
.headlinegrafik{/*seitenheadline (grafik)*/
	display:block;
	margin-bottom:2px;
	margin-top:4px;
}
.img-right-01{/*image, am reichten rand ausgerichtet (eingerückt), textfluss links*/
	float:right;
	margin-right:10px;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:3px;
	vertical-align:text-bottom;
}
.img-right-02{/*image, am reichten rand ausgerichtet (nicht eingerückt), textfluss links*/
	float:right;
	display:inline;
	margin-left:10px;
	margin-top:4px;
	margin-bottom:2px;
}
.img-left-01{/*image, am linken rand ausgerichtet, textfluss rechts*/
	float:left;
	display:inline;
	margin-right:5px;
	margin-top:4px;
	margin-bottom:2px;
}
.img-block-01{/*bild, links ausgerichtet, kein textfluss (erst wieder unter dem bild)*/
	margin-top:4px;
	margin-bottom:2px;
	display:block;
}
.img-block-minus10{/*image wird um 10 pixel nach links verschoben >> wenn der text eingerückt ist, dass bild aber linksbündig sein soll..*/
	margin-left:-10px;
	margin-bottom:2px;
	display:block;
}
.img-inline-minus10{/*image wird um 10 pixel nach links verschoben >> wenn der text eingerückt ist, dass bild aber linksbündig sein soll..*/
	margin-left:-10px;
	margin-bottom:2px;
	display:inline;
	float:left;
	margin-right:5px;
}
a.pfeil-01{/*pfeil icon, am reichten rand ausgerichtet, textfluss links*/
	background-image:   url("../img_allgemein/pfeil_schwarz.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
	display:block;
	color:#1B1B1B;
}
a:hover.pfeil-01{/*pfeil icon, am reichten rand ausgerichtet, textfluss links*/
	background-image:url(../img_allgemein/pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	display:block;
}
a.pfeil-01 p, a:hover.pfeil-01 p{
	padding-right:15px;
	margin:0px;
}
a.pfeil-02{/*pfeil icon, am reichten rand ausgerichtet, textfluss links*/
	background-image:   url("../img_allgemein/pfeil_schwarz.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
	color:#1B1B1B;
	padding-right:15px;
	float:left;
	clear:both;
}
a:hover.pfeil-02{/*pfeil icon, am reichten rand ausgerichtet, textfluss links*/
	background-image:url(../img_allgemein/pfeil_blau.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-right:15px;
}
.download-pdf{/* z.b. pdf icon bei download*/
	background-image:   url("../img_allgemein/pdf.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0px 0px 3px 20px;
	display:block;
}
.download-excel{/* z.b. pdf icon bei download*/
	background-image:   url("../img_allgemein/excel.gif");
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0px 0px 3px 20px;
	display:block;
}
.bilduntertitel{/*text unter bildern*/
	font-size:10px;
	margin-bottom:0px;
	clear:both;
	line-height:14px;
	padding-left:10px;
	margin-top:2px;
	display:block;
	padding-right:20px;
}
.magura-logo{/*magura logo in frame oben*/
	float:right;
	display:inline;
	margin-bottom:10px;
	margin-top:10px;
}
/*FOOTER*/
#footer  a:link,
#footer  a:visited,
#footer  a:hover,
#footer  a:active{
	color:#1B1B1B;
	text-decoration:none;
}
#footer{
	display:block;
	margin-top:5px;
	padding-bottom:17px;
	clear:both;
}
.footer-pfeil{
	margin-right:15px;
	vertical-align:middle;
	margin-left:7px;
}
.footer-nachoben{
	float:right;
	vertical-align:middle;
	margin-left:7px;
	margin-right:0px;
}
.footer-nachoben-pfeil{
	margin-right:18px;
	vertical-align:middle;
	margin-left:7px;
}

/*FORMULARE*/
form{
	margin:0px;
	padding:0px;
}
input, select, textarea{
	margin:0px;
	padding:0px;
	line-height:16px;
	font-size:11px;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.upload01{
	width:280px;
	padding-left:3px;
	height:20px;
}
.input01{
	width:162px;
	padding-left:3px;
	height:16px;
}
.input02{
	width:62px;
	padding-left:3px;
	height:16px;
}
.input03{
	width:92px;
	padding-left:3px;
	height:16px;
}
.input04{
	width:162px;
	padding-left:3px;
	height:60px;
}
.klappbox01{
	width:169px;
	padding-left:3px;
	height:16px;
}
.checkbox01{
	margin-bottom:3px; 
	margin-top:0px;
	margin-right:5px;
	margin-left:0px;
	width:14px;
	height:14px;
	vertical-align:text-top;
}
.radiobutton01{
	margin-bottom:3px; 
	margin-top:0px;
	margin-right:5px;
	margin-left:0px;
	width:15px;
	height:15px;
	vertical-align:text-top;
}
/*dhtml tooltip blendet on mouse over weitere infos ein..*/
#tooltip-con{/*dhtml layer der als tooltip eingeblendet wird*/
	position:absolute;
	left:0px;
	width:220px;
	border:1px solid #E98309;
	padding:10px;
	visibility:hidden;
	z-index:90;
	background-color:#666666;
	color:#FFFFFF;
	/*filter:alpha(opacity=97);
	-moz-opacity:97;*/
}
#tooltip-blase-rechtsunten, #tooltip-blase-linksunten, #tooltip-blase-rechtsoben, #tooltip-blase-linksoben {/*div mit pfeil img, welches das ganze zur blase macht*/
	position:absolute;
	left:0px;
	z-index:100;
	visibility:hidden;
}
#tooltip-mouseover{/*layer mit pfeil an dem dhtml tooltip hängt (style="top:xx px; left:xx px; wird direkt auf der seite festgelegt, da immer unterschiedlich!)*/
	position:absolute;
	z-index:70;
	cursor:pointer;
}
#tooltip-con strong{
	color:#FFFFFF;
}