body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 80%;
	color: #000066;
	background-color: #003333;
        line-height:18px;
}

p ul li{margin:0px; padding:0px;}

.frameall {	
	position: relative; display:inline; 
	margin: 0px;	padding: 0px;	
	top: 0px;	left: 60px;	
	width: 900px;	height: auto; 
	/*border: 1px solid black; */
	/*background-color: #eeeefe; */
        background-color: white;
        /*background-color: #eeeeee;*/
	float:left;
}


/*Definition des Topframes*/
/*.tf1 { position:relative; display:inline;	margin:0px;	padding:0px;	top:0px; width:150px; height:200px; background-color:#ccccff; float:left;}*/
.tf2 { position:relative; display:inline; margin:0px;	padding:0px;	top:0px; width:900px; height:80px;	/*war 100*/ background-color:#000066;	z-index: 1; float:left; /*border-bottom:1px solid black;*/ background-image:url(./bilder/topbild_neu3_900_150_7.jpg); background-repeat: no-repeat; background-color:white;}
    
.tf2_sub {position:relative; display:block; margin:0px; padding:0px; width:900px; height:50px; background-color: transparent; background-image:url(./bilder/topbild_neu4_900_150_4.jpg); background-repeat: no-repeat; z-index:2; left:0px; top:100px;}

/*.tf3 { position:relative; display:inline;	margin:0px;	padding:0px;	top:0px; width:150px; height:200px;	background-color:#ccccff; float:left;}*/
/* --- ENDE Topframes --- */


/*Linke und Rechte Spalte*/
.leftframe {position:relative; display:inline; margin:0px; padding:0px; top:0px; left:0px; /*width:157px;*/ width:180px; float:left; text-align:center; z-index:5; top:-0px; background-color:transparent;}
.leftframe img{ position: relative; display:block; margin:5px auto 5px auto; padding: 0px; text-align: center;}
.leftframe ul{	padding-left: 5px;	margin: 0px;	text-align: left;	font-weight: bold;	color: #000066; margin-bottom:10px;}
/*.leftframe li{	padding-left: 5px;	margin: 0px;	text-align: left; font-weight: normal; list-style-type: none; color: #000066; }*/

.rightframe{ position: relative; display: block; margin: 0px;	padding: 0px; top:0px;	left: 0px;	width: 157px; 	height: auto;	float: right; text-align:center; display:none;}
.rightframe img{ position: relative; display:block; margin:5px auto 5px auto; padding: 0px; text-align: center;}
.rightframe ul{	padding-left: 10px;	margin: 0px;	text-align: left;	font-weight: bold;	color:#000066;}
.rightframe li{	padding-left: 10px;	margin: 0px;	font-weight: normal; 	list-style-type: none; color: #000066;}


.sk{ position:relative; display:block; margin:2px; margin-bottom:5px; padding:5px 0px 5px 0px; border:1px dashed #eeeeee; border-bottom-color:black; width:auto; height:auto; /*background-color:#88ffff;*/ }
.sk h1{ display:block; /*background-color:#009999;*/ margin:0px 0px 5px 0px; padding:0px; font-size:90%; /*color:white;*/ color:#000066; text-align: center;}
.sk h2{ margin: 2px; padding:0px; font-size:70%; /*color:#000066;*/ color:#ff9933;}
.sk p{ margin:2px; padding: 0px; font-size:95%; color:#000066; margin-bottom:5px;}
.sk img{ display:block; padding:0px; margin:2px auto 2px auto; text-align:center;}
.sk form{ padding:0px; margin:3px 0px 3px 0px;}
.sk ul{margin:0px; padding:0px;}
.sk li{margin:0px 0px 3px 0px; padding: 0px 0px 0px 15px;}

.mencol1 { color: #000066;}
.leftframe a { text-decoration: none; color:#000066;}
.leftframe a:hover { background-color:#000066; color: white; text-decoration: none; }
.rightframe a { text-decoration: none; color:#000066;}
.rightframe a:hover {background-color:#000066; color: white; text-decoration: none;}


/*hauptframe und inhalte*/
.hauptframe{
	position: relative;
	display: inline;
	margin: 0px;	padding: 0px; padding-left:60px;
	top:-0px;	left: 20px;
	width: 580px;
	border-left: 1px black dashed;
	/*border-right: 1px black dashed;*/
	background-color: transparent;
	float: left;
        height: auto;
        z-index:3;
}


.inhaltframe{
	position: relative;
	display: block;
	margin: 0px;	padding: 5px;
	top: 5px;	left: 5px;
	width: 560px;
	height: auto;
	color: #000066;
	font-size: 100%;
	/*background-color: green;*/
	/*border-bottom: 1px solid #ffffff;*/
        border-bottom: 1px solid white;
        margin-bottom: 15px;
        z-index:4;
}

.inhaltframe p{	padding: 0px;	margin: 7px 0px 7px 0px;}
.inhaltframe h1{	padding: 0px;	margin: 0px;	font-size: 130%;  color: #000066; }
.inhaltframe h2{	padding: 0px;	margin: 0px;	font-size: 110%;  color: #000066; }
.inhaltframe h3{	padding: 0px;	margin: 0px;	font-size: 13px;  color: #000066; }
.inhaltframe img{	border: none;	} /*padding: 0px;	margin: 5px 5px 5px 0px; }*/
.inhaltframe li{ border:none; padding: 0px; margin-bottom:5px; }
.inhaltframe a:hover{ background-color: #000066; color:white; text-decoration: none;}

/*----- Linkmarkierungen -----*/
.piclink { padding: 0px; 	margin: 0px; background-color: transparent; }
.piclink2 { padding: 0px; margin:0px auto 0px auto; background-color: transparent; border:none; text-align:center;}

.glossarlink { padding: 0px 0px 0px 15px; margin: 0px; background-image: url(./bilder/link1.gif); background-repeat: no-repeat;}
.externlink { padding: 0px; 	padding-left: 15px; margin: 0px; background-image: url(./bilder/pfeilicon_out.gif); background-repeat: no-repeat;}
.intlink { padding: 0px; 	padding-left: 15px; margin: 0px; background-image: url(./bilder/pfeilicon_in.gif); background-repeat: no-repeat;}
.maillink { padding: 0px; 	padding-left: 15px; margin: 0px; background-image: url(./bilder/mailicon.gif); background-repeat: no-repeat;}
.filelink { padding: 0px; 	padding-left: 15px; margin: 0px; background-image: url(./bilder/diskicon.gif); background-repeat: no-repeat;}
.listlink { padding: 0px; padding-left: 15px; margin: 0px; background-image: url(./bilder/linktree.gif); background-repeat: no-repeat;}


/*------ produktpreview - Bild und Text ---------*/
.pr_pic {display:inline ; padding:0px; margin:5px; width:100px; height:100px; float: left; }
.pr_info{ display:inline; padding:0px;margin:5px 0px 0px 3px; width: 360px; height: auto; text-align: justify; float:left; }
.pr_info h1{ font-size: 130%;}
.pr_info h2{ font-size: 110%;}
.pr_nav{ display:inline; padding:0px; margin:0px; margin-top: 5px; margin-right: 5px; width: 80px; height: auto; float: right; text-align:center; }
.pr_nav img{display:block; padding:0px; margin:5px auto 0px auto; }
.pr_nav input{padding:0px; margin:5px 0px 0px 0px; font-size:100%; text-align:center;}
.pr_nav a:hover{margin:0px; color:red; background-color:white; font-weight:bold;}

/*----- produktpreview - NUR-Text ------*/
.pr_t_s1 {display:inline; font-size:95%; padding:0px; margin:0px; width:130px; height:auto; float: left; font-weight: bold; }
.pr_t_s1 a{ font-size: 100%; text-align: left; text-decoration:none; color: #000066;}
.pr_t_s1 a:hover{ font-size: 100%; text-align: left; text-decoration:none; color:white;}
.pr_t_s2 { display:inline; padding:0px;margin:0px; width: 365px; height: auto; float:left; }
.pr_t_s2 p{ text-align: center; font-size: 100%;}
.pr_t_s3 { display:inline; padding:0px; margin:0px;  width: 90px; height: auto; float: right; text-align:center; font-size: 100%; }
.pr_t_s3 img{display:block; padding:0px; margin:3px auto 0px auto;}
.pr_t_s3 input{padding:0px; margin:0px; margin-top:3px; font-size:100%; text-align:center;}
.pr_t_s3 a:hover{margin:0px; color:red; background-color:white; font-weight:bold;}

/*------ produktdetail --------*/
.dt_pic {display:inline ; padding:0px; margin:0px; margin-left: 5px; width:292px; height:292px; float: left; border:1px solid black; }
.dt_pic img{ padding: 0px; margin:0px; width:290px; height:290px;}
.dt_info{ display:inline; padding:0px;margin:5px 0px 0px 3px; width: 520px; height: auto; text-align: justify; float:left; }
.dt_seite{ display:inline; padding:0px; margin:0px; margin-top: 5px; margin-right: 5px; width: 210px; height: auto; float: right; text-align: justify;}
.dt_seite img{ padding:0px; margin:0px; }
.dt_seite input{ padding: 0px; margin: 0px; font-size:100%; text-align:center;}


/*----- thumbs -----*/
.th{position: relative;	padding:0px; margin:0px; width:105px; display:inline; float:left; margin-bottom:5px; margin-right:5px;}
.th img{display:block; border:none; margin:0px;	padding:0px; height:100px; width:100px; /*border:1px solid black;*/	/*float:top;*/ }
.th a{display:block; border:none; margin:0px; padding:0px;}
.th a:hover {background-color:transparent;}
.th p{text-align:center; padding:0px; margin-bottom:5px; font-size:90%;}

/*----- TOPMEN-CONTAINER ----*/
.topmen_con{ position:relative; display:none; /*war block*/ margin:0px; top:70px; padding:0px; width:900px; height:20px; background-color:#99ffff;}
/*----- TOPMEN -----*/
.topmen{position:relative; margin:0px 0px 0px 0px;/*400px;*/ padding:0px; padding-left:0px; width:900px;/*width:625px;*/ display: block; top:0px; /*top:90px;*/}
.topmen_first{
        
        margin:0px; padding:0px 0px 0px 0px;  
        float:left; width:497px; height:20px; 
        background-color:transparent;
        /*background-image:url(./bilder/topbutton_left_normal.gif); background-repeat: no-repeat; */
        }

.topmen_last{
        display:none;
        margin:0px; padding:0px 0px 0px 0px;  
        float:left; width:14px; height:20px; 
        /*background-image:url(./bilder/topbutton_right_normal.gif); background-repeat: no-repeat; */
        }
       
.topmen a{
        margin:0px; padding:0px 0px 0px 0px;  
        float:left; width:100px; height:20px; 
        /*background-image:url(./bilder/topbutton_normal.gif); background-repeat: no-repeat; */
        /*border-top:4px solid #009999;*/
        /*text-align:center;  */
        text-align:center;
        text-decoration:none; 
        color:#003333; 
        font-weight:bold;
        z-index:20;
        }
        
.topmen a:hover{
        margin:0px; padding:0px 0px 0px 0px;  
        float:left; width:100px; height:20px; 
        background-color: #009999;
        /*background-image:url(./bilder/topbutton_light.gif); background-repeat: no-repeat; */
        /*border-top:4px solid orange;*/
        /*text-align:center; */
        text-align:center;
        text-decoration:none; 
        /*color:#0000bb;*/
        color: orange;
        font-weight:bold;
        }


/*----- allgemeines -----*/
.history{ margin:0px 0px 5px 0px; padding:0px; font-size:10px;}
.finallinks{ margin:50px 0px 5px 0px; padding:0px; font-size:10px; text-align:center;}

.preis{ font-weight:bold;}
.nodec{text-decoration:none;}
.light{background-color:#eeeeee;}
.b_unten{border-bottom: 1px solid black;}
/*----- highlight und border unten -----*/
.li_bu{border-bottom: 1px solid black; background-color:#eeeefe;}


/*----- Menueformatierungen -----*/
.leftmen{ margin:0px; padding:5px 0px 0px 15px; text-align: left;}
.leftmen p{ margin:0px; padding:0px; font-weight:bold; font-size:100%; margin-bottom:5px;}
.leftmen a{ display:block; margin:0px 3px 0px 0px; padding: 0px;}

.leftmen_sub {margin:0px; padding:0px; text-align: left; margin-bottom:25px;}
.leftmen_sub ul{padding:0px; margin:0px; margin-bottom:30px;}
.leftmen_sub li{ padding:0px; margin:0px 0px 7px 0px; text-align: justify; font-weight: normal; list-style-type: none; width:100%;}
.leftmen_sub a{ display:block; padding:0px 0px 0px 15px; margin:0px 3px 0px 0px; background-image: url(./bilder/linktree.gif); background-repeat: no-repeat; color: #000066; background-color:transparent; }
.leftmen_sub a:hover{ display:block; padding:0px 0px 0px 15px; margin:0px 3px 0px 0px; background-image: url(./bilder/linktree_dpf.gif); background-repeat: no-repeat; color: #000066; background-color:transparent; }
.leftmen_sub p{ margin:0px 0px 5px 0px; padding:0px;}

/*----- aktuelles -----*/
.aktuelles {margin:0px; padding:0px; margin-bottom:3px; }
.aktuelles ul{padding:0px; margin:0px;}
.aktuelles li{ padding:0px; margin:0px 0px 3px 0px; text-align:justify; font-weight: normal; list-style-type: none; width:100%;}
.aktuelles a{ display:block; padding:0px 0px 0px 15px; margin:0px 3px 0px 3px; background-image: url(./bilder/linktree.gif); background-repeat: no-repeat; color: #000066; background-color:transparent; }
.aktuelles p{ margin:0px 0px 5px 0px; padding:0px; text-align:center;}

/*----- zubehörstyle -----*/
.extras {margin:0px; padding:0px; margin-bottom:3px;}
.extras ul{padding:0px; margin:0px;}
.extras li{ padding:0px; margin:0px; text-align:justify; font-weight: normal; list-style-type: none; width:100%;}
.extras a{ display:block; padding:0px 0px 0px 15px; margin:0px 3px 0px 3px; background-image: url(./bilder/linktree.gif); background-repeat: no-repeat; color: #000066; background-color:transparent; }
.extras p{ margin:0px 0px 5px 0px; padding:0px; text-align:center;}

/*----- Rahmenextras -----*/
.umrandung{border:1px solid black;}
.abstand{ margin-bottom: 20px; }

/*----- Textformatierungen -------*/
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}
.t_justify{text-align:justify;}
.t_bold{font-weight:bold;}
.t_italic{font-style:italic;}
.t_color1{color:#ff0000;}

/*------ Bildformatierungen ------*/
.p_center{ display:inline; padding:0px; margin:5px auto 5px auto; text-align:center; }

/*------ Floats ----*/
.f_left{ float:left;}
.f_right{ float:right;}

.textlink a{ padding:0px; padding-left: 15px; margin: 0px; background-image: url(./bilder/linktree.gif); background-repeat: no-repeat; color: #000066; background-color:transparent;}


/*-----Formulartest aus Internet ---- geht bedingt gut ---- */
label.left {float: left; text-align: right; width: 100px; margin:0px 20px 10px 30px;}
input[type=text], select{float: left; margin-top:5px;}
input.right{ float: left; width: auto; clear: both; margin: 0px 30px 5px 200px;}
input[type=checkbox].right, input[type=radio].right, input[type=submit].right { margin-left: 60px; }
form br{ clear: both;}


/*seitenframe mit bildern*/
.sk_pic{ position:relative; display:block; width:180px; height:auto; background-color:transparent; padding:0px; margin:0px;}
.sk_pic_h1{ position:absolute; left:0px; top:0px; display:block; width:180px; height:11px; background-image:url(./bilder/sk_h1_180_11.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
.sk_pic_h2{ position:absolute; left:0px; top:11px; display:block; width:180px; height:15px; background-image:url(./bilder/sk_h2_180_5.gif); background-repeat:repeat-y; padding:0px; margin:0px;}
.sk_pic_h3{ position:absolute; left:0px; top:26px; display:block; width:180px; height:11px; background-image:url(./bilder/sk_h3_180_11.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
.sk_pic_i1{ position:relative; display:block; width:180px; height:75px;}
.sk_pic_e1{ position:relative; display:block; width:180px; height:75px;}


.sk{ position:relative; display:block; margin:2px; margin-bottom:5px; padding:5px 0px 5px 0px; border:1px dashed #eeeeee; border-bottom-color:black; width:auto; height:auto; /*background-color:#88ffff;*/ }
.sk h1{ display:block; /*background-color:#009999;*/ margin:0px 0px 5px 0px; padding:0px; font-size:90%; /*color:white;*/ color:#000066; text-align: center;}
.sk h2{ margin: 2px; padding:0px; font-size:70%; /*color:#000066;*/ color:#ff9933;}
.sk p{ margin:2px; padding: 0px; font-size:95%; color:#000066; margin-bottom:5px;}
.sk img{ display:block; padding:0px; margin:2px auto 2px auto; text-align:center;}
.sk form{ padding:0px; margin:3px 0px 3px 0px;}
.sk ul{margin:0px; padding:0px;}
.sk li{margin:0px 0px 3px 0px; padding: 0px 0px 0px 15px;}


/*TOOLTIP mit purem CSS*/
/*Beispiel: <span class="info">Tooltip<span class="tooltip">Floatingwin</span></span>*/ 
span.toolinfo{
  position:relative; 
  background-color:#ecc;
  color:#000;
  /*cursor:help;*/
  text-decoration:none;
  z-index: 25;
}
span.toolinfo:hover { z-index:26; background-color:#e96; }
span.toolinfo span.tooltip { display:none; }
span.toolinfo:hover span.tooltip { 
  display:block;
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid #0cf;
  background-color:#cff;
  color:#000;
  font-size:80%;
  text-align:center;
}