@import url("../../../../css/format.css");
@import url("../../../../css/ui-jquery/ui.all.css");



div#main1
  {
  padding-top: 25px;
  border-top: 1px solid #e2bf87;
/*  vertical-align: top;  ***  hier nicht anwenden !!! ***  badges rutscht sonst durch */
  }

div#ThemeRoller
  {
  margin: 0 auto;
  width: 600px;
  position: relative; z-index: 1000;
  }
div#ThemeRoller img#firefox
  {
  position: absolute;
  top: -10px;
  left: -20px;
  }
/* im Div .ui-widget-header */
div#ThemeRoller h1
  {
  margin: 20px  0 20px 95px;
  font-size:16pt;
  letter-spacing: 1px;
  }
div#ThemeRoller h1 span
  {
  text-transform: uppercase;
  font-size: 50%;
  }
div#ThemeRoller a#link-firefox
  {
  cursor: move;
  }
div#ThemeRoller p
  {
  font-size: 11pt;
  line-height: 1.6em;
  }
div#ThemeRoller p#click
  {
  font-size: 9pt;
  font-weight:bold;
  font-style: italic;
  letter-spacing:2px;
  color: #e78f08;
  }

/* Inhaltscontainer ganze Seite */
div.ui-widget-content
  {
  padding: 8px;
  }
div.ui-widget-content div.ui-widget-content
  {
  border: 0;
  padding: 20px 40px;
  }

/* fixierter Div nur Firefox */
div#inline_themeroller
  {
  top: 30px !important;
  right: 40px !important;
  background: #333 !important;
  }

div#styleswitch, div#styleswitch2
  {
  margin: 2px auto;
  width: 600px;
  font-size: 10pt;
  padding:8px;
  }
div#styleswitch .ui-widget-header, div#styleswitch2 .ui-widget-header
  {
  padding: 10px 35px 10px 40px;
  }
div#styleswitch h2, div#styleswitch2 h2
  {
  font-size:12pt;
  letter-spacing:1px;
  }
div#styleswitch2  div.ui-widget-content
  {
  padding: 20px 0 10px 0;
  }
div#styleswitch h3
  {
  font-size:1.3em;
  margin:20px 0;
  }
div#styleswitch p
  {
  margin-bottom:15px
  }

div#switch
  {
  float:left;
  }
div#switchbutton
  {
  float:right;
  }
ul#ThemeRollerReady
  {
  float:left;
  margin: 4px 15px 0 0;
  width:205px;
  height: 65px;
  overflow: hidden;
  }
ul#ThemeRollerReady li
  {
  list-style:none;
  }

/* Beginn Pseudoklassen */
div#ThemeRoller a.ui-state-default,
p#dialog_p a.ui-state-default,
div#dialog a.ui-state-default,
a#backlinktop
  {
  padding: .4em 1.2em .4em 0.1em;
  display: block;
  font-weight: 500;
  font-size: 10pt;
  letter-spacing:1px;
  float:left;
  cursor:pointer;
  }
div#ThemeRoller a.ui-state-default span.ui-icon,
p#dialog_p a.ui-state-default span.ui-icon,
div#dialog a.ui-state-default span.ui-icon,
a#backlinktop  span.ui-icon
  {
  float: left;
  margin: 0.1em 4px 0 5px;
  }
a#dialog_link
  {
  margin-right:40px;
  }
div#ThemeRoller a.ui-state-default
  {
  padding: .6em 1.2em .6em 0.1em;
  font-weight: 600;
  letter-spacing:2px;
  margin:15px 0;
  }
div#ThemeRoller a.ui-state-default span.ui-icon
  {
  margin: 0.3em 4px 0 5px;
  }
/* Ende Pseudoklassen */

p#dialog_p
  {
  margin:20px 0 0 0;
  }
div#dialog
  {
  font-size: 10pt;
  text-align:left;
  overflow: hidden;
  padding: 20px 8px 0 8px;
  }
div#dialog p
  {
  line-height:150%;
  }
div#border-bottom
  {
  height:1px;
  border:0;
  font-size:0;
  margin: 24px 0 0 0;
  }

/*.ui-dialog { width: 400px !important; }  =  div#dialog  */
.ui-dialog-buttonpane
  {
  margin:1px !important;
  padding:1px !important;
  }
.ui-dialog-buttonpane button
  {
  padding: .2em .6em .2em .6em !important;
  margin: 15px 8px 5px 0 !important;
  font-size:8pt !important;
  letter-spacing:2px;
  }


ul#icons
  {
  margin: 0;
  padding: 0;
  }
ul#icons li
  {
  margin: 2px;
  position: relative;
  padding: 4px 0;
  cursor: pointer;
  float: left;
  list-style: none;
  }
ul#icons li span.ui-icon
  {
  float: left;
  margin: 0 4px;
  }
ul#icons li span.none
  {
  display:none;
  padding:5px 12px;
  position:absolute;
  top:-40px; left:-1px;
  z-index:800;
  font-size: 10pt;
  font-weight:500;
  white-space: nowrap !important;
  }
ul#icons li:hover span.none
  {
  display:block;
  }


/********************* Font-Formatierung *******************/

* {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 500;
  }
body
  {
  font-size: 100%;
  }

a {text-decoration:none;}

h2#workh2
  {
  font-size: 1.3em;
  padding: 1px 0 3px 50px;
  color: #777;
  background: url("../../../../img_css/button_lang/home.png") no-repeat 0px center;
  letter-spacing : 1px;
  margin-bottom: 66px;
  }
h2#workh2 a
  {
  color: #777;
  border-bottom:1px solid #A62900;
  }
h2#workh2 a:hover
  {
  color: #A62900;
  }
h2#workh2 a#work-active
  {
  color: #A62900;
  border-bottom:none;
  }

.clearfix:after
  {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

img
  {
  border:0;
  }

div#footer
  {
  font-size:8pt;
  }