

html,body{
margin:0;
height:100%;
background-image: url(background_02.gif);
/*  background-color: #ebebeb; */
  color: black;

}

/*html>body{
height:auto;
min-height:100%
}*/

body{ 
 /*font-size: 10pt;
 font-family: Arial;*/
font:12px Arial, Helvetica;
 line-height: normal;
 text-align:center; 
margin:0;
padding:5px;

}

#print{
visibility:hidden;
display:none;
height:0px;
width:0px;
border:0px;
padding:0px;
}

#print table{
visibility:hidden;
display:none;
height:0px;
width:0px;
border:0px;
padding:0px;
}

#print div{
visibility:hidden;
display:none;
height:0px;
width:0px;
border:0px;
padding:0px;
position:absolute;
top:0;
left:0;
}

#print p{
visibility:hidden;
display:none;
height:0px;
width:0px;
border:0px;
padding:0px;
}

form,fieldset,legend{
margin:0;
padding:0;
border:0;
}
legend { 
font-weight: bold;
 margin-top: 5px;
 }
input {
 background-color: #fff;
 border: solid 1px gray;
 }



h1 {
	text-align:left;
 color: #464646;
 font: bold 18px Tahoma, Helvetica;
 padding-left: 10px;
 border-left: 5px solid #008000  }

h3  {
text-align:left;
color: #464646;
 font: bold 14px Arial, Helvetica;
 margin-left: 5px;
 padding-left: 10px;
 border-right: medium none;
 border-left: 5px solid #008000 ;
}
h4{
text-align:left; 
font:bold 12px Arial, Helvetica;
 margin-left: 10px;
 }
p,table{ 
font:12px Arial, Helvetica;
}

img{
margin:0;
padding:0;
border:0;
}



button { 
background-image: url(suche_oben_background.jpg);
 border: solid 1px gray;
 }

.middle{
vertical-align:middle;
}
.box{
background-color: #ffffff;
/* background-image: url(images/background/Intro_verlauf.jpg); */
background-position:bottom left;
background-repeat:repeat-x;
margin:0; 
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: gray;
}

.box_plain{
background-color: #ffffff;
margin:0; 
padding: 5px;
border-style: solid;
border-width: 0px;
border-color: black;
/* width:400px; */
}

.content_links{
/* width:575px; */
width: 590px;
float:left;
margin-right:10px;
}

.info_rechts{
width:358px; 
margin-right:0px;
margin-left:auto;
float:left;
}

html>body  .info_rechts{
width:350px;
margin-right:0px;
margin-left:auto;
float:left;
}

.info_rechts_mitte{
width:360px;
margin-top:-7px;
float:left;
}

html>body  .info_rechts_mitte{
width:348px;
margin-left:0px;
margin-top:5px;
float:left;
}

.fehler_rechts_mitte{
width:360px;
margin-top:-10px;
margin-bottom:16px;
float:left;
  background-color: #ff0000;
  background-image: url(warning.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  /*margin: auto 100px;*/
  font-weight: bold;
  text-align:center;
  /*width:500px;*/
}

html>body  .fehler_rechts_mitte{
width:328px;
margin-left:0px;
margin-bottom:-1px;
margin-top:5px;
float:left;
  background-color: #ff0000;
  background-image: url(warning.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  /*margin: auto 100px;*/
  font-weight: bold;
  text-align:center;
  /*width:500px;*/
}

.ok_rechts_mitte{
width:360px;
margin-top:-10px;
margin-bottom:16px;
float:left;
  background-color: green;
  background-image: url(warning.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  /*margin: auto 100px;*/
  font-weight: bold;
  text-align:center;
  /*width:500px;*/
}

html>body  .ok_rechts_mitte{
width:328px;
margin-left:0px;
margin-bottom:-1px;
margin-top:5px;
float:left;
  background-color: green;
  background-image: url(warning.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  /*margin: auto 100px;*/
  font-weight: bold;
  text-align:center;
  /*width:500px;*/
}

.center{
text-align:center;
}
.background_replace{
float:right;
}

ul.bigbull{ 
color: #690;
 white-space: normal; 
display: inline-table;
}
ul.bigbull li{
color: black ;
/* list-style-image: url(images/background/li_button.gif); */
/* list-style-image: url(images/background/li_button_small.gif); */
}

ul.bigbull li.list_top{
color: #690; 
white-space: normal; 
list-style-image:none; 
display: inline-table; 
list-style-type:none;
}

ul.ref_list{
/* background-color: #ebebeb; */
background-color: #ffffff;
}
ul.ref_list li{
margin-top:5px;
margin-bottom:5px;

}


ul.ref_list li span.comp{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
width:180px;
}


ul.ref_list li span.art{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
width:100px;
}

ul.ref_list li span.besch{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
}
li.list_top{
color: #690; 
white-space: normal; 
list-style-image:none; 
display: inline-table; 
list-style-type:none;
}
a.blue:link, a.blue:visited, a.blue:active{
color: #0000FF;
font-weight: bold;
text-decoration: none  }

a.blue:hover{ 
color: #f9f9f9;
 background-color: #0000FF;
 border-top: 1px solid #f9f9f9;
 border-bottom: 1px solid #f9f9f9;
 border-left-color: blue;
border-right-color: blue; 
}

a.uebers:link, a.uebers:visited, a.uebers:active{
color: #464646;
text-decoration: none  }

a.uebers:hover{ 
color: white;
 background-color: #464646; 
}

a.myinfo:link, a.myinfo:visited, a.myinfo:active{
color: black;
font-size:10px;
text-decoration: none  }

a.myinfo:hover{ 
font-size:10px;
color: blue;
}

#body_innen{
width:980px;
/*background-color: #ebebeb;*/
background-color: #FFFFFF;
text-align:left;
margin:auto;
padding:10px;
height:95%;
/* border: solid 1px black; */
}

html>body div#body_innen{
min-height:90%;
height:auto;
}

/*******KOPF*********************/
#head{
width:100%;
/*background-image:url(images/background/backhead.jpg);
background-position:top left;
background-repeat:repeat-x;*/
/* background-color: #ededed; */
background-color: #FFFFFF;
height:90px;
border:0px solid red;
margin:0;
padding:0;
}
#logo_div{
float:left;
margin:0px 0px 0px 0px;
padding:0;
height:77px;
width:76px;
border:0px solid black;
background-color:transparent;
}
.sauerlogo{ 
/*background-color: #0000fe;*/
vertical-align:bottom;
border: 0px solid  gray;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:50px;
}
html>body div.sauerlogo{
padding-top:2px;
background-color: #0000fe;
}

.sprache{
margin:1px 0px 0px 0px;
padding:0 0 0 0px;
background-color:transparent;
text-align:left;
float:left;
width:76px;
border:0px solid blue;
}
form.lang_img{

height:25px;
width:30px;
margin:1px 0 1px 0;
padding:0;
}
form.liright{
float:right;
}

form.lileft{
float:left;
}

/*html>body form.lileft{
margin-left:8px;
margin-right:3px;
}*/

form.lang_img input{
height:18px;
width:34px;
margin:0;
padding:0;
border: solid 1px gray; 
}
html>body form.lang_img input{
height:20px;
}
html>body div.sprache{
margin-top:4px;
}


#action_head{
background-color:transparent;
width:880px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px solid red;
float:right;
}

html>body div#action_head{
width:895px;
}

#suche_oben{
 width:880px;
 height:50px;
 border: solid 1px gray;
 color:black;
 background-image: url(suche_oben_background.jpg);
 margin:0px 0px 5px 0px;
 padding:0px 0px 0px 3px;
 }

html>body div#suche_oben{
width:885px;
}

#suche_oben legend{ 
font:bold 12px Arial, Helvetica; 
margin:0 0 0px 0px ; 
height:10px;
width:200px;
 border-style: none;
}

#suche_oben legend.wider{
	width:250px;
}
#suche_oben input,#suche_oben select, #suche_oben button{ 
font:11px Arial, Helvetica;
height:17px;
padding:0;
margin:5px 0 0 3px;
border:1px solid black;
float:left;
}
#suche_oben select{
font-size:9px;
width:130px;
}
html>body #suche_oben input,html>body #suche_oben select{
height:15px;
font-size:11px;
}
html>body #suche_oben select{
height:18px;
}
html>/**/body #suche_oben select{
height:15px;
}
#suche_oben input{
width:125px;
}

#suche_oben button{
background-image: url(suche_oben_background.jpg);
border: solid 1px gray;
width:20px;
height:17px;
}


/*html>body #suche_oben button{
height:17px;
}*/

#suche_oben button.large{
width:100px;
}
#suche_oben button.medium{
width:80px;
}
#suche_oben button.small{
width:55px;
}

#suche_oben fieldset{
margin:5px 0 0 0;
padding:0;
border-style:none;
}
#suche_oben fieldset.e_suche{ 
float:left; 
width:200px; 
}
#suche_oben fieldset.g_suche, #suche_oben fieldset.log{
 width:300px;
}
#suche_oben fieldset.g_suche{
float:left;
}
#suche_oben .log{ 
float:right; 
 }

#suche_oben fieldset.logged{
	width:360px;
}



fieldset.hide{
display:none;
margin:0;
padding:0;
width:0;
height:0;
}

div#navigation{
font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:0.8em;
margin:0;
padding:0;
background-color:transparent;
border:0px solid blue;
}



#wk_info { 
float:right;
background-color:#eeeeee;
background-image: url(wk_verlauf.jpg);
background-position:bottom left;
width: 95px;
height:40px;
overflow:hidden;
padding:0;
margin:0px 1px 0px 0px;
border:1px solid #003366;
text-align:center;
}

html>body div#wk_info{
width:92px;
margin:0px 5px 0 0;
}
#wk_info table{
text-align:right;
border-collapse:collapse;
font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
margin-top:3px;
margin-left:auto;
margin-right:auto;
font-size:1.0em;
border:0px solid #003366;
}
#wk_info p{
margin:10px 5px 5px 5px;
text-align:center;
font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-size:1.0em;
}


#swfBanner{
width:860px;
height:40px;
float:right;
margin:-4px 4px 0 0;
}

#swfMain{
width:960px;
height:360px;
margin:auto;
}

#swfleft{
width:470px;
height:350px;
margin-top:10px;
float:left;
}

#swfright{
width:470px;
height:350px;
margin-top:10px;
float:right;
}

#swfleft100{
width:470px;
height:100px;
margin-top:10px;
float:left;
}

#swfright200{
width:470px;
height:200px;
margin-top:10px;
float:right;
}

html>body #swfBanner{
	padding:0;
	width:876px;
	height:40px;
	border:0px solid #ebebeb;
	margin:1px 5px 0 0;
}

html>body #swfMain{
	padding:0;
	width:975px;
	height:360px;
	border:0px solid #ebebeb;
	margin:1px 6px 0 0;
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
div#navigation .menulist,div#navigation .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
div#navigation .menulist li.home{
margin-left:4px;
width:95px;
text-align:center;
border:0px solid blue;
}

html>body div#navigation .menulist li.home{
margin-right:0px;
}
div#navigation .menulist li.lastitem{
margin-right:0px;
}



div#navigation .menulist li.firstitem{
margin-left:0px;
}
html>body div#navigation .menulist li.firstitem{
margin-left:4px;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
div#navigation .menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 12px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 95px;
 
}
/* Second and third etc. level submenus - position across from parent instead */
div#navigation .menulist ul ul {
 top: -1px; margin-top: 0;
 left: 93px;
}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

div#navigation .menulist li {
  float: left;
 display: block;
 position: relative;
 background: #eeeeee;
 border: solid #003366;
text-align:center;
 border-width:0px 1px 0px 1px;
 margin-right: -1px;
}

html>body div#navigation .menulist li{
width:93px;
}

div#navigation .menulist li.first{
border-top:1px solid #003366;
}

div#navigation .menulist li.last{
border-bottom:1px solid #003366;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
div#navigation .menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}

div#navigation .menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}
/* Links inside the menu */
div#navigation .menulist a {
 display: block;
 padding: 3px;
 height:auto;
 text-decoration:  none;
color: black;
font-weight:normal;
}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
div#navigation .menulist a:hover,div#navigation .menulist a.highlighted:hover,div#navigation .menulist a:focus {
 color: #FFF;
 background-color: blue;
}
div#navigation .menulist a.highlighted {
 color: #FFF;
 background-color:blue;
background-image:none;
border:0;
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/
div#navigation .menulist li.home a.home,ul#wk_info li.home a.home{
height:15px;
color:black;
border:1px solid #003366;
background:transparent url(menumachine/hanssauer/images/navy_pro_over.gif) -200px -200px no-repeat;
}

div#navigation .menulist li.home ,ul#wk_info li.home {
background-image:url(menumachine/hanssauer/images/navy_pro.gif);
background-position:bottom;
}
div#navigation .menulist li.home a.home:hover,div#navigation .menulist li.home a.highlighted,div#navigation .menulist li.home a.highlighted:hover{
background-position:bottom;
z-index:50;
background-color:white;
height:15px;
color:blue;
border:1px solid #003366;
}

div#navigation .menulist li.home li.sub a.highlighted,div#navigation .menulist li.home li.sub a.highlighted:hover{
background-color: blue;
height:auto;
width:91px;
color:white;
background-image:none;
border:0;
}
/* Only style submenu indicators within submenus. */
div#navigation .menulist a .subind {
 display: none;
}
div#navigation .menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
div#navigation .menulist a {
 float: left;
}
div#navigation .menulist ul a {
 float: none;
}
/* \*/
div#navigation .menulist a {
 float: none;
}
/* */
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*+html div#navigation .menulist ul li {
 float: left;
 height: 1%;
}
*+html div#navigation .menulist ul a {
 height: 1%;
}
* html div#navigation .menulist ul li {
 float: left;
 height: 1%;
}

* html div#navigation .menulist ul a {
 height: 1%;
}


/* End Hacks */
/****Fuss****/
#fuss { 
clear:both;
width:980px;
margin:auto;
color: #daf2cf;
color:white;
 font-size: 8pt;
 font-family: Arial;
 background-color: #0000fe;
 text-align: center;
 padding:5px 10px 5px 10px;
 border:8px solid white;
}
html>body div#fuss{
width:964px;
}
a.bottomlink:link, a.bottomlink:visited, a.bottomlink:active  {
 color: #daf2cf;
 font-weight: bold;
 text-decoration: none;
 padding-right: 10px;
 padding-left: 10px;
 }
a.bottomlink:hover { 
color: #daf2cf;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
 border-left-color: white; 
}

/*******MAIN********/

#main { 
clear:both;
margin:0;
padding:0;
color:black;
/* background-color: #ededed; */
width:100%;
height:450px;
border:0px solid gray;
}

html>body div#main{
height:auto;
min-height:450px;
overflow:hidden;

}

.bg{
/* background-image: url(images/background/background_main.gif); */
background-position:top right;
background-repeat:no-repeat;
}


.clear_b{
clear:both;
width:0;
height:0;
}

/*Startseite*/
.intro_top  {
 text-align: justify;
 margin-bottom: 20px;
 padding-right: 470px;
 }
.intro  {
width: 310px; 
height: 570px;

}


.ek {
/* background-image: url(images/background/handwerk.jpg); */
background-position:bottom left;
background-repeat:no-repeat;
float:left;
margin:5px 7px 0 0;
}

.referenz {
/* background-image: url(images/background/handwerk.jpg); */
background-position:bottom left;
background-repeat:no-repeat;
float:left;
width: 530px;
margin:5px 7px 0 0;
}

.gk {
/* background-image: url(images/background/industrie.jpg); */
 background-position:bottom left;
background-repeat:no-repeat;
margin:5px 25px 0 25px;
float: left;
}

.sp{ 
/* background-image: url(images/background/service.jpg); */
background-position:bottom left;
background-repeat:no-repeat;
margin-top: 5px;
margin-right:auto;
margin-left:auto; 
float: right;
}

/*---------------*/

/*--Registrierung/Eingaben--*/

.login_r form{
font:12px Arial, Helvetica;
width:154px;
/* margin: 5px; */
border-style: none;
padding:0;
}

.login_r fieldset, .login_r label{
font:12px Arial, Helvetica;
/* margin: 5px; */
border-style: none;
padding:0;
}

.login_r input{
height:auto;
}
.login_r label{
font-weight:bold;
}
.an_left{
float:left;
border-style: solid;
border-width: 1px;
border-color: gray;
padding: 5px;
}

.an_right{
float: left;
margin-left:5px;
border-style: solid;
border-width: 1px;
border-color: gray;
padding: 5px;
}

.register{
 margin-top: 5px;
 width:499px;
margin-left:40px;
margin-right:auto;
 margin-bottom:15px;
 padding: 5px; 
border:0px solid black;
text-align:center;
 }

.best{
	margin:0px 5px 15px 5px;
	width:585px;
}

/*Tabellen*/

td.data{
 background-color: #f5f5f5;
 border: solid 1px silver; 
text-align:left;
}

td.titel{
background-color:silver;
text-align:right;
}

.autocenter{
margin:auto;
}
/***Status Bestellungen***/

.a_order{
 color: black;
 padding:5px 5px 5px 15px;
}

.a_order th {
 background-color: #f5f5f5;
 border: solid 1px white;
 }
.a_order td { 
background-color: #f5f5f5;
 border: solid 1px white;
 }

table.a_order { 
background-color: #f5f5f5;
 /*width: auto;*/
width:99%;
 padding: 3px;
 border: solid 1px gray;
 }
table.a_order th {
 background-color: #c0c0c0;
 border-style: none;
 }
table.a_order td { 
background-color: #ebebeb;
 border-style: none;
 }

select.search_stat ,input.search_stat{
float:left;
}

/*breiten box*/
.rep_erfass{
width:700px;
}

.orders{
width:650px;
}
/*Suchseite*/
.searchform{
width:500px;
margin-top:10px;
}

.searchform_left{
width:470px;
height:140px;
margin-top:10px;
float: left;
}

.searchform_right{
width:470px;
height:140px;
margin-top:10px;
float: right;
}

.heimwerkform_left{
width:470px;
height:auto;
margin-top:10px;
float: left;
}

.heimwerkform_right{
width:470px;
height:auto;
margin-top:10px;
float: right;
}

form.suche div{
margin:3px 10px 0px 10px;
padding:3px 0 3px 0;
border:0px solid black;

}
form.suche fieldset div.inleft{
	border:0px solid red;
	float:left;
	width:370px;
}

form.suche fieldset div.inright{
	border:0px solid red;
	float:right;
	width:34px;
	height:34px;
	padding:0px;
}
form.suche fieldset div.irn{
	margin:2px 0px 0 0;
	}
form.suche fieldset div.irm{
	margin:-40px 0px 0 0;
	}
html>body form.suche fieldset div.irn{
	margin:2px 0px 0 0;
}

html>body form.suche fieldset div.irm{
	margin:0;
}
form.suche fieldset{ 
width: 440px;
padding:0px;
border: solid 1px silver;
outline-style: none; 
}
form.suche fieldset label{
display: block;
  float: left;
  width: 120px;
  padding: 3px 5px 0 0;
  margin: 0px 0px 5px 0px;
  text-align:right;
font-weight:bold;
border:0px solid black;
}
form.suche div input, form.suche div select{
width:240px;
padding:0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
height:auto;
}

form.suche input.img_in {
margin:0;
padding:0;
width: 30px;
 height: 30px;
 border: solid 1px gray;
 }

/**Status Reparaturen*/
table.rep{
width:95%;
}
td.status{
width:15%;
text-align:center;
overflow:hidden;
}
td.status table{
text-align:center;
}

td.detail{
width:35%;
}

/*Suchergebnuis*/
table.result_table th 
{ background-color: #c0c0c0;
 padding: 2px; 
}
table.result_table 
{ background-color: #f5f5f5;
 padding: 2px; 
border: solid 1px silver;

}
table.result_table td { 
background-color: #ebebeb;
padding: 2px; 
}
table.result_table td.preis {
text-align:right;
} 
/*Warenkorb*/
.warenkorb{
width:570px;
text-align:right;
}

html>body  .warenkorb{
width:565px;
text-align:right;
}

.kontakt_links{
width:642px;
}

html>body  .kontakt_links{
width:634px;
}


div.warenkorb button{
height:20px;
font-size:7pt;
padding:0;
margin:0;
color:black;
border:solid 1px;
font-weight:bold;
}

div.warenkorb button.right{
margin-right:5px;
margin-left:auto;
text-align:center;
margin-bottom:5px;
}
div.warenkorb table{
margin-right:5px;
margin-left:auto;
width:98%;
margin-top:5px;
margin-bottom:5px;
padding:2px;
text-align:right;
border:0px solid black;

}

div.warenkorb button{
height:20px;
font-size:7pt;
padding:0;
margin:0;
color:black;
border:solid 1px;
font-weight:bold;
}
div.warenkorb button.right{
margin-right:5px;
margin-left:auto;
text-align:center;
margin-bottom:5px;
}


div.warenkorb table td{
 background-color: #ebebeb; 
padding:3px; 
border: solid 1px white;
 }
div.warenkorb table th.center{ 
background-color: #c0c0c0;
 text-align:center;
 border: solid 1px white;
 }

div.warenkorb table td.last_col{
width:13px;
text-align:left;
}

div.warenkorb table.buttons td{
width:98%;
padding:0px;
background-color: #ffffff; 
}
div.warenkorb table.buttons td{
padding:0px;
}

div.warenkorb table.buttons td.left{
text-align:left;
}

div.warenkorb form{
margin:0px;
}

.wk_add_angebot{
width:370px;
margin-left:5px;
float:left;	
}

.packstation{
width:350px;
margin-left:5px;
float:left;	
}

.kontakt_rechts{
width:300px;
margin-left:5px;
float:left;	
}


.wk_add_wkverw{
width:370px;
margin-left:5px;
margin-bottom:5px;
float:left;	
}

.wk_add{
width:390px;
margin-bottom:10px;
}
div.adresse{
width:450px;
}
table.adresse {
 background-color: #f5f5f5;
 border: solid 1px silver;
 text-align:left;
}
table.adresse td { 
background-color: #ebebeb;
padding:5px;
}
table.adresse td.titel{
text-align:right;
}

iframe.CCAlbis{
border:0px solid black;
margin:0;
padding:0;
width:99%;
height:310px;
} 

span.vstitle{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
width:150px;
text-align:right;
padding:5px;
}

span.vscost{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
width:80px;
text-align:left;
padding:5px;
}

span.vscomment{
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE \*/
text-align:left;
padding:5px;
}

table.kontakt tr.grey1 { 
background-color: #ebebeb;
 border-style: none;
 }
table.kontakt tr.grey2 { 
background-color: #f5f5f5;
 border-style: none;
 }
table.kontakt { 
background-color: #f5f5f5;
 width: 900px;
 padding: 3px;
 border: solid 1px silver;
 }

div.kontakt{
margin-top:10px;
width:95%;
}


/*XSTANDARD*/
img.imgleft{
	float:left;
}

img.imgright{
	float:right;
}

span.underline{
	text-decoration:underline;
}

p.left{
	text-align:left;
}

p.center{
	text-align:center;
}

p.right{
	text-align:right;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p#cardIcon{
font-size:11px;
text-align:left;
margin:0px 0px 5px 5px;
padding:3px;
border:0px solid red;
}
p#cardIcon img{
float:right;
margin:0px 3px 3px 3px
}
p#cardIcon span{
	float:left;
	vertical-align:middle;
	margin:8px 3px 0px 0px
}


div.specialFront{
	/*text-align:center;
	border:1px solid red;*/
}
em.ver{
	font-family:georgia, "times new roman", serif;
	display:block;
	font-style:normal; 
}

td.specialFront{
padding:0;
width:80px;
margin:0;
text-align:center;
}
td.specialFront p.imgCont{
	height:100px;
	margin:0;
}
td.specialFront p.imgCont img{

}
td.specialFront p.bezFront{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:50px;
	margin:0px;
	overflow:hidden;
}

td.specialFront p.pr{
	height:15px;
}
td.specialFrontLink{
	text-align:right;
}

div.begruess{
	text-align:center;
}

div.begruess img{
	margin:auto;
}

a.smaller{
	font-size:10px;
}

ul.square{
	list-style-type:square;
}
