/* 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{max-width: 100%;width: 100%;overflow: hidden;position: relative;}

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;}

input, textarea, select {padding: 2px 3px;border: 1px solid #ccc;color: #666;}
input.button  {padding: 2px 3px;border: 1px solid #ccc;color: #333;cursor:pointer;}
label {font-style:italic;}
.form_text {clear:both;padding-bottom: 5px;}
.form_text_left {float:left;}
.form_text_right{float:right;}

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:30%;}
.gallery_list .item img{border:1px solid #996846;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 #996846;display:block;margin:0 auto;}

.preview_text {position:absolute;color: #98694d;font-size: 14px;left:25px;top:41%;width:360px;word-wrap:break-word;max-height:160px;max-width:90%;text-align:center;} 
.preview_wert {position:absolute;bottom: 22%;left: 25px;font-size: 12px;max-width:40%;white-space:nowrap;}
.preview_nr {position:absolute;bottom: 22%;right: 25px;text-align: right;font-size: 12px;max-width:40%;white-space:nowrap;}

.dblock {display:block!important;}
.nowrap{white-space:nowrap;}
.w192 {width: 192px!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: 768px){
 .preview_text {font-size: 12px;} 
 .preview_wert {font-size: 10px;}
 .preview_nr {font-size: 10px;}
}