/* 
    Document   : default
    Created on : 17.07.2011, 17:05:36
    Author     : Abdo El Hage
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/******* Reset allgemein nicht verändern **********
***************************************************/

html, body, div, span, Applet, Objekt-, iframe,
H1, H2, H3, H4, H5, H6, p, blockquote, pre,
a, abbr, acronym, Adresse, groß, cite, code,
del, dfn, em, Schriftart, img, ins, kbd, q, s, samp,
kleine, Streik, starke, sub, sup, tt, var,
b, u, i, Mitte,
dl, dt, dd, ol, ul, li,
fieldset, Form, Beschriftung, Legende, Überschrift, tbody, tfoot, thead,
table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

body {
line-height: normal;
}
ol, ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/******* Reset allgemein nicht verändern **********
***************************************************/

/* Body Bereich */
body {
font-size: 75%;
height:1%;
}

h1, h2, h3 {
font-family: Georgia,"Times New Roman",Times,serif,"Arial";
}

h1 {
letter-spacing: -.05em;
/*font-size: 2.2em;*/
font-size: 150%;
}

h2 {
margin-top: 1em;
letter-spacing: -.05em;
font-size:120%;
}

h3 {
font-size: 1.4em;
margin-top: 1.2em;
}

p, ul, ol {
margin-top: 1em;
line-height: 150%;
}

ul {
list-style: none;
}

a {
text-decoration: none;
color:#454789;
font-weight: bold;
}

a:hover {
text-decoration: underline;
color: #827F4F;
}
strong {
color:#454789;
font-weight: bold;
}
/* Webseite */
#website {
background-image: url(../img/seite.jpg);
background-position: 100% 0px;
background-repeat: repeat-y;
width: 1000px;
margin: 0px auto;
}
/* Header */
#header {
width: 1000px;
height: 200px;
margin: 0px auto;
/*padding: 0px 2px;*/

}
#header img{
display:inline;
}

/* ********************************************* */

/* Page Bereich */


#page {
border-top: 20px solid #DDDCDE;
/*  #CCCCCC   */
margin-bottom: 20px;
height: 100%;
width:  1000px;
}

/* Menue Bereich */
#menue {
display: block;
float:left;
width: 221px;
margin-right: 0px;
padding: 1px 1px 1px 1px;
font-size:inherit;
color: #000000;
}

#menue h3 {
font-size: 115%;
color: #000000;
}

#menue a{
font-family: "Times New Roman", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.3;
}

/* *************************************************** */

/* Navi Bereich */
#navi {
line-height: 180%;
padding: 1px;
list-style-type: none;
padding-bottom:54px;
color:#666;
font-size:1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
}

dl#navi {
margin-left:8px;
}

dl#navi dt {
text-align: left;
font-weight: bold;
margin:1px;
padding:0px;
}

dl#navi dt a,
dl#navi dt a:active,
dl#navi dt a:visited{
display:block;
background:#F1F1F1;
color:#454789;
line-height:28px;
padding-left:2px;
}

dl#navi dt a:hover,
dl#navi dt #start{
background: #CCCCCC;
text-decoration:none;
}
dl#navi li a:hover,
dl#navi li #substart{
background: #CCCCCC;
text-decoration:none;
}

dl#navi dt a {
margin-top:1px;
margin-right:1px;
}

dl#navi dd {
margin:1px;
padding:1px;

}

dl#navi ul {
background-color: #CCCCCC;
margin:1px;
padding:0px;
}

dl#navi li {
margin:0px;
padding:0px;
}

dl#navi li a{
background-color: #F1F1F1;
color:#464646;
text-decoration: none;
font-weight:normal;
display:block;
font-size:1.3em;
padding:2px;
margin-left:20px;
line-height:17px;
height:auto;
}

dl#navi li a:hover{
color:#000000;
background: #CCC;
}
.barye_Webseite{
font-family: "Times New Roman", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.3;
font-weight: bold;
color:darkslategray;
margin-left: 10px;
}
.barye_Transport{
background: #CCCCCC;
margin-right: 3px;   
}
.barye_Transport p{
    display:block;
    margin-left: 12px;
    
}
.barye_Transport a{
    display: block;
    color: #454789;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
}

.barye_Transport a:hover{
     background: #CCCCCC;
     margin-right: 0px;

}

.barye_Transport img{
position:relative;
}
.barye_ExportManagement{
     background: #CCCCCC;
     margin-right: 3px;
}
.barye_ExportManagement p{
     font-size: 12px;
     margin-left: 12px;
}
.barye_ExportManagement a{
    display: block;
    color: #454789;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
}

.barye_ExportManagement a:hover{
     background: #CCCCCC;
     margin-right: 0px;

}

.barye_ExportManagement img{
position:relative;
}


/* Content Bereich */

#content {
display:block;
float: left;
width: 543px;
padding:5px 5px 5px 5px;
margin: 1px 0px 0px 0px;
font-family: "Times New Roman";
}
#content div.meta p{
padding: 5px 5px 5px 5px;
/*font-size: 1.0em;*/
font-size: 120%;
font-weight: normal;
}

#content div.meta h2{
padding: 1px 0px 0px 0px;
font-size: 120%;
letter-spacing: -0.05em;
margin-top: 1em;
text-align: left;

}

#content div.meta ul li{
background-image: url(../img/punktschen.gif);
/*background-color: #EB690B;*/
background-position: 5px 5px;
background-repeat: no-repeat;
font-size: 120%;
line-height: 1.4;
/*list-style-type: none;*/
padding-left: 25px;
/*padding-bottom:3px;*/
}
#meta p ul li h2{
padding: 1px 0px 0px 0px;
font-size: 120%;
letter-spacing: -0.05em;
margin-top: 1em;
text-align: left;

}
#content div.meta blockquote {
/*    font-style: italic;*/
    color:#454789;
    font-weight: bold;
}
#content div.meta span{
   font-style: italic;
}

/* Clear Bereich */
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    visibility: hidden;
}

#sidebar{
display: block;
float:right;
width: 220px;
padding: 2px 2px 2px 2px;
margin-right: 0px;
}
#sidebar div.images img{
position:relative;
padding:0px 13px 0px 13px;
   
}
#sidebar p{
text-align: center;
padding: 5px 5px 5px 5px;
/*font-size: 1.0em;*/
font-weight: inherit;
font-size: 120%;
}

/*-- layout für die Foot ---*/
div#Foot{
text-align: center;
height: 80px;
margin: 1px 0px 0px 0px;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding: 1px 0px 0px 0px;
width:1000px ;
clear: both;
}

#Foot li{
    text-align: center;
    font-size: 120%;
}
#Foot li a{
    color:#454789;
    font-weight: bold;
}