body {
    text-align:center;
    margin-top:0;
    margin-left: 50px;
    margin-right:50px;
    background-color:#ffd683;
    background-color:#e7e7ff;
    background-color:#DCDCDC;
    background: #DCDCCC url(http://www.ozali.org/img/backgroundimage.gif) repeat-x scroll left top;
}

#main_window
{
    text-align:center;
    width:805px;
    background-color:#ffd683;
    background-color:#e7e7ff;
    background-color:#FFFFF4;
    background-color:white;
    min-height:350px;
    border: 1.5px solid white;
    margin-left:auto;
    margin-right:auto;
}
/*
 * Die Werbung rechts
 * Platziert in ozali.php zeile 71 bzw. in adv.php
 */
#advt_window_right
{
    width:120px;
    height:600px;
    vertical-align:baseline;
    marging-top: 50px;
    /*background: lightgrey;*/
}

/**
 * Die leaderboard Werbung unten
 * Platziert in index.php zeile 114
 */
#advt_window_bottom
{
    width:728px;
    height:90px;
}

#advt_window_left
{
    width:120px;
    height:600px;
    margin-top:232px;
    margin-right:10px;
}

div#searchfieldrow{
    height:50px; }

.ui-menu-item {
  text-align: left;
}
    
input.searchfield {
  width:300px;
  font-size: 1.2em;
  padding: 5px;
  border: 4px solid #EBD292;
  border-radius: 8px;
  color: #666;
  transition: all 0.5s ease-out; }
input.searchfield:focus { border-color: #F1B720; }


input.searchbutton:active {
    background: url(http://www.ozali.org/img/searchbtn_hover_org.png) no-repeat; }

input.searchbutton
{
    height:35px;
    width:68px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    font-weight:bold;
    font-variant:small-caps;
    color:white;
    background:url(http://www.ozali.org/img/searchbtn_org.png) no-repeat;
    border:none; }


.menu {
    margin-top:120px;
    float: left;
    margin-left: 13px;
    
    background: url(http://www.ozali.org/img/button.png);
    background-repeat:no-repeat;
    width:106px;
    height:25px;
    cursor:pointer;
    text-align:center;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.7em;
    font-weight:bold;
    font-variant:small-caps;
    padding-top:4px;
    color:#c0c0C0;
}

.menu:hover, .menu.sel
{
    color:white;
}

#menu { margin-left: 40px;  }

#header
{
    background:url(http://www.ozali.org/img/header_org.png);
    background-repeat:no-repeat;
    height:170px;
    width:805px;
    text-align:left;
    margin:0px;
}

#header_advt
{
    position:absolute;
    /* background-color:white; */
    width:488px;
    height:80px;
    margin-top:25px;
    margin-left:295px;
    padding:0;
    border: 0;
    vertical-align: top;
}

#ozali_logo
{
    position:absolute;
    /* background-color:black; */
    width:220px;
    height:65px;
    margin-top:30px;
    margin-left:18px;
    cursor:pointer;
}

#top_left
{
    background:url(/img/table_top_left_org.png);
    width:20px;
}



/* welcome page */
h1
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
    color:#000000;
}

h2
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.8em;
    color:#000000;
    font-weight: normal;
    text-align:justify; 
}

table.welcome_tab
{
    width: 95%;
    padding-top: 40px;
}

th.main_row
{
    background-color: #FFFFCC;
    height: 80px;
    vertical-align: top;
    border: solid 1px #FFD98D;
    padding: 15px;
}

td.main_lang
{
    background-color: #FFFFCC;
    height: 80px;
    cursor: pointer;
    border: solid 1px #ff9933;
    border: solid 1px #FFD98D;
    text-align: left;
    vertical-align:top;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 30px;
}

td.main_lang:HOVER 
{
    background-color: #FFFFBB;
}


td.resultList
{
    padding-top:8px;
    padding-bottom:0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    font-weight:bold;
    font-stretch:ultra-condensed;
    color:#B09A38;
    font-weight: normal;
}


#br_row {
    border-left-color: silver;
    border-left-width: thin;
    width: 560px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    float: left;
    text-align: justify;
}

#br_l {
    float: left;
    min-height: 40px;
    width: 300px;
    padding-top: 15px;
}
#br_r {
    float: right;
    min-height: 40px;
    width: 240px;
    padding-top: 30px;
}
#br_row h1 {
    font-size: 15px; }

#br_row h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold; }

#br_code {
    border: 1px solid #cc0000;
    min-height: 110px;
    float: left;
    width: 290px;
    padding-top: 0px;
    background-color: #fcfcfc;
    font-size: 12px;
    font-family: "Courier New",Courier,monospace;
    padding-left: 5px;
    text-align: left; }

#lv {
    width: 468px;
    height: 60px;
    margin: 0;
    padding: 0;
    border: 3;
    overflow: hidden;}

img {
    border-style: none;
    padding-left: 5px;}



#ozlLinkTab {
    font-size: 0.8em;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    
    background: -moz-linear-gradient(top,  rgba(254,182,69,1) 0%, rgba(246,213,91,0.17) 25%, rgba(241,231,103,0.17) 39%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,182,69,1)), color-stop(25%,rgba(246,213,91,0.17)), color-stop(39%,rgba(241,231,103,0.17)));
    background: -webkit-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(246,213,91,0.17) 25%,rgba(241,231,103,0.17) 39%);
    background: -o-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(246,213,91,0.17) 25%,rgba(241,231,103,0.17) 39%);
    background: -ms-linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(246,213,91,0.17) 25%,rgba(241,231,103,0.17) 39%);
    background: linear-gradient(top,  rgba(254,182,69,1) 0%,rgba(246,213,91,0.17) 25%,rgba(241,231,103,0.17) 39%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#2bf1e767',GradientType=0 );
    
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    padding-top: 3px;
    padding-left: 5px;
    margin-bottom: 10px; }


/* Design-IDs fuer das Hauptfenster*/
#content {
    width: 800px;
    vertical-align: top;
    clear: both;
    font-family: Verdana,Arial,Helvetica,sans-serif;}

#content_main, #content_footer {
    width:645px;
    vertical-align: top; }

#content_main {
    min-height: 500px;
    width: 620px;
    background:url("/img/top.gif") no-repeat;
    background-position: 7px 0px;
    padding-left: 30px;
    padding-top: 30px;
    text-align: left; }

#content_footer {
    background:url("/img/bottom.png") no-repeat; 
    background-position: 85px -40px;
    height: 95px; }

#content_left {
    float: left;
    width: 645px;
    vertical-align: top; }

#content_right {
    float: right;
    width: 155px;
    vertical-align: top;
    text-align: left;  }

#lang_row {
    text-align : right;
    padding-right: 20px;
    border-color: gray;
    text-align: right;
    margin-top: 6px;
    margin-left: 6px;
    margin-bottom: 16px; }


#footer {
    width: 800px;
    clear: both;  }

.ozaliErr {
    color: #999999;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    padding-left: 0; }

/* content page layout */
#impressum {
    padding: 0px 0px 0px 0;
    width:580px;
    text-align: justify;   }

#impressum h1 {
}

#impressum author {
}

#browser {
  border-radius: 8px;
  padding:5px;
  background-color: #FFFFCC;
  border: 1px solid #FFD98D;
  width:580px;
  text-align: justify; 
  overflow:hidden;
}

/** Large box on the main site */
.infobox {
  width: 500px;
  margin-top: 30px;
  margin-left: 30px;
  padding: 20px;
  border-radius: 20px 20px 20px 20px;
}

/** small boxes on the main site */
.infominibox {
  width: 167px;
  padding: 5px;
  margin-right: 2px;
  float: left;
  cursor: pointer;
  border-radius: 15px 15px 15px 15px;
}
.infominibox:hover {
  background-color: #FC8340;
}

.infominibox, .infobox {
  background-color: #FFFFCC;
  border: 1px solid #FFD98D;
}

/** contains three info miniboxes on the main site */
.emptyinfobox {
  width: 560px;
  height: 50px;
  margin-left: 30px;
  margin-top:2px;
  padding:0px;
}

#footer {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:1.0em;
  color:#999 }
  
#footer a {font-size:0.7em; color:#999}