/* planetentechniker*, Berlin, Germany */ 
/* http://www.planetentechniker.de */
/* © 2011 planetentechniker*, All Rights reserved */

a           { color:#999999; text-decoration: none }
a:link      { color:#999999; text-decoration: none }
a:visited   { color:#999999; text-decoration: none }
a:active    { color:#999999; text-decoration: none }
a:hover     { color:#999999; text-decoration: underline }


body 
	{
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 100%;
	line-height : 1.125em;
	text-align : center;
	color : #cccccc;
	margin : 0;
	padding : 0;	
	background-image: url(../pics/bg.gif);

	background-attachment : fixed;

	}

body #container, body #switchbar, body .glassbox 
	{
	font-size : 0.75em;
	}

div,p,ul
	{
	margin:0;padding:0;
	}

li{list-style:none;}

td          
	{
	padding: 0;
    border-width: 0;
    border-style: solid;
	}


/* PNG-Fix for IE 6 //////////////////////////////////////////////////////////////// */
	
img, div
	{
	behavior: url("pngbehavior.htc");
	}    


	
/* HEADER /////////////////////////////////////////////////////////////////////// */

#headerbar
	{
	width : 100%;
	height : 10px;
	background : #ff66a5;
	}

#con-about
	{
	width : 1010px; 
	height : 30px;
	position : relative; 
	margin : 0px auto 0px auto;
	}

#con-about #bu-about 
	{
	margin : 0px 790px;
}

#con-logo
	{
	width : 800px;
	height : 90px;
	position : relative;
	margin : 0px auto 0px auto;
	}
 
#con-logo #logo
	{
	width : 100px;
	margin : 0px 0px 0px 0px;
	}

#con-back
	{
	width : 780px;
	height : 20px;
	position : relative;
	margin : 0px auto 0px auto;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 5px;
	color : #999999;
	text-align : right;
	}



/* THUMB-GALLERY /////////////////////////////////////////////////////////////////////// */

#gallery 
	{
	width : 800px; 
	height : 2275px;  /* for every new row plus 190 px */
	position : relative; 
	margin : 0px auto 0px auto;
	}

#gallery #thumb
	{
	width : 200px; 
	height : 170px; 
	position : relative; 
	margin : 10px 0px;
	float : left;
	}

#gallery #thumb #pic
	{
	width : 190px; 
	height : 130px; 
	position : relative; 
	margin : 0px 0px;
	}

#gallery #thumb #textbox
	{
	width : 190px; 
	height : 43px; 
	position : relative; 
	margin : 2px 0px;
	text-align : left;
	background : #ffffff;
	}

#gallery #thumb #textbox #textboxcontent
	{
	width : 170px; 
	height : 30px; 
	position : absolute; 
	margin : 4px 9px;
	text-align : left;
	}

#gallery #thumb #textbox #textboxcontent #title
	{
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #666666;
	margin : 6px 0px;
	}

#gallery #thumb #textbox #textboxcontent #text
	{
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #999999;
	}

	
/* PORTFOLIO /////////////////////////////////////////////////////////////////////// */

#portfolio-header
	{
	width : 980px; 
	height : 500px;
	position : relative; 
	margin : 10px auto 0px auto;
	}

#portfolio-header #control
	{
	width : 70px; 
	height : 70px;
	position : relative; 
	margin : 202px auto 0px auto;
	float : left;
	}

#portfolio-header #pic-1
	{
	width : 790px; 
	height : 500px;
	position : relative; 
	margin : 0px 20px 0px 20px;
	float : left;
	background : #ffffff;
	}



#con-description
	{
	width : 980px; 
	height : 140px;
	position : relative; 
	margin : 5px auto 0px auto;
	}

#con-description #description1
	{
	width : 292px; 
	height : 140px;
	position : relative; 
	margin : 0px 0px 0px 90px;
	float : left;
	background : #ffffff;
	}

#con-description #description1 #text1
	{
	width : 250px; 
	height : 120px;
	position : relative; 
	margin : 14px 0px 0px 32px;
	text-align : left;
	background : #ffffff;
	}
	
#con-description #description2
	{
	width : 493px; 
	height : 140px;
	position : relative; 
	margin : 0px 0px 0px 5px;
	float : left;
	background : #ffffff;
	}

#con-description #description2 #text2
	{
	width : 55px; 
	height : 120px;
	position : relative; 
	margin : 16px 0px 0px 32px;
	text-align : left;
	float : left;
	background : #ffffff;
	}

#con-description #description2 #text3
	{
	width : 390px; 
	height : 120px;
	position : relative; 
	margin : 16px 0px 0px 2px;
	text-align : left;
	float : left;
	background : #ffffff;
	}

.description-year      
	{
	font-size : 18px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color : #666666; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 24px; 
	}

.description-title     
	{
	font-size : 18px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color : #666666; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 24px; 
	}

.description-subtitle     
	{
	font-size : 14px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight : bold;
	color : #666666; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 24px; 
	}

.description-kind   
	{
	font-size : 14px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight : bold;
	color : #999999; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 22px; 
	}

.description-list1   
	{
	font-size : 12px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight : bold;
	color : #999999; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 17px; 
	}

.description-list2   
	{
	font-size : 12px; 
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight : bold;
	color : #666666; 
	word-spacing : normal; 
	letter-spacing : normal; 
	white-space : normal;
	line-height : 17px; 
	}

	

#con-pics
	{
	width : 980px; 
	height : 50px;
	position : relative; 
	margin : 5px auto 0px auto;
	}

#con-pics #pics
	{
	width : 790px; 
	height : 50px;
	position : relative; 
	margin : 0px 0px 0px 90px;
	}



/* FOOTER /////////////////////////////////////////////////////////////////////// */

#con-footer
	{
	width : 790px; 
	height : 20px; 
	position : relative; 
	margin : 40px auto 0px auto;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #555555;
	text-align : right;
	}


/* LEGAL DETAILS /////////////////////////////////////////////////////////////////////// */

#legal-details
	{
	width : 280px; 
	height : 10px; 
	position : relative; 
	margin : 20px 15px;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	line-height : 14px; 
	text-align : left;
	}






	
/* fuer Fliesstext */            
.text       {
            font-size:      11px; 
            font-family:    "Trebuchet MS", Arial, Helvetica, sans-serif; 
            color:          #FFFFFF; 
            word-spacing:   normal; 
            letter-spacing: normal; 
            white-space:    normal;
			line-height:	13px; 
            }

/* fuer Blocktext */            
.textBlock  {
            font-size:       11px; 
            font-family:     "Trebuchet MS", Arial, Helvetica, sans-serif; 
            color:           #FFFFFF; 
            }

/* fuer Impressum */
.impressum  {
            font-size:       10px; 
            font-family:     "Trebuchet MS", Arial, Helvetica, sans-serif; 
            line-height:     14px;
            color:           #555555; 
            text-decoration: none; 
            }