@charset "utf-8";
/* ------------------------------------------------------------------------------------- */
/* GLOBAL */
/* ------------------------------------------------------------------------------------- */
*{
margin:0px;
padding:0px;
}
html{
overflow-y:scroll;
height:100%;
}
body{
height:100%;
background:#FFFFFF;
color:black;
font:11px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}
img{
border:0px;
}
/* ------------------------------------------------------------------------------------- */
/* GLOBALE POSITIONIERUNG */
/* ------------------------------------------------------------------------------------- */
/* zentriert vertikal mit page zusammen ------------------------------------------------ */
#distance{
float:left;
height:50%;
margin-bottom:-420px;/* halbe containerhoehe */
width:1px;
}
/*traegt alle elemente und zentriert sie im viewport ---------------------------------- */
#page{
clear:left;
margin:0 auto;
padding:25px 0 0 0;
position:relative;
width:915px;
}
/* ------------------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------------------- */
/* standardlinks a:link,a:visited,a:hover,a:active,a:focus */
a{
font:11px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
outline-style:none;
text-decoration:none;
color:black;
}
a:link,
a:visited,
a:active{

}
a:hover,
a:focus{
text-decoration:underline;
}
/* externe links im fliesstext ------------------------------------------------------- */
a.icon{
background:transparent url(../img/icon_link.png) no-repeat 0px 4px;
font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;
outline-style:none;
padding-left:6px;
text-decoration:none;
}
a.icon:link,
a.icon:visited,
a.icon:active{
color:#A58E24;
}
a.icon:hover,
a.icon:focus{
color:#685848;
}
/* seiten blättern ------------------------------------------------------------------- */
#pager{
background: url(../img/deco/deco_verti.png) repeat-y top left;
position:absolute;
right:-156px;
top:0px;
padding:5px 0 0 25px;
height:20px;
width:130px;
}
#legend-ri{
position:absolute;
right:-148px;
top:50px;
padding:0 0 0 25px;
width:120px;
background: url(../img/deco/deco_verti.png) repeat-y top left;
}
#legend-ri p{
margin:0 0 0 0;
}
#legend-bo p{
margin:12px 0 0 0;
}
a.jump{
display:block;
float:left;
width:13px;
height:13px;
border:1px solid;
}
.jump-next{
background: url(../img/icon_jump_next.png) no-repeat;
background-position: center 3px;
margin-right: 12px;
}
.jump-prev{
background: url(../img/icon_jump_prev.png) no-repeat;
background-position: center 3px;
margin-right: 12px;
}
a.jump:hover,
a.jump:focus{
background-position:center -12px;
background-color: Black;
}
/* ------------------------------------------------------------ */
/* LOGO */
/* ------------------------------------------------------------ */
.img_logo{
display:inline;
float:left;
width:auto;
}
/* ------------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------------ */
/* allgemeine angaben navigation */
#header{
height:70px;
width:100%;
background: url(../img/deco/deco_hori.png) repeat-x bottom left;
clear: both;
}
/* allgemeine angaben navigation */
#nav-active{
margin:8px 0 0 25px;
}
/* hauptnavigation */
#nav-list{
list-style:none;
float:right;
display:inline;
height:25px;
margin:9px 0 0 0;
width:auto;
}
#nav-list li{
float:left;
padding-left:25px;
}
#nav-list li.current{
display:none;
}
#nav-list a{
font:16px "Georgia", "Times New Roman", Times, serif;
outline-style:none;
text-decoration:none;
color:black;
text-indent: -12000px;
display:block;
}
#nav-list a:link,
#nav-list a:visited,
#nav-list a:active{

}
#nav-list a:hover,
#nav-list a:focus{
text-decoration:underline;
background-position: left -27px;
}
#nav-list a.current{
font-weight:bold;
background-position: left -50px;
}
.nav_sub_list a.current{
font-weight:bold;
}
li.nav-img-print{
width:42px;
}
li.nav-img-web{
width:30px;
}
li.nav-img-artrealisation{
width:120px;
}
li.nav-img-kontakt{
width:67px;
}
.nav-img-print a{
background: url(../img/nav_print.png) no-repeat;
background-position: left top;
width:42px;
height:25px;
}
.nav-img-web a{
background: url(../img/nav_web.png) no-repeat;
background-position: left top;
width:30px;
height:25px;
}
.nav-img-artrealisation a{
background: url(../img/nav_artrealisation.png) no-repeat;
background-position: left top;
width:120px;
height:25px;
}
.nav-img-kontakt a{
background: url(../img/nav_kontakt.png) no-repeat;
background-position: left top;
width:67px;
height:25px;
}
/* subnavigation */
.nav_sub_list{
list-style:none;
display:block;
}
.print .top{
position:absolute;
top:37px;
right:0px;	
}
.kontakt .top{
position:absolute;
right:0px;	
}
.web .top{
position:absolute;
top:0px;
right:0px;	
}
.art .top{
position:absolute;
top:0px;
right:0px;	
}
.nav_sub_list li{
border-bottom:1px solid black;
padding:6px 0 6px 0;
min-width:70px;
text-align:right;

}
.nav_sub_list li.first{
border-bottom:1px solid black;
padding:0 0 6px 0;
}
.nav_sub_list li.last{
border:none;
padding:6px 0 6px 0;
}
/* ------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------ */
/* contentbereich container zur stabilisierung - traegt keine inhalte bis auf content */
#content_container.print{
overflow:visible;
position:relative;
width:100%;
margin: 25px 0 0 0;
clear:both;
background: url(../img/deco/deco_bole.png) no-repeat;
background-position: 215px bottom;
}
#content_container.web, #content_container.kontakt{
overflow:visible;
position:relative;
width:100%;
margin: 62px 0 0 0;
clear:both;
}
#content_container.art{
overflow:visible;
position:relative;
width:100%;
margin: 25px 0 0 0;
clear:both;
}
#sidebar-left{
display:inline;
float:left;
width:215px;
position: relative;
}
/* allgemeiner contentbereich */
#content{
display:inline;
float:left;
overflow:visible;
margin-left:215px;
}
/* allgemeiner contentbereich */
.print #content{
padding:0 0 25px 25px;
min-width:525px;
width:auto !important;/* ie6-fix für min-width */
width:525px;           /* ie6-fix für min-width */
background: url(../img/deco/deco_bori.png) no-repeat;
background-position: right bottom;
}
/* allgemeiner contentbereich */
.web #content, .art #content{
padding:0 0 25px 25px;
width:675px;
}
/* allgemeiner contentbereich */
.kontakt #content{
padding:0 0 25px 25px;
width:675px;
}
/* contentbereich startseite */
.front #content{
margin:0 0 0 50px;
padding:0 0 0 0;
background-image: none;
}
/* ------------------------------------------------------------ */
/* CONTENTMODULE */
/* ------------------------------------------------------------ */
/* normal ----------------------------------------------------- */
.modul{

}
/* vollansicht print - traegt bild ---------------------------- */
.modul-print-image{
position:relative;
padding:0 25px 0 0;
}
.modul-web-list{
padding:0 25px 0 0;
margin: 0 0 15px 0;
clear:both;
background: url(../img/deco/deco_hori.png) repeat-x bottom left;
list-style: none;
position:relative;
}
.modul-web-list .text{
margin:0 0 0 180px;
padding:0 0 10px 10px;
}
.modul-web-list .thumbs{
float:left;
height:100%;
width:170px;
min-height:120px;
}
.modul-web-list .img-holder{
width:160px;
min-height:0px;
margin:0 0 15px 0;
}
.modul-web-list .thumbs img{
margin:0 auto 0 auto;
padding:0 0 0 0;
display: block;
}
#modul-print-gallery{
position:relative;
padding:0 0 0 0;
width:525px;
}
#modul-print-gallery img{
margin:0 15px 15px 0 ;
}
.js-hidden{
	display:none;
}
.modul-front{
padding:0 0px 0 0;

}
.bo-bot{
border-bottom: 1px dotted black;
}
.ml-50-{
margin-left:-54px;
}
.modul-group{
margin:0 0 0 -20px;	
}
.modul-half{
float:left;
width:327px;
padding:0 0 20px 20px;
}
.modul-three{
float:left;
width:211px;
padding:0 0 20px 20px;
height:200px;	
}
.modul-three-full{
float:left;
width:30%;
padding:0 0 20px 20px;
height:200px;	
}

/* ------------------------------------------------------------ */
/* TEXTFORMATE */
/* ------------------------------------------------------------ */
p{
line-height:14px;
margin:0px 0 10px 0;
}
.modul-web-list p{
line-height:14px;
margin:0px 0 10px 0;
padding: 0 0 0 12px;
}
h1{
font-size:11px;
font-weight:bold;
line-height:15px;
margin-bottom:21px;
}
.modul-web-list h1{
font-size:11px;
font-weight:normal;
line-height:15px;
margin-bottom:15px;
}
h1 a{
font-size:11px;
font-weight:bold;
background: url(../img/icon_expand.png) no-repeat;
background-position: 0px 3px;
padding: 0 0 0 12px;
display:block;
text-decoration: none;
line-height: 15px;
}
h1 a:hover{
font-size:11px;
font-weight:bold;
background: url(../img/icon_expand.png) no-repeat;
background-position: 0px -37px;
padding: 0 0 0 12px;
}
h1 a:active{
text-decoration: none;
}
h1.title{
font-size:11px;
font-weight:normal;
line-height:15px;
margin-bottom:25px;
clear: both;
height:15px;
}
.print h1.underline{
line-height:14px;
margin:37px 0 15px 0;
clear: both;
border-bottom:1px solid black;
padding-bottom:5px;
}
.web h1.underline,.art h1.underline,.kontakt h1.underline{
line-height:14px;
margin-bottom:15px;
clear: both;
border-bottom:1px solid black;
padding-bottom:5px;
}
.u-width-400{
width:400px;
}
.u-width-100{
width:100%;
}
h2{
font-size:11px;
font-weight:bold;
line-height:15px;
margin-bottom:10px;
}
.modul-web-list h2{
padding: 0 0 0 12px;
}
/* ------------------------------------------------------------ */
/* CLEAR als soloelement und für bestehende elemente */
/* ------------------------------------------------------------ */
.clear{
border:0.1px;
clear:both;
font-size:0px;
height:0%;
}
.inc_clear{
clear:both;
}
/* ------------------------------------------------------------ */
/* LISTEN */
/* ------------------------------------------------------------ */
#content .modul-web-list ul,#content .modul-half ul,#content .modul-one ul{
margin-left:0px;
list-style-image: url(../img/icon_list.png);
}
#content .modul-web-list ul{
padding: 0 0 0 12px;
}
#content .modul-web-list li,#content .modul-three li,#content .modul-half li{
margin:0 0 12px 20px;
}
#content .modul-one li{
margin:0 0 12px 20px;
}
/* ------------------------------------------------------------ */
/* ABSTANDSKLASSEN können global auf elemente angewandt werden */
/* ------------------------------------------------------------ */
.ml_20{
margin-left:20px;
}

/* ------------------------------------------------------------ */
/* FORMULAR */
/* ------------------------------------------------------------ */
form.ddfm .required {
color: #FF0000;
}
.ddfmerrors {
color: #FF0000;
}
.ddfmerrors {
font-weight: bold;
}
/* STRUCTURE CSS */
p.fieldwrap {
margin:0px;
padding:0px;
}
form.ddfm {
width: 200px;
overflow: hidden; 
}
form.ddfm label {
display: block; 
padding-bottom: 5px;
}
form.ddfm select.fmselect {
margin-bottom: 15px;
width:190px;
border:1px dotted black;
font-size: 11px;
}
form.ddfm select.fmselect option {
margin:3px 0 0 0;
height:15px;
padding-left: 5px;
}
form.ddfm textarea {
display: block;
margin-bottom: 15px;
padding: 3px;
width:182px;
border:1px dotted black;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form.ddfm input.fmtext {
display: block;
width:182px;
margin-bottom: 15px;  
padding: 3px;
border:1px dotted black;
font-size: 11px;
}
form.ddfm .submit input{
font-size: 11px;
background-color: Black;
color: White;
border:none;
padding:3px;
}
form.ddfm .submit{
text-align:right;
padding-right: 10px;
}
.ddfmerrors {
padding-bottom: 5px;
}
.errorlist {
padding-bottom: 15px;  
}