/*++++++++++++++++++++++++++++++++++++++++++++++++++++++ CSS Document ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {font-size:100.01%;font-family:verdana,trebuchet,helvetica,arial,verdana,tamoha,sans-serif;text-align:left;color:#2e2e2e;background-color:#3C4150;}

div#content{width:760px;height:620px;margin:30px auto;padding:90px;background-image:url(../images/backgrounds/hintergrund.jpg);;border:2px solid #666;}
div#titel{width:740px;height:140px;margin:0 10px;background-image:url(../images/backgrounds/titel.png);background-repeat:no-repeat;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++ Navigationsleiste ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#navi {width:740px;height:20px;margin-left:10px;padding:2px 0;border-top:1px solid #fff;}
div#navi a{font-family:verdana,trebuchet,helvetica,arial,verdana,tamoha,sans-serif; font-size:13px;font-weight:bold;text-decoration:none;}
div#navi a:link{color:#66DB00;}
div#navi a:visited{color:#66DB00;}
div#navi a:hover{color:#fff;}
div#navi a:active{color:#787878;}

.nstart {background-image:url(../images/backgrounds/navigationsleiste_start.png);}
.nprofil {background-image:url(../images/backgrounds/navigationsleiste_profil.png);}
.n2d {background-image:url(../images/backgrounds/navigationsleiste_2d.png);}
.n3d {background-image:url(../images/backgrounds/navigationsleiste_3d.png);}
.nreferenz {background-image:url(../images/backgrounds/navigationsleiste_referenz.png);}
.nimpressum {background-image:url(../images/backgrounds/navigationsleiste_impressum.png);}

.n1 {margin-left:21px;padding:3px 22px;}   /*start*/
.n2 {margin-left:-5px;padding:3px 21px;}   /*profil*/
.n3 {margin-left:-5px;padding:3px 26px;}   /*3d*/
.n4 {margin-left:-5px;padding:3px 27px;}   /*2d*/
.n5 {margin-left:-5px;padding:3px 30px;}   /*referenzen*/
.n6 {margin-left:-5px;padding:3px 51px;}   /*aktuelles Bild*/
.n7 {margin-left:-5px;padding:3px 63px;}   /*Steckbrief*/
.n8 {margin-left:-5px;padding:3px 33px;}   /*von bis*/
.n9 {margin-left:-5px;padding:3px 58px;}   /*Impressum*/
.n10 {margin-left:-5px;padding:3px 32px;}  /*Werkschau*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++ Fussleiste ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#fuss{width:740px;height:24px;margin:0 10px;background-image:url(../images/backgrounds/fussleiste.png);background-repeat:no-repeat;}
div#fuss_l{width:440px;height:24px;margin:0;padding:0;float:left;font-size:11px;text-align:right;line-height:22px;color:#fff;}
div#fuss_r{width:220px;height:24px;margin-right:20px;padding:0;float:right;font-size:13px;text-align:right;line-height:22px;}

div#fuss_r a{text-decoration:none;margin-left:5px;}
div#fuss_r a:link{color:#66DB00;}
div#fuss_r a:visited{color:#66DB00;}
div#fuss_r a:hover{color:#fff;}
div#fuss_r a:active{color:#787878;}

/*+++++++++++++++++++++++++++++++++++++++++++++++ Textbereich Start und Profil ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#text{width:740px;height:400px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}
div#text_l{width:480px;float:left;line-height:18px;font-size:13px;}
div#text_r{width:221px;float:right;line-height:18px;font-size:13px;}
div#text_r img{width:197px;margin:63px 20px 0 0;border:2px solid #66DB00;}

div#profil{width:740px;height:400px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}
div#profil_l{width:480px;float:left;line-height:18px;font-size:13px;}
div#profil_r{width:200px;float:right;margin:25px 19px;padding:10px 0;border:1px solid #fff;background-image:url(../images/backgrounds/profil_flaeche.png);background-repeat:no-repeat;}

/*+++++++++++++++++++++++++++++++++++++++++++++++ Textbereich Impressum ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#text_l2{width:360px;float:left;line-height:18px;font-size:13px;}
div#text_r2{width:361px;float:right;}
div#text_r2 img{width:336px;margin:27px 20px 0 0;border:2px solid #66DB00;}

/*--------------------- Textformatierung ----------------*/

.t0 {margin:20px 0 20px 40px;font-weight:bold;color:#80ffff;font-size:16px;}
.t1 {margin:20px 0 20px 40px;font-weight:bold;}
.t2 {margin:0 0 0 50px;font-weight:bold;padding:3px 30px 3px 15px;border-left:1px solid #fff;}
.t3 {margin:0 0 0 50px;padding:8px 20px 3px 15px;border-left:1px solid #fff;}
.t4 {margin:65px 0 0 18px;width:198px;height:148px;border:2px solid #66DB00;}   /*Bild start*/
.t5 {margin:65px 0 0 18px;width:198px;border:2px solid #66DB00;}   /*Bild impressum*/
.t6 {margin:40px 0 20px 40px;font-weight:bold;} /*Haftungshinweis*/

.t8 {margin:0 0 0 143px;padding:1px 20px 1px 15px;border-left:1px solid #fff;}
.t9 {margin:0 0 0 50px;padding:1px 20px 1px 15px;border-right:1px solid #fff;}
.t10 {margin:0 0 0 155px;padding:1px 20px 1px 15px;border-left:1px solid #fff;}
.t11 {margin:0 0 0 50px;padding:1px 20px 1px 15px;border-right:1px solid #fff;}
.t12 {margin:0 0 0 36px;padding:1px 20px 1px 15px;border-left:1px solid #fff;}
.t13 {margin:0 0 0 50px;padding:1px 20px 1px 15px;border-right:1px solid #fff;}

.a1 {margin:10px 0 10px 0;font-weight:bold;}
.a2 {margin:0 20px 0 0;padding:10px 20px 10px 15px;border-left:1px solid #fff;}
.a3 {margin:10px 0 10px 0;font-weight:bold;}

div#text a{text-decoration:none;}
div#text a:link{color:#66DB00;}
div#text a:visited{color:#66DB00;}
div#text a:hover{color:#fff;}
div#text a:active{color:#787878;}

/*--------------------- Steckbrief Profil ----------------*/

.td1 {padding-left:3px;width:100px;font-size:11px;font-weight:bold;line-height:13px;vertical-align:top;}
.td2 {padding-left:4px;font-size:11px;line-height:13px;}
.td3 {padding-left:3px;padding-top:6px;width:100px;font-size:11px;font-weight:bold;line-height:14px;vertical-align:top;color:#66db00;}
.td4 {background-repeat:no-repeat;background-position:4px 3px;}
.td5 {padding-left:3px;font-size:11px;line-height:13px;}

/*++++++++++++++++++++++++++++++++++++++++++++++ Bildbereich 2d-art ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#galerie {width:740px;height:450px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}

#galerie_l{margin-left:40px;width:290px;float:left;}
#galerie_l img {margin:0 7px 4px 0;width:80px;height:45px;border:2px solid #fff;}

#galerie_r{margin-right:44px;width:290px;float:right;}
#galerie_r img {margin:0 7px 4px 0;width:80px;height:45px;border:2px solid #fff;}

.tb1 {margin:0;padding:20px 0 3px 2px;font-size:13px;font-weight:bold;}
.tb2 {margin:0;padding:0;}


/*++++++++++++++++++++++++++++++++++++++++++++++ Bildbereich 3d-art ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#galerie {width:740px;height:480px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}

#galerie_3d{margin-left:40px;width:660px;height:450px;}
#galerie_3d img {margin:0 7px 7px 0;width:95px;border:2px solid #fff;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++ Referenzen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div#referenz{width:740px;height:350px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}
div#referenz_l{width:360px;float:left;line-height:18px;font-size:13px;}
div#referenz_r{width:361px;float:right;line-height:18px;font-size:13px;}

div#referenz a{text-decoration:none;}
div#referenz a:link{color:#66DB00;}
div#referenz a:visited{color:#66DB00;}
div#referenz a:hover{color:#fff;}
div#referenz a:active{color:#787878;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++ Videos ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#video{width:740px;height:472px;font-size:13px;font-weight:bold;padding-top:5px;margin:10px;color:#e6e6e6;letter-spacing:0.2pt;background-image:url(../images/backgrounds/transparenz.png);}

div#video a{text-decoration:none;}
div#video a:link{color:#66DB00;}
div#video a:visited{color:#66DB00;}
div#video a:hover{color:#fff;}
div#video a:active{color:#787878;}

div#video embed{margin-top:5px;}

.v1 {margin-left:285px;}
.v2 {margin-left:50px;}
.v3 {margin:0px 0px 20px 70px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* Die Lightbox */

#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;border:2px solid #66DB00;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}

#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font:16px Verdana,Helvetica,sans-serif;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}

#imageData{padding:0 10px;color:#66DB00;}
#imageData #imageDetails{width:70%;float:left;text-align:left;margin-left:0.4em;}	
#imageData #caption{font-weight:bold;	}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;margin-right:22px;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }