@charset "utf-8";
/* version 31.01.2012 */

/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */

*{
margin:0;
padding:0;
}

body{
background:#ffffff;
color:#454545;
font:normal normal normal 11px Verdana,Geneva,Helvetica,sans-serif;/*standardfontdefinition*/
}

img{
border:0;
-moz-force-broken-image-icon:0;
}

ul,ol,li{
list-style:none;
}

ul.colormatrix{
   list-style: none;
}

ul.colormatrix li{
width:52px;
height:12px;
float:left;
margin:0 5px 12px 0;
border:2px solid white;
}

ul.horizontal li{
float:left;
margin-right: 10px;
text-decoration: underline;
}

ul.horizontal li.current{
text-decoration: none;
padding-left: 20px;
font-weight: bold;
background:white url(../img/icon/icon-checked.png) no-repeat 5px center;

}

.hidden{
display:none;
}

/* ************************************* */
/*                                       */
/* Links                                 */
/*                                       */
/* ************************************* */

a,
a:visited,
a:active{
color:#454545;
text-decoration: none;
outline: none;
}

a:hover,
a:focus{
color:#696969;
}

a.more{
  background:url(../img/icon/icon-more.png) no-repeat 4px center; 
  padding-left: 16px;
}

/* ************************************* */
/*                                       */
/* Layout                                */
/*                                       */
/* ************************************* */

/* traegt alle elemente und zentriert sie im viewport */
#page{
  min-width:1100px;
  padding:0 0 0 0;
  color:#454545;
  min-height:100%;
  position:relative;
  margin: 0 auto;
  width:100%;
}

#header{
  /*border-bottom:10px #FFCC00 solid;*/
  width:100%;
  background:#ffffff;
  height:70px;
  position:relative;
  padding-top:20px; 
}

/* ************************************* */
/*                                       */
/* Logo                                  */
/*                                       */
/* ************************************* */

h1.logo{
  padding:0 0 0 0;
  margin:6px 0 0 74px;
  font-size:30px;  
  line-height:30px; 
  float:left;
  font-family: 'DINMediumRegular',Verdana;
}

h1.logo a{
  font-family: 'DINMediumRegular',Verdana;
}

h1.logo span{
  margin-left: 11px;
}

/* ************************************* */
/*                                       */
/* Hilfe                                 */
/*                                       */
/* ************************************* */

.help{
  width:auto;
  position:relative;
  padding: 0 0 0 0;
  overflow: hidden;
  margin: -10px -10px 20px -10px;
  height:35px;
}

.help p{
  background: #bfa127;
  padding: 10px 10px 10px 12px;
  float:left;
  font-size: 11px;
  font-family: Arial,sans serif;
  text-transform:uppercase;
  letter-spacing: 1px;
  color:white;
  margin-bottom: 0;
}

/* ************************************* */
/*                                       */
/* Inhaltsbereich                        */
/*                                       */
/* ************************************* */

#main{
  width:auto;
  position:relative;
}

/* ************************************* */
/*                                       */
/* Navigation                            */
/*                                       */
/* ************************************* */

/* horizontale hauptnavigation im headerbereich */
#nav{
  position:absolute;
  right:20px;
  top:42px;
}

#nav li{
  padding:0px 8px 0px 5px;
  border-right:1px solid #454545;
  display:inline;
}

#nav li.none{
  padding:0px 0px 0px 5px;
  border-right:none;
}

#nav li a{
  color:#454545;
  font:normal normal normal 11px Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing: 1px;
}

#nav li a.current{
  font-weight:bold;
}

/* ************************************* */
/*                                       */
/* Sektionen                             */
/*                                       */
/* ************************************* */

/* contentmodul allgemeine eigenschaften */
.modul{
float:left;
padding:10px 10px 10px 10px;
}

.modul-preview{
border: none;
padding:10px 10px 0 0;
margin-bottom: 10px;
position:relative;
background: white;
overflow:hidden;
}

.modul-preview a{
margin:0 0px 10px 10px;
display: block;
position:relative;
float:left;
}

.modul-preview a img.edit{
display: block;
position:absolute;
right:5px;
top:5px;
z-index: 100;
}

.modul-preview div.downscaled{
display: block;
position:absolute;
left:0px;
top:0px;
background: #ffcc00;
width:100%;
}

.modul-preview .downscaled p{
padding:6px 0 7px 10px;
margin-bottom: 0;
}


/* contentmodul 100% */
.sub_full{
  width:100%;
  background: #F2F1EC;
  padding: 10px 0 10px 0;
}

/* contentmodul traegt text 50% */
.sub_half_left{
  width:410px;
  position:relative;
}

.sub_half_right{
  width:470px;
  position:relative;
  background: #FAF9F5;
}

.segment{
   padding: 5px 0 5px 0;
   margin: 0 10px 0 0;
}

.segment.photomix{
   padding: 5px 0px 2px 0;
   margin: 0 10px 10px 0;
   overflow:hidden;
   padding-left:5px;
	background-color: #f2f1ec;
}

.js-tpanel-motif-photomix p{
  background: url("../img/icon/icon-link.png") no-repeat scroll left center transparent;
  padding-left: 10px;
  cursor: pointer;
  text-decoration: underline;
}

.js-tpanel-motif-photomix p.current{
  background: url("../img/icon/icon_down.png") no-repeat scroll left center transparent;
  padding-left: 14px;
  font-weight: bold;
  text-decoration: none;
}

.segment.photomix a{
float:left;
margin:0 5px 5px 0;
border: 2px solid #f2f1ec;
}

.photomix img{
  cursor: pointer;
  display: block;
}

.photomix.current {
  background-color: #f2f1ec;
}

.photomix.current a{
  border: 2px solid #ffcc00;
}

.photomix.current a.mix{
  border: 2px solid #f2f1ec;
}

.photomix a.current{
  border: 2px solid #ffcc00;
}

.allinone-thumb{
  cursor: pointer;
}	

ul.current.colormatrix li{
  border: 2px solid #ffcc00;
}

.bin{
  overflow: hidden;
}

/* ------------------------------------------------------------ */
/* DESIGNATTRIBUTE */
/* ------------------------------------------------------------ */

.shadow{
-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 0 5px 5px 5px;
}

.shadow-simple{
-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px 5px 5px 5px;
}

form h1.current{
-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px 5px 0px 0px;
}

.modul-preview{
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius:5px;
}

/* ------------------------------------------------------------ */
/* FORM MODULE */
/* ------------------------------------------------------------ */

.options{
float:left;
width:100%;
padding:0px 0px 0px 0px;
}

.sub-current{
margin-left:80px;
padding:10px 0px 10px 10px;
background: white;
float:left;
width:310px;
}

fieldset{
border: none;
padding:0px 0 10px 0;
margin:0 0px 10px 0px;
position:relative;
}

fieldset fieldset{
border: none;
padding:0px 0 0px 0;
margin:0px 0px 0px 0px;
position:relative;
}

label{
float:left;
margin-right:10px;
width:70px;
text-align:right;
display: block;
font-weight: bold;
padding:5px 0 5px 0;
}

/* ------------------------------------------------------------ */
/* TEXTFORMATE */
/* ------------------------------------------------------------ */

p{
margin:0px 0px 10px 0px;
line-height:14px;
}

h1{
font-family: 'DINMediumRegular',Verdana;
font-size: 20px;
margin-bottom:10px;
}

h1 span{
font-size: 11px;
font-family: Arial,sans serif;
text-transform:uppercase;
margin-top: 0px;
letter-spacing: 1px;
display:inline-block;
font-weight: normal;
}

form h1{
font-family: Arial,sans serif;
font-size: 12px;
text-transform: none;
font-weight: normal;
float:left;
margin:0 8px 0 0;
cursor: pointer;
padding:5px 5px 5px 12px;
background: url(../img/icon/icon-link.png) no-repeat 4px center;
}

.simple-input{
font-family: Arial,sans serif;
font-size: 12px;
text-transform: none;
font-weight: normal;
float:left;
margin:0 8px 0 0;
cursor: pointer;
padding:5px 5px 5px 12px;
background: white;
width:303px;
}

form h1.current{
text-decoration: none;
font-weight: bold;
padding:5px 5px 5px 20px;
background:white url(../img/icon/icon-checked.png) no-repeat 5px center;

}

.block h1.title{
margin:0px 0px 10x 0px;
padding:5px 0px 10px 10px;
background:transparent url(../img/bg_headline.png) repeat 0px 0px;
}

h2{
margin-bottom:2px;
font-size:11px;
font-weight:bold;
line-height:15px;
}

.block h3{
margin-bottom:4px;
padding:0px 10px 0px 10px;
font-size:11px;
font-weight:bold;
line-height:15px;
}

.icon_headline{
float:right;
margin:7px 0px 0px 0px;
display:inline;
}

/* ------------------------------------------------------------ */
/* CLEAR - nichts veraendern */
/* ------------------------------------------------------------ */

/* clear als klassisches soloelement - nach möglichkeit nicht verwenden */
.clear{
border:0.1px;
clear:both;
font-size:0px;
height:0%;
}

/* clear für bestehende elemente */
.inc_clear{
clear:both;
}

/*
** Markup free clearing
** Details:http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}

/* Safari */
.clearfix{
display:block;
}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox{
overflow:hidden;
}
/* IE-Clearing */

/* ------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------ */

#footer{
margin:0 auto 0 auto;
min-width:1100px;/* fixed width */
background:#ffffff;
height:34px;
position:relative;
padding-top:5px;
width:100%;
}

#footer #addthis{
float:right;
}

/* ankerlinks um nach oben springen - steht nur im footer */
.anchor_top{
float:right;
padding:0px 10px 5px 10px;
}

/* ------------------------------------------------------------ */
/* JQUERY JQUERY JQUERY JQUERY JQUERY */
/* ------------------------------------------------------------ */

.js-click{
cursor:pointer;
}

#ie_clearing{
display:none;
}

/* ------------------------------------------------------------ */
/* FORMULARE */
/* ------------------------------------------------------------ */

/* bugfix */
select,textarea{
font-size:99%;
}

input,textarea{
font:normal normal normal 11px/14px Verdana,Helvetica,sans-serif;
}

input[type=text],select{
padding:1px 0px 0px 4px;
color:#333333;
}

input[type=image]{
margin:0 auto 10px 0;
display:block;
}

select.right,input.right{
clear:both;
float:left;
margin-left:100px;
display:inline;
}
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right{
margin-left:100px;
}

.itext_short{
  width:30px;
}

.iradio{
margin-right:3px;
vertical-align:middle;
}

.icheck{
margin-right:5px;
vertical-align:middle;
}

.iselect{
width:90px;
margin-right:5px;
}

/* FORM BUTTON */
button{
border: none;
vertical-align: middle;
color: white;
font-weight: bold ;
font-size: 10px;
line-height: 0;
}

button div{
margin:-5px 0 0 -2px;
}

button.button-go{
height:28px;
width:38px;
background:url(../img/icon/button-go.png) no-repeat 0 0;
margin-left: 10px;
}

/* FORM twocol */
form.twocol label{
float:left;
margin-right:5px;
width:80px;
display:inline;
text-align:right;
line-height:20px;
vertical-align:middle;
font:normal normal normal 10px Arial,Helvetica,sans-serif;
}

form.twocol select{
float:left;
width:75px;
font:normal normal normal 10px Arial,Helvetica,sans-serif;
}

form.twocol fieldset{
border:none;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
position:relative;
}

/* ------------------------------------------------------------ */
/* MISC */
/* ------------------------------------------------------------ */

img.js-dummyImage{
    background-color: white;    
    background-image: url(/res/img/busy.gif);   
    background-position: center;
    background-repeat: no-repeat;
}

.js-disabled, .js-disabled *{
    color: #aaa;    
    background-color: white;    
}

/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */

#image_authors{
  margin:0 10px 0 10px;
}

#image_authors table{
  width:100%;
}

#image_authors table td{
  border-bottom:1px dotted black;
  padding:10px 10px 10px 0;
}

#image_authors table td img{
  vertical-align: middle;
}

#image_authors table tr:last-child td{
  border:none;
  padding-bottom:0;
}

.deco-left{
  background-color:#f2f1ec;
  margin: 0 10px 0 0;
}

.deco-right{
  background-color:#f2f1ec;
}