/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
img {border: none; margin: 0px; padding: 0px;}

/*READY SET GO*/

body{
font-family: Helvetica, Arial, sans-serif;
font-size: smaller;
color:#514739;
padding-bottom: 40px;
line-height: 120%;
}

/* +++++ TYPE +++++ */
a:link, a:hover, a:visited{
text-decoration:none;
color: #dd0000;
}

a:hover{
text-decoration:none;
background-color: #eeeeee;
}

a:visited{
text-decoration: none;
}

h1{
color: #dd0000;
font-size: 17px;
margin-bottom: 4px;
margin-top: 10px;
}

h2{
font-size: 13px;
margin: 10px 0px 4px 0px;
}

h3{
color: #dd0000;
font-size: 13px;
margin-bottom: 10px;
}


img{
border: none;
}

#centre{
/*border: 1px dashed red;*/
}

#container{
/*border: 1px solid blue;*/
width: 980px;
text-align: left;
}

#menu2{
float: left;
margin-top: -10px;
margin-right: 2em;
}


#menu{
/*border: 1px solid red;*/
padding: 10px 0px 0px 0px;
/*background-image: url(grafiken/washdryclean5.png);
background-position: top left;
background-repeat: no-repeat;*/
background-color: #fff;
position: fixed;
height: 61px;
width: 980px;
font-size: smaller;
text-transform: uppercase;
}

#menu ul li{
float: left;
font-weight: bold;
list-style-type: none;
width: 5em;
margin-right: 100px;
}

#menu ul ul{
clear: both;
margin: -1.6em 2em 0 4em;
}

#menu ul ul li{
font-weight: normal;
}

div #menu ul a:link, div #menu ul a:hover, div #menu ul a:visited{
color: #999;
}

#sticker{
height:66px;
width: 137px;
float: right;
/*background-image: url(grafiken/available_tag.png);*/
margin-top: -5px;
}

#content{
/*border: 1px solid lime;*/
clear: both;
padding-top: 91px;

}


/*++++++++++ FOTO SWAP ACTION +++++*/
#flag{
/*border: 1px solid red;*/
width: 28px;
float: left;
padding-top: 260px;
z-index: 90;
}


#mitte{
width: 640px;
float: left;
}


#large{
z-index: 39;
position: relative;
top: 0;
height: 686px;
width:640px;
}

#trigger{
text-align: right;
width: 640px;
height: 180px;
position: relative;
top: 260px;
border: 1px solid transparent;
}

/*Firefox workaround*/
#trigger, x:-moz-any-link {
border: 1px solid transparent;
}


#fotoinfo{
/*border: 1px dashed aqua;*/
margin-top: 166px;
width: 620px;
/*position:absolute;
bottom:0;*/
font-size: smaller;
}

#gallery_manual{
color: #666;
font-size: smaller;
text-align: right;
padding-right: 120px;
}

.slideme{
width: 752px;
height: 510px;
background-repeat: no-repeat;
background-position: bottom;
font-size: small;
text-align: right;
white-space:nowrap;
}

.besch{
margin-top: 500px;
height: 10px;
}

/* ###### FOTOINDEX #####*/

.fotondx{
float: left;
width: 130px;
margin: 0px 10px 5px 0px;
text-align: right;
text-transform: uppercase;
font-size: smaller;

}

.fotondx img{
margin-bottom: 2px;
}

.br_desc{
clear: both;
float: right;
margin-top: 340px;
font-size: smaller;
text-transform: uppercase;
}


#thumblist{
margin-top: 30px;
height: 358px;
}

.fleft{
float: left;
}

#detail{
height: 550px;
}

.br_detail{
clear: both;
float: right;
margin-top: 450px;
text-align: left;
}


/* ##### PROJECT ##### */

#projectpic{
background-color: #dd0000;
text-align: right;
padding-right: 20px;
height: 253px;
}

#projectpic img{
margin-top: -34px;
}

.proj_desc{
width: 260px;
margin-top: 30px;
}

.url{
margin-top: 40px;
font-style: italic;
color: #aaaaaa;
}

/* ##### IMAGE GALLERY #####*/

#gallerydesc{
margin-top: 20px;
text-align:left;
margin-left: 115px;
}

/* ##### INTRODUCTION ##### */

#georg{
float: right;
margin: 7px 60px 0px 60px;
text-align: left;
width: 440px;
}

#skills{
text-align: left;
width: 400px;
margin-bottom: 50px;
float: left;
}

.focus{
margin-left: 320px;
}

#cv{
width: 400px;
text-align: left;
}

#adress{
text-align: left;
margin-top: 80px;
font-style: italic;
}

/* ##### TRICKERY #####*/

.fright{
float: right;
}

.fleft{
float: left;
}

.clear{
clear: both;
}

.mid{
vertical-align: middle;
}