/*www.ariadne-medienagentur.de
Author: Ariadne-MedienAgentur 2006*/
/*font: Verdana Sammlung; 
Farben: #9A9ACB (hell-blau); #392C74 (HTG-blau)*/
* {
	margin: 0;
	padding: 0;
	border:  0 }
body  {
	color:                #fff;
	background-image:      none;
	background-repeat:     repeat;
	background-attachment: scroll;
	background-position:   0 0;
	text-align:            center;
	min-width:             700px }

	
body   {
	font-size:       93%;
	font-family:      verdana, tahoma, arial, sans-serif;
	line-height:      1.5;
	background-color: #ccc }



a   {
	padding:      0 2px;
	outline-style: none }

a:link {
	outline-style: none }

a:visited        {
	color:          #fff;
	text-decoration: none;
	padding:         0 2px }








h1 {
	font-size:  2em;
	font-weight: bold;
	margin:      0;
	padding:     0 }

h2, h3, p   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:       1em 0 }


h3 {
	font-size: 1.4em }

h4  {
	font-size:  1.2em;
	font-weight: bold;
	margin:      1em 0 }
h5     {
	font-size:   1.2em;
	font-weight:  bold;
	padding-left: 12px }





.clear {
	clear: both }
.nomore {
	margin-bottom: 20px;
	clear:          both }

/***************************************************************/
/**************** Layout CSS  ****************************/
#verpackung        {
	font-size:            80%;
	background-color:      #392c74;
	background-repeat:     repeat-y;
	background-attachment: scroll;
	background-position:   right 0;
	text-align:            left;
	margin:                0 auto;
	width:                 80%;
	border:                solid 1px #ccc }







#verpackung    {
	position: relative;
	z-index:   500 }




#header, #subnav, #fusszeile   {
	background-repeat:    repeat-y;
	background-attachment: scroll;
	background-position:   right 0;
	width:                 100%;
	clear:                 both }



#header          {
	color:                #fff;
	background-color:      #9a9acb;
	background-repeat:     repeat-y;
	background-attachment: scroll;
	background-position:   right 0;
	text-align:            right;
	margin-right:          -1px;
	padding:               1px 0;
	position:              relative;
	height:                82px;
	border-right:          12px solid #9a9acb }










#subnav      {
	color:       #000;
	line-height:  1.5;
	background:   #392c74;
	height:       80px;
	border-style: none solid;
	border-width: 1px 12px 1px 0;
	border-color: #4a1a21 #c06 #4a1a21 #4a1a21 }
/************PFAD (Breadcrumbs)**************/
#breadcrumbs {
	color:        #fff;
	font-size:     0.9em;
	margin:        5px 0 10px;
	padding:       0.2em;
	z-index:       20;
	width:         99%;
	border-bottom: 1px solid #9a9acb }

#breadcrumbs a {
	color:          #fff;
	text-decoration: none }

#breadcrumbs a:hover {
	text-decoration: underline }

#breadcrumbs a:visited {
	color: #fff }

/*-----------------FUSSZEILE Formatierungen-----------------*/
#fusszeile                  {
	color:        #000;
	background:    #9a9acb no-repeat right 10px;
	text-align:    center;
	padding-top:   10px;
	position:      relative;
	height:        100px;
	border-right:  12px solid #9a9acb;
	border-bottom: 10px solid #9a9acb }

















#fusszeile a  {
	color:          #000;
	font-size:       0.8em;
	text-decoration: none }

#fusszeile a:hover {
	text-decoration: underline }

#fusszeile a:visited {
	color:          #000;
	text-decoration: none }

#fusszeile div   {
	background-color:     transparent;
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   100% 0;
	padding:               1px 0 }
.css    {
	color:       #fff;
	text-align:   left;
	padding-left: 0;
	position:     absolute;
	left:         2px }



.html       {
	color:       #fff;
	text-align:   left;
	padding-left: 0;
	position:     absolute;
	top:          42px;
	left:         2px }



#fusszeile .copyright {
	font-weight: bold }

#vdwa-logo  {
	position: absolute;
	top:       5px;
	right:     10px;
	width:     100px;
	height:    100px }


/***********INHALT GERUEST**************/
#inhalt-geruest {
	background-color:     transparent;
	background-repeat:     repeat-y;
	background-attachment: scroll;
	background-position:   100% 0;
	position:              relative;
	width:                 100%;
	float:                 left;
	border-right:          12px solid #c06 }

#inhalt-geruest:after {
	visibility: hidden;
	display:     block;
	height:      0;
	clear:       both;
	content:     "." }
#inhalt-huelle      {
	color:           #000;
	background-color: transparent;
	margin-right:     -95%;
	z-index:          10;
	width:            100%;
	float:            left }






#inhalt-huelle a:link, #inhalt-huelle a:visited {
	text-decoration: none;
	margin:           0;
	padding:          0 }

#inhalt-huelle a:hover {
	color:                #000;
	background-image:      none;
	background-repeat:     repeat;
	background-attachment: scroll;
	background-position:   0 0 }

* html div#inhalt-huelle {
	margin-right: -100% }

#inhalt-halter          {
	background-color:     transparent;
	background-repeat:     repeat-x;
	background-attachment: scroll;
	background-position:   100% 0;
	margin:                0 70px 0 185px;
	position:              relative;
	z-index:               500;
	height:                auto }

#inhalt-halter a:hover {
	color: #c06 }
/****************INHALT (spalten)***************/
#inhalt-spalten               {
	background-color:     #ccc;
	background-repeat:     repeat-x;
	background-attachment: scroll;
	background-position:   100% 0;
	margin:                0 0 50px;
	padding:               0 0 12px;
	width:                 100%;
	overflow:              hidden }
#inhalt-spalten-sitemap    {
	margin:  0 0 50px;
	padding:  0 0 12px;
	width:    100%;
	height:   auto;
	overflow: hidden }
#inhalt-spalten-sitemap a, #inhalt-spalten-sitemap a:link, #inhalt-spalten-sitemap a:visited{
color: #FFF;
}  




#inhalt-spalten .activ     {
	color:       #000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	padding-left: 2px;
	border-style: none none none solid;
	border-width: medium medium medium 10px;
	border-color: #c06 }





#inhalt-spalten .NO          {
	font-size:   10pt;
	padding-left: 12px }
#inhalt-spalten a:link                   {
	color:          #000;
	font-size:       10pt;
	text-decoration: none;
	padding-right:   0.2em;
	padding-left:    0.2em }



















#inhalt-spalten a:hover                 {
	color:          #000;
	text-decoration: none }

















#inhalt-spalten a:visited                           {
	color: #333 }
/**************Spalten Formatierung*********/
/*LINKS*/
#spalteLinks      {
	color:            #000;
	background-color:  transparent;
	background-repeat: repeat;
	margin:            0;
	padding:           0 0 0 0.2em;
	width:             30%;
	float:             left;
	border-top:        14px solid #c06 }
#spalteLinks dt a:link,  #spalteLinks dt a:visited {
	padding: 0 }

#spalteLinks dt a:hover       {
	color:           #666;
	text-decoration:  none;
	background-color: #ccc }
#spalteLinks-sitemap {
	margin:    0;
	padding:    0 0 0 0.2em;
	width:      30%;
	float:      left;
	border-top: 14px solid #c06 }

#spalteLinks-big {
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	background-color: #ccc;
	margin:           0;
	padding:          0 0 0 0.2em;
	width:            40%;
	float:            left;
	border-top:       14px solid #c06 }
#spalteLinks-big dt a:link, #spalteLinks-big dt a:visited {
	padding: 0 }
#spalteLinks-big dt a:hover {
	color:           #666;
	text-decoration:  none;
	background-color: #ccc }

/*RECHTS*/
#spalteRechts {
	background-color:     transparent;
	background-repeat:     repeat-x;
	background-attachment: scroll;
	margin:                0;
	padding:               14px 0 10px;
	width:                 68%;
	float:                 left;
	border-style:          none;
	border-width:          10px medium medium;
	border-color:          #c06 }

#spalteRechts dt a:hover  {
	color:          #000;
	text-decoration: none }
#spalteRechts-sitemap       {
	margin:      0;
	padding:      14px 0 10px;
	width:        66%;
	float:        left;
	border-style: none none solid;
	border-width: 14px medium;
	border-color: #c06 }
DIV#spalteRechts p  {
	color:           #666;
	background-image: none;
	margin:           0;
	padding-top:      0.5em;
	padding-right:    0;
	padding-bottom:   1em }


DIV#spalteRechts p.text-grau-einzeln     {
	color:           #666;
	background-image: none;
	margin:           0;
	padding:          0.5em 0 1em 10.5em }





#spalteRechts-big {
	background-color: #ccc;
	margin:            0;
	padding:           14px 0 10px;
	width:             56%;
	float:             left;
	border-style:      none;
	border-width:      10px medium medium;
	border-color:      #c06 }

DIV#spalteRechts-big p  {
	color:           #666;
	background-image: none;
	margin:           0;
	padding:          0.5em 0 1em 10.5em }


#spalteRechts-big  dt a:hover {
	color:           #666;
	text-decoration:  none;
	background-color: #ccc }
.text-grau-einzeln   {
	color:           #666;
	background-image: none;
	margin:           0;
	padding:          0.5em 0 1em 10.5em }


/*************       MAC Hack          **************/
* html div#naviLinks {
	margin-left: 0 }

#naviLinks h3, #naviLinks p, #naviRechts h3, #naviRechts p {
	padding: 0 5px }

/********* Linke Navigation *********/
#naviLinks   {
	color:      #000;
	margin-left: -5%;
	width:       150px;
	float:       left }



#naviLinks ul              {
	background-color:   #392c74;
	background-image:    none;
	background-position: 30px 0;
	list-style:          none;
	margin:              25px 0 0;
	padding:             0 0 0 0;
	width:               150px;
	height:              auto;
	border-style:        none;
	border-width:        medium medium medium 14px;
	border-color:        #c06 }




#naviLinks ul.index    {
	background-color: #392c74;
	list-style:        none;
	margin:            0 0 0 0;
	padding:           0 0 0 0;
	width:             150px;
	height:            auto;
	border-style:      none none none solid;
	border-width:      medium medium medium 12px;
	border-color:      #c06 }
#naviLinks .current    {
	padding-left: 0;
	border-left:   12px solid #c06 }




#naviLinks li          {
	font-size:     105%;
	line-height:    1.4;
	margin:         0;
	padding:        0 0 0 12px;
	vertical-align: bottom;
	border-style:   none;
	border-width:   medium medium medium 10px;
	border-color:   #c06 }










#naviLinks li li {
	text-align:     left;
	list-style-type: square;
	margin:          0;
	padding:         0 0 0 12px }

#naviLinks a:link, #naviLinks a:visited {
	color:          #fff;
	text-decoration: none;
	display:         block;
	margin:          0;
	padding:         0 0 0 0.2em;
	width:           100% }

#naviLinks a:hover {
	color:          #c06;
	text-decoration: underline;
	margin:          0;
	padding:         0 0 0 0.2em }
#naviLinks ul .subnav {
	list-style-type: square;
	margin:           0;
	padding:          0;
	width:            140px;
	border-style:     none }

#naviLinks ul .subnav li {
	color:                #d2000c;
	background-attachment: scroll;
	text-align:            left;
	list-style-type:       none;
	list-style-position:   outside;
	padding-left:          6px }

#naviLinks dl {
	list-style-type: square;
	margin:           0;
	padding:          0;
	width:            170px }

#naviLinks dt {
	font-size: 80%;
	margin:     0;
	padding:    0 0 0 10px }

/*********Rechte Navigation?********/
#naviRechts-aussen      {
	background-color: transparent;
	width:             190px;
	float:             right }

#naviRechts-aussen a:link   {
	color:          #a9caeb;
	text-decoration: none }



#naviRechts-aussen a:visited   {
	color: #a9caeb }



#naviRechts-aussen a:hover {
	color:          #fff;
	text-decoration: underline }

#naviRechts-aussen h4       {
	font-weight:   bold;
	letter-spacing: 2px;
	margin:         0 0 0.2em;
	padding:        0;
	border-bottom:  1px solid #fff }







.naviRechts-innen             {
	color:           #fff;
	font-size:        100%;
	background-color: transparent;
	margin-top:       13px;
	padding:          0.5em;
	border-color:     #fff }













/*AlbumList*/
#albumlist {
	list-style-type: none;
	margin:           0;
	padding:          0 }

#albumlist li  {
	color:       #fff;
	font:         bold 1em Verdana, Arial, Helvetica, sans-serif;
	margin-right: 10px;
	float:        left }


#albumlist img {
	display: block;
	margin:   0;
	padding:  0;
	border:   solid 1px silver }

#albumlist li a:link {
	color:          #fff;
	text-decoration: none }

#albumlist li a:visited {
	color:          #fff;
	text-decoration: none }

#albumlist li a:hover {
	color:          #fff;
	text-decoration: none }

/*Spam_probe*/
#albumlist li a:link span, #albumlist li a:visited span {
	font-size:  0.9em;
	font-family: "Times New Roman", Times, serif, Georgia;
	display:     none }

#albumlist li a:hover span, #albumlist li a:focus span {
	color:                #fff;
	font-family:           Verdana, Arial, Helvetica, sans-serif;
	font-weight:           normal;
	text-decoration:       none;
	background-image:      url("../images/span_verlauf.jpg");
	background-repeat:     repeat-x;
	background-attachment: scroll;
	background-position:   0 0;
	text-align:            left;
	display:               block;
	margin:                0;
	padding:               2px 5px 2px 10px;
	position:              absolute;
	z-index:               500;
	top:                   172px;
	left:                  0;
	width:                 495px;
	border-style:          solid;
	border-width:          1px 10px 1px 1px;
	border-color:          #9a9acb #c06 #9a9acb #9a9acb }

/*Rollover*/
#maschinenbau a {
	background-image:   url("../images/maschinenbau_rol-on.jpg");
	background-repeat:   no-repeat;
	background-position: 0 0;
	display:             block;
	width:               112px;
	height:              85px;
	border-width:        1px;
	border-color:        #fff }

#maschinenbau a:hover {
	background-image:   url("../images/maschinenbau_rol-off.jpg");
	background-repeat:   no-repeat;
	background-position: 0 -85px;
	width:               110px;
	height:              83px;
	border:              solid 1px #c06 }

/*-------------TRENNER----------------*/
#inhalt-halter div.hr {
	color:                #fff;
	font-size:             0.9em;
	background-image:      url("../images/trenner-weiss.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   center bottom;
	text-align:            center;
	letter-spacing:        1px;
	padding-top:           5px;
	padding-bottom:        12px;
	height:                20px;
	border-bottom:         medium none #fff }

#inhalt-halter div.hr a:link {
	color: #fff }

#inhalt-halter div.hr hr {
	display: none }

/**/
.aktiv   {
	color:              #fff;
	text-decoration:     none;
	background-image:    url("../images/arrow.gif");
	background-repeat:   no-repeat;
	background-position: left center;
	margin:              0;
	padding:             0 0 0 12px;
	border-style:        none;
	border-width:        1px 5px 1px 14px;
	border-color:        #c06 }
.white   {
	color:       #fff;
	font-size:    1em;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-style:   normal;
	font-variant: normal;
	font-weight:  normal }



.floatLeft {
	margin-right: 10px;
	margin-bottom: 0;
	float:         left;
	clear:         both }
.floatLeft-listenbild           {
	text-align:   right;
	padding-top:   10px;
	padding-left:  20px;
	float:         left;
	clear:         both;
	border-top:    none #392c74;
	border-right:  none;
	border-bottom: none;
	border-left:   none #392c74 }











.floatLeft-border     {
	margin-right: 10px;
	margin-bottom: 1px;
	float:         left;
	clear:         both;
	border:        solid 1px white }



.floatLeft-bilderrahmen {
	margin-right: 10px;
	margin-bottom: 0;
	float:         left;
	clear:         both;
	border-style:  none none none solid;
	border-width:  1px;
	border-color:  #333 #333 #333 #c06 }

.floatRight  {
	float: right;
	clear:  right }


.logo                    {
	background-image:   none;
	background-repeat:   no-repeat;
	background-position: left top;
	margin:              0;
	padding:             0;
	position:            absolute;
	z-index:             500;
	top:                 0;
	left:                100px;
	height:              170px;
	float:               left;
	overflow:            hidden }









.floatLogo             {
	margin: 13px 0 0;
	padding: 0;
	z-index: 10000;
	float:   left }

.floatLogo1 {
	margin: 13px 0 0;
	padding: 0;
	z-index: 10000;
	float:   left }

.titel           {
	color:       #000;
	font-size:    16pt;
	font-family:  "Times New Roman", Times, serif;
	font-variant: small-caps;
	text-align:   left;
	display:      block;
	margin-top:   30px;
	margin-left:  260px;
	padding:      0;
	border-style: none;
	border-width: 20px medium medium;
	border-color: #ccc }


.titel-off  {
	color:       #000;
	font-size:    26pt;
	font-family:  "Times New Roman", Times, serif;
	text-align:   left;
	display:      none;
	margin-top:   30px;
	margin-left:  260px;
	padding:      0;
	border-style: none;
	border-width: 20px medium medium;
	border-color: #ccc }


.white-titel       {
	color:      #fff;
	font-weight: bold;
	text-align:  left;
	margin:      0 0 0 260px }
.formular     {
	color:         #000;
	font-size:      10pt;
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	margin-left:    5px;
	padding-bottom: 20px }





.text-bold  {
	color:    #002f5b;
	font-size: 8pt;
	margin:    0;
	padding:   0 }


.abstand    {
	width: 2px;
	height: 2em }




.top-abstand      {
	font-size: 5px;
	width:      2px;
	height:     0 }
#date     {
	background-image:     none;
	background-repeat:     repeat;
	background-attachment: scroll;
	background-position:   0 0;
	margin:                0;
	padding:               0;
	position:              absolute;
	top:                   0;
	right:                 0;
	border:                0 }





input.dt   {
	color:       black;
	font-size:    10px;
	font-family:  Arial, sans-serif;
	background:   #9a9acb;
	text-align:   center;
	margin:       0;
	padding:      0;
	border-style: none;
	border-color: #392c74 }



.text  {
	color:  #fff;
	padding: 0.5em 1em 0.2em 0 }
#text1 {
	color:  #fff;
	padding: 0.5em 1em 0.2em 0 }

.text-grau     {
	color:         #666;
	margin:         0;
	padding-right:  0;
	padding-bottom: 0;
	padding-left:   0.5em }

.text-schwarz  {
	color:  #000;
	padding: 0.5em }

DIV#spalteRechts p.text-schwarz{
	color:  #000;
	padding: 0.5em }

.back         {
	text-align:  left;
	padding-left: 10px;
	position:     absolute;
	left:         2px }
.minitext     {
	font-size: 83% }

.black {
	color: #000 }
.spaltenTitel {
	color:      #000;
	text-align:  center;
	padding-top: 10px }

.bottom {
	position: absolute;
	bottom:    0 }
.artikel-link     {
	background-image:   url("../images/arrow.gif");
	background-repeat:   no-repeat;
	background-position: left center;
	padding-left:        16px }
.inhalt-liste       {
	color:         #333;
	margin:         0;
	padding-top:    0;
	padding-right:  0;
	padding-bottom: 1em }







.artikel-liste            {
	background-image:   url("../images/arrow.gif");
	background-repeat:   no-repeat;
	background-position: 2px 6px;
	margin-top:          0;
	padding-top:         0;
	padding-left:        20px;
	border-style:        none;
	border-width:        1px medium medium;
	border-color:        #c06 }












.button {
	color:           #002f5b;
	font-size:        10px;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	cursor:           pointer;
	padding:          3px;
	width:            98px;
	border:           solid 1px }

.button-rechts {
	text-align: right;
	float:       right }
#fontsize     {
	font-size: 85%;
	position:   absolute;
	top:        85px;
	right:      0 }



.vk    {
	background-image:   url("../images/vk.jpg");
	background-repeat:   no-repeat;
	background-position: left top;
	padding-top:         8px;
	padding-bottom:      8px;
	padding-left:        30px }
.datum         {
	color:        #a9caeb;
	font-size:     80%;
	text-align:    left;
	margin-top:    0.5em;
	margin-bottom: 0.5em;
	padding-left:  0.2em;
	border-left:   5px solid #a9caeb }




.news {
	margin: 0;
	padding: 0 }
p.news    {
	color:  #fff;
	margin:  0 0 15px;
	padding: 0;
	width:   44em }




#siegel     {
	margin:  0;
	padding:  0;
	position: absolute;
	top:      -10px;
	left:     2px }



.info   {
	cursor:       help;
	border-bottom: 1px dotted #000 }
#zurueck         {
	color:        #000;
	font-size:     80%;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0.2em;
	padding-left:  0.2em;
	position:      absolute;
	bottom:        34px;
	left:          185px }



#zurueck a:link, #zurueck a:visited {
	color: #fff }

#zurueck a:hover {
	text-decoration: underline }

#top            {
	color:        #fff;
	font-size:     80%;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0.2em;
	padding-left:  0.2em;
	position:      absolute;
	right:         70px;
	bottom:        34px }



#top a:link, #top a:visited {
	color: #fff }

#top a:hover {
	text-decoration: underline }
#inhalt-halter h4.index           {
	color:        #fff;
	font-size:     1.2em;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-weight:   bold;
	margin:        0;
	padding:       0 0 0.1em;
	border-bottom: medium none #fff }
#inhalt-halter span.info  {
	border-bottom: 1px dotted #fff }
#inhalt-halter p.news a:link, #inhalt-halter p.news a:visited  {
	color: #a9caeb }

#inhalt-halter p.news a:hover  {
	color:          #c06;
	text-decoration: underline }
ul#tags  li   {
	color:        #fff;
	list-style:    none;
	padding-right: 2px;
	float:         left }


#tags li.pos0      {
	color:      #fff;
	font-size:   120%;
	font-weight: bold;
	padding-top: 4px }






#tags li.pos1     {
	color:      #fff;
	font-size:   110%;
	font-weight: bold;
	padding-top: 4px }




#tags li.pos2     {
	color:      #fff;
	font-size:   100%;
	font-weight: bold;
	padding-top: 6px }




#tags li.pos3     {
	color:      #fff;
	font-size:   95%;
	font-weight: bold;
	padding-top: 8px }
.webLink {
	color:    #c06;
	font-size: 0.8em }

#naviLinks .webLink a:link  {
	color:          #fff;
	text-decoration: none }


#naviLinks .webLink a:hover   {
	color:          #c06;
	text-decoration: none }

#sprachen                 {
	display:    block;
	margin-top:  56px;
	margin-left: 0;
	height:      44px;
	float:       right;
	overflow:    hidden }





#sprachen ul    {
	list-style-type: none;
	margin:           0;
	padding:          0 }

#sprachen ul li          {
	margin-right: 0px;
        padding-right:0px;
	width:         24px;
	float:         left }


#sprachen li.current         {
	background-image: none;
	background-repeat: no-repeat;
	margin-top:        13px;
	border-style:      none;
	border-width:      medium 2px medium medium;
	border-color:      #d2000c #9c9 #d2000c #d2000c }



#sprachen li a.aktiv      {
	padding-bottom: 2px;
	border-bottom:   2px solid #d2000c }
.iframeM {
	overflow-x: hidden;
}

#inhalt-halter a.pdfLink, #inhalt-geruest a.pdfLink:visited          {
	background-image:     url("../images/page.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 center;
	font-weight: bold;
	padding-left:          16px }
#inhalt-halter a.pdfLink:hover          {
	color:                #d2000c;
	text-decoration:       none;
	background-image:      url("../images/page.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 center;
	padding-left:          16px }