/* Reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:focus,
textarea:focus{
	outline:0;
}
a:hover, 
a:active, 
a:focus { 
	outline: none; 
	-moz-outline-style: none;
}


/* LAYOUT
--------------------------------------------- */

body{font-family: Tahoma,Helvetica,sans-serif;color:#333;font-size: 12px;max-width: 100%;overflow: hidden;}
.wrapper {

  margin: 0 auto;
  max-width: 95%;
  overflow: hidden;
  position: relative;
  width: 700px;
  padding: 0 5px;
  box-sizing: border-box;
}
.wrapper h3 {padding-bottom: 10px;}

h1 {font-size: 16px;margin: 0 0 10px 0;font-weight:bold;}
h2 {font-size: 14px;margin: 5px 0 10px 0;font-weight:bold;}
h3,h4,h5,h6 {font-size: 13px;margin: 3px 0 5px 0;font-weight:bold;}

.step {float:right;font-weight:bold;}
.clear {	clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.content_left {float:left; width: 49%;}
.content_right {float:right; width: 49%;}
.content_full {padding: 10px 0 10px;}

input, textarea, select {border: 1px dashed #ccc; color: #666; padding: 9px 5px; }
input.button {background: #657666 none repeat scroll 0 0; border: 0 solid #ccc; color: #fff; cursor: pointer; font-weight: bold; padding: 5px 15px; border-radius: 0px; }
input.button.fleft {background: #be2525 none repeat scroll 0 0; }

input.button:hover {background: #A2A2A2; }
label {font-style:italic; margin: 10px 0 2px;}
.form_text {clear:both;padding-bottom: 5px;}
.form_text_left {float:left;width:100%;margin-top: -6px;}
.form_text_right{float:right;width:100%;}

p,ul {margin: 0 0 10px 0;}
.hinweis {font-size:x-small;color:#666;}

a {color: #333;text-decoration:none;}
a:hover {text-decoration:underline;}

.error { padding: 5px; background: #eee;border: 1px solid #ccc;margin: 10px 0;}
.gallery_list {padding: 5px;min-height:120px;}
.gallery_list .item {float:left;margin-right: 5px;max-width:40%;}
.gallery_list .item img{border:1px solid #e8e8e8;max-width:100%;}
.gallery_preview_container {text-align:center;clear:both;margin-top:20px;}
.gallery_preview {padding: 5px;display:inline-block;position:relative;text-align:left;}
.gallery_preview  img {max-width:100%;border:1px solid #e8e8e8;display:block;margin:0 auto;}

.preview_text {color: #333; font-size: 7px; left: 21%; max-height: 160px; max-width: 90%; overflow-wrap: break-word; position: absolute; text-align: left; top: 52%; width: 240px;line-height: 9px;}
.preview_wert {position: absolute;
    bottom: 26%;
    left: 25px;
    font-size: 12px;
    max-width: 40%;
    white-space: nowrap; }
.preview_nr {    position: absolute;
    bottom: 26%;
    right: 25px;
    text-align: right;
    font-size: 12px;
    max-width: 40%;
    white-space: nowrap;}

.dblock {display:block!important;}
.nowrap{white-space:nowrap;}
.w192 {width: 98%!important;}
.w180 {width: 180px!important;}
.w200 {width: 200px!important;}
.h5 {height: 5px!important;}
.h10 {height: 10px!important;}
.h20 {height: 20px!important;}
.h30 {height: 30px!important;}
.pb20 {padding-bottom: 20px!important;}
.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.mb10 {margin-bottom: 10px!important;}
.fleft{float:left!important;}
.fright{float:right!important;}

@media only screen and (max-width: 800px){
.content_right {float: none; width: 100%; }
 .w192 {width: 97%!important; }
}


@media only screen and (max-width: 550px){
.preview_text {font-size: 7px; line-height: 7px; }
.preview_wert, .preview_nr {font-size: 4px; }

.w200 {
  display: block!important;
  float: none!important;
  position: relative!important;
  width: 100%!important;
  margin-bottom: 22px;
}


}


@media only screen and (max-width: 350px){
.preview_text {font-size: 4px; line-height: 5px; }
.preview_wert, .preview_nr {font-size: 4px; }
}