/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0px;
    padding:0px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}

/*Basic Structure */
body{
    text-align:center;
    font-family:Arial;
    font-size:12px;
}
a{
    text-decoration:none;
    outline:none;
    color:#000000;
}
#wrapper{
    width:850px;
    margin:0px auto;
    text-align:left;
}
header{
    height:585px;
}
#logoheader{
    background: url("../img/www-reflexion-gross-HeadRGB-1.png") repeat scroll 0 0 transparent;
    height: 127px;
    width: 826px;
    left: 35px;
    position: relative;
}
#logoimage{
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 0px transparent;
    height: 468px;
    left: 35px;
    position: relative;
    width: 826px;
}
#hoverimage{
    background: url("../img/Kal2013-JuroIMG966-rgb72.png") repeat scroll 0 0 transparent;
    display: none;
    height: 515px;
    left: 132px;
    position: absolute;
    top: -18px;
    width: 665px;
    z-index: 100;
}
#logoimage:hover #hoverimage{
    display:block;
}
#left{
    float: left;
    height: 1050px;
    width: 280px;
}
nav{
    position:fixed;
    top: 100px;
}
nav ul li{
    list-style:none;
}
nav ul li a{
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -503px transparent;
    float: left;
    height: 73px;
    width: 230px;
}
nav ul li:nth-child(2) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -583px transparent;
}
nav ul li:nth-child(3) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -666px transparent;
}
nav ul li:nth-child(4) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -743px transparent;
}
nav ul li:nth-child(5) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -818px transparent;
}
nav ul li:nth-child(6) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -905px transparent;
}
nav ul li:nth-child(7) a {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 0 -979px transparent;
}
#content{
    float: right;
    position: relative;
    right: 109px;
    width: 431px;
}
.borderleft{
    left: -29px;
    position: absolute;
    width: 30px;
}
#upper{
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 605px -339px transparent;
    height: 750px;
    top: -120px;
}
#lower{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll 605px 0 transparent;
    height: 770px;
    top: 633px;
}
#bug {
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll -359px -543px transparent;
    height: 128px;
    margin: -19px 0px 0 89px;
    width: 240px;
}
.br{
    display:block;
}
#text2{
    font-size: 17px;
    margin: 10px 10px 0;
    text-align: center;
}
.image-data{
   float: left;
   height: 123px;
   width: 446px;
}
#image1{
    background: url("../img/www_sketch-meMagCityRGB72.png") repeat scroll 0px 0px transparent
}
.imagedescription{
    text-align:center;
    line-height:14px;
    width: 435px;
}
.imagedescription h2{
    font-weight:bold;
    font-size:12px;
}
.imagedescription p{
    line-height: 22px;
}
#image2{
    background: url("../img/www_sketch-meMemoRGB72.png") repeat scroll 0px 0px transparent;
}
.pencil{
    height: 50px;
    left: 119px;
    position: relative;
    text-align: center;
    width: 198px;
}
#pen1{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll -382px -833px transparent;
}
#text3 {
    margin:0px;
}
.britalic{
    display:block;
    font-style:italic;
}
#text3 p{
    line-height:18px;
}
#pen2{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll -377px -1023px transparent;
}
#image3{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll -269px -1083px transparent;  
}
#image3 a{
   float:left;
   height: 123px;
   width: 446px;
}
.citydescription{
    text-align:center;
    line-height:18px;
    margin-bottom:15px;
    width: 438px;
}
.citydescription h2{
    font-weight:bold;
    font-size:12px;
}
.citydescription p{
    line-height: 22px;
}
#multicolorcity a:hover{
    color: blue;
	text-decoration: underline;
}
#mailimage{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll -398px -2396px transparent;
    height: 115px;
    left: 146px;
    position: relative;
    width: 400px;
}
#mailimage a{
    float: left;
    height: 90px;
    width: 400px;
}
.borderright{
    height: 2681px;
    position: absolute;
    right: -58px;
    width: 40px;
    float:left;
}
#rightup{
    background: url("../img/www_sketch-me_de-L01mTmR_02.jpg") repeat scroll 125px -340px transparent;
    height: 750px;
    top: -120px;
}
#rightlow{
    background: url("../img/www_sketch-me_de-L01mTmR_03.jpg") repeat scroll 125px 0 transparent;
    height: 708px;
    top: 632px;
}
footer{
    float: left;
    left: 258px;
    position: relative;
}
.linkfooter{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -221px 866px transparent;
    width: 591px;
}
.linkfooter a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -26px 763px transparent;
    float: left;
    height: 108px;
    width: 591px;
}
.linkfooter:nth-child(2) a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -26px 653px transparent;
    height: 82px;
}
.linkfooter:nth-child(3) a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -26px 574px transparent;
    height: 91px;
}
.linkfooter:nth-child(4) a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -26px 482px transparent;
    height: 85px;
}
.linkfooter:nth-child(5) a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -26px 397px transparent;
    height: 85px;
}
.linkfooter:nth-child(6) a{
    background: url("../img/www_sketch-me_de-L01mTmR_05.jpg") repeat scroll -25px 311px transparent;
    height: 307px;
}
#kontakt{
    float:left;
    left: 77px;
    line-height: 16px;
    position: relative;
    text-align: center;
    width: 362px;
}
#kontakt a:hover{
    color: blue;
	text-decoration: underline;
}
.clear{
    clear:both;
}