html {
    height:100%;
}

body {
    background-image:url("background.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:fixed;

    margin:0; padding:0;
    height:100%;

    font-family:'Verdana',sans-serif; 
    font-size:small;
    background-color:rgb(200, 190, 175);
}

/* Hauptcontainer */
#container {
    min-height:100%;
    width:448px;
    /*border:1px solid rgb(110, 80, 40);*/
    border:1px solid rgb(140, 110, 70);
    margin:auto;
    margin-top:0;
    padding-left:350px;
    padding-right:0;
}

/* Header, Navigation, Content */
#header, #navigation, #content, #language {
    /*border:1px solid rgb(110, 80, 40);*/
    border:1px solid rgb(140, 110, 70);
    background-color:rgb(140,110,70);
    background-color:rgb(160,120,90);
    position:relative;
    width:450px;
    left:-33px;
    padding:15px;
    margin-bottom:25px;
    color:white;
}

#header[id=header], #navigation[id=navigation], #content[id=content], #language[id=language] {
    background-color:transparent;
    background-image:url("background_transp.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:fixed;
}

/* Header */
#header {
    margin-top:25px;
}

#header h1 {
    font-weight:lighter;
    margin-bottom:0; margin:0;
}

#header span {
    font-size:0.6em;
    margin:0; padding:0;
}
	    
/* Navigation */
#navigation {
    margin-bottom:0;
    z-index:100;
    border-bottom:1px dotted rgb(110, 80, 40);
    border-bottom:1px dotted rgb(140, 110, 70);
}
	    
#navigation ul, #pics ul, #header ul, #language ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#navigation ul li, #language ul li{
    margin:0;
    padding:0;
    float:left;
    padding:2px 10px 2px 5px;
    border-left:1px solid white;
}

li.active {
    font-weight:bold;
}

li {
    font-weight:normal; /* Untermenu nicht fett, wenn Kategorie aktiv */
}

#navigation ul li ul, #language ul li {
    font-size:smaller;
}

/* #language */
#language {
    margin-top:0;
    border-top:1px dotted rgb(110, 80, 40);
    border-top:1px dotted rgb(140, 110, 70);
}


/* Content */
#content {
    border-top:0;
    border-bottom:0;
    margin-bottom:0;
}

#content h3 {
    margin-top:0;
    margin-bottom:0;
    padding-top:25px;
}

#content div h3:first-child {
    margin-top:0;
    padding-top:5px;
}

#content p, #content table {
    position:relative;
    left:10px; top:5px;
    font-size:smaller;
    margin-bottom:10px;
}

/* Tabelle für Lebenslauf/Projekt */
td + td {		/* +: td, die auf td folgen */
    padding-left:10px;
}

 td {
     padding-top:2px;
     vertical-align:top;
 }

/* Links */
a {
    color:white;
    text-decoration:none;
    border-bottom:1px dotted white;
}

#navigation a:hover, #language a:hover {
    text-decoration:underline;
}

#navigation a, #language a {
    border-bottom:0;
}
#navigation a:before, #navigation a:after , #pics a:before, #pics a:after, #pictmp a:before, #pictmp a:after {
    content:"";
}

#header div {
    padding-left:5px;
    border-left:1px solid white;
    position:absolute;
    right:10px;
    bottom:10px;
}

#header a:before, #header a:after {
    content:"";
}


/* #content #pics */
div.floatbox div.pic {
    float:left;
}

div.pic {
    text-align:center;
    margin-top:25px;
    margin-left:10px;
    width:150px;
    height:150px; 
}

div.pic img {
    border-style:none;
}

/* validator */
#validator {
    text-align:right;
}

#validator a {
    border:0;
}


/* popup */
jqmWindow {
    text-align:center;
    background-color:rgb(160,120,90);
    border:1px solid rgb(110, 80, 40);
}

.jqmWindow img {
    max-height:400px;
}

.jqmWindow div {
    text-align:left;
}


/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
     http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#pictmp li {
    padding-right:5px;
    float:left;
}