body {
	margin:0;padding:0;border:0 none;
	background-color:#737A7F;color:#303030;
	font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;
	background-image:url(/images/background.gif);background-position:top left;background-repeat: repeat-x;
	}

body * {margin:0;padding:0;border:0 none;}

a:link, a:active, a:visited { color: #5993BE; text-decoration: underline;}
a:hover { color: #5993BE; text-decoration: underline; }


/*******************************************************+
 * Global Definitions for the page Layout
 */

h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size:26px;text-align:left;color:#000000;}
h1.first {margin-top:0px;}	
    
h2 {font-size:16px;font-weight:bold;color:#1A547F;}
h3 {font-size:14px;font-weight:bold;color:#737A7F;}    
h4 {font-size:12px;font-weight:bold;color:#575C60;}        
   
ul,ol {}	
li {line-height:130%;}            
    
hr {background-color:#585758;color:#585758;height:1px;}    
    
p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:150%;color:#1c1c1;}

table {	margin:0;padding:0;border:0;border-collapse:collapse;empty-cells:show;table-layout:fixed; 
		font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;
		}
		
pre {font-family: "Courier New", Courier, monospace;font-size:12px;color:#0B2B37;
    }    
    
pre span.codecomment {	
	color:#08666E;
    }       
    

		
   
td,th {
	vertical-align:top;
	}    

.contactFormTable {
	width:534px;
	margin-left:30px;
	}    
    
.contactFormTable td {
	vertical-align:top;
	padding-top:6px;
	}    

.contactFormTable td.label {
	vertical-align:top;
	padding-bottom:6px;
	padding-top:10px;
	padding-right:6px;
	width:180px;
	text-align:right;
	}    
	
/* Form Elements */

input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    border-style:solid;
    border-width:1px;
    border-color:#A7A7A7;
    background-color:#fafafa;
    
}

input {
    padding:1px;
    color:#000000;
    }
    
input.radio {
    border:0 none;
    }    
    
    	
    
input.fieldError {
    background-color:#EFCFCF;
    }	    
    
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border-style:solid;
    border-width:1px;
    border-color:#A7A7A7;
    background-color:#fafafa;
    padding:1px;
    width:200px;
    color:#000000;
    }	
    
select.fieldError {
    background-color:#EFCFCF;
    }	    
    
    
textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    border-style:solid;
    border-width:1px;
    border-color:#A7A7A7;
    background-color:#fafafa;
    padding:1px;
    color:#000000;
    }    
    
textarea.fieldError {
    background-color:#EFCFCF;
    }	        

	
	
	
/* Structural Elements */

#contentwrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:972px;
	background-image:url(/images/topbrander.jpg);background-position:top left;background-repeat: no-repeat;
	height:250px;
	}
	
#mainNavigation {
	position:absolute;
	top:153px;
	left:491px;
	width:435px;
	height:43px;
}	

#mainNavigation table {
	width:435px;
	color:#000000;
}	

#mainNavigation td {
	font-weight:bold;
	font-size:12px;
	width:145px;
	height:48px;
	padding:0;
}	

#mainNavigation a {
	background-image:url(/images/navtd.gif);background-position:top left;background-repeat: no-repeat;
	display:block;
	height:43px;
	width:137px;
	padding:5px 8px 0px 0px;
	text-align:right;
	color:#1A547F;
	text-decoration:none;
}

#mainNavigation a:hover {
	background-image:url(/images/navtd_over.gif);background-position:top left;background-repeat: no-repeat;
	text-decoration:underline;
	has-Layout:true;
}



#mainContent {
	position:absolute;
	top:204px;
	left:35px;
	width:902px;
	background-color:#fafafa;
	padding-top:6px;
	background-image:url(/images/mainbg.gif);background-position:top left;background-repeat: repeat-y;
	z-index:10;
}	

.mainColumnFloat {
float:left;
width:600px;
margin-left:1px;
padding-top:15px;
}



.mainColumnFloat p {
margin:2px 36px 8px 30px;
font-size:11px;
line-height:170%;
}

.mainColumnFloat p.tom {
	font-size:14px;
	color:#575C60F;
	padding:0;
	margin:2px 66px 8px 60px;
	}	

.mainColumnFloat p.date {
margin:0px 30px 8px 30px;
color:#99A2A9;
padding-left:1px;
font-size:11px;
}

.mainColumnFloat p.link {
	font-size:13px;
	padding-left:15px;
	background-image:url(/images/mcpicon.gif);background-position:top left;background-repeat: no-repeat;
	margin-left:45px;
	}				
	
.mainColumnFloat p.shifted {
	margin-left:45px;
	margin-right:60px;
	font-size:11px;
	}					
	
.mainColumnFloat p.intro {
	margin-left:45px;
	font-style:italic;
	}						
	
.mainColumnFloat p.footnote {
margin:2px 36px 2px 30px;
font-size:11px;
}	

.mainColumnFloat h1 {
	margin:15px 45px 30px 30px;
	font-size:30px;
	color:#5993BE;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.8px;
}

.mainColumnFloat h1.starter {
	font-size:32px;
	color:#99A2A9;
	margin:12px 45px 15px 30px;
	padding:15px 30px 15px 30px;
	background-image:url(/images/starterbg.gif);
	background-position:top left;
	background-repeat: repeat-x;
	}


.mainColumnFloat h2 {
	margin:30px 45px 2px 30px;
	font-size:19px;
	color:#99A2A9;
}

.mainColumnFloat h3 {
	margin:15px 45px 2px 30px;
	}

.mainColumnFloat h4 {
	margin:5px 5px 2px 30px;
	}	


	
.mainColumnFloat h2.starter {
	font-size:18px;
	color:#99A2A9;
	margin:0px 60px 30px 45px;
	}	
	

.mainColumnFloat div.imgshort {
	margin:30px 0px 0px 30px;
	width:525px;
	height:190px;
	background-color:#ffffff;
	padding-top:1px;
	border-top:1px solid #B2B9BE;
	overflow:hidden;
	cursor:pointer;
	}		

.mainColumnFloat img {
	margin:0;
	background-color:#ffffff;
}

.mainColumnFloat img.footnote {
	margin:0 0 15px 30px;
	background-color:#ffffff;
}

.mainColumnFloat img.portfolio {
	margin:15px auto 15px 30px;
	width:525px;
	background-color:#ffffff;
	padding-top:1px;
	padding-bottom:15px;
	border-top:1px solid #B2B9BE;
	background-image:url(/images/mimgbg.gif);background-position:bottom right;background-repeat: no-repeat;
}

.mainColumnFloat img.portfolio {
	margin:15px auto 15px 30px;
	width:525px;
	background-color:#ffffff;
	padding-top:1px;
	padding-bottom:15px;
	border-top:1px solid #B2B9BE;
	background-image:url(/images/mimgbg.gif);background-position:bottom right;background-repeat: no-repeat;
}

.mainColumnFloat div.galerie {
	margin-bottom:100px;
}

div.galerie img {
margin:2px 30px 30px 30px;
width:223px;
padding:3px;
height:167px;
border:1px solid #99A2A9;
background-color:#ffffff;
cursor:pointer;
}

.imagetip {
    display:none;
    background-image:url(/images/tooltip.png);background-position:top left;background-repeat: no-repeat;
    font-size:12px;
    height:60px;
    width:223px;
    padding:4px;
    color:#303030;
}
/* overlay elements for the images */ 

.simple_overlay {
	display:none;
	/* place overlay on top of other elements */
	z-index:200;
	
	background-color:#D9DCDF;
	width:780px;	
	min-height:200px;
	border:1px solid #CCD0D4;
	color:#303030;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#737A7F;
		font-size:13px;
		margin:0 0 10px 0;
	}
	
	.details p {
		color:#303030;
		font-size:11px;
		margin:0px 0 10px 0;
	}	






/* end of overlays */



   
.mainColumnFloat ul, .mainColumnFloat ol {
	margin:4px 30px 8px 60px;
	}	
	    
.mainColumnFloat li {
	margin-bottom: 6px;
	line-height:170%;	
    }            
    
.mainColumnFloat table {
	margin:2px 36px 8px 30px;
	width:534px;
    }                
    
.mainColumnFloat th {
	font-weight:bold;
	font-size:13px;
	padding:10px 0px 3px 0px;
	text-align:left;

    }                    
    
.mainColumnFloat td.bordered {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top; 
	border:1px solid #B2B9BE; 
	padding:2px;
	text-align:left;
	padding-right:8px;
	}	    
	
.mainColumnFloat td ul, .mainColumnFloat td ol {
	margin:4px 30px 8px 15px;
	}	
	    
.mainColumnFloat td li {
	margin-bottom : 3px;
	line-height:130%;	
    }            	
	
.mainColumnFloat pre {
	margin:2px 30px 8px 30px;
	}
	
.mainColumnFloat td h4 {
	margin:0 0 5px 0;
	padding:4px 4px 4px 5px;
	text-align:left;
	background-color:#ffffff;
	font-size:15px;
	}		
	
.mainColumnFloat td h4.link {
	padding-left:25px;
	text-align:left;
	background-color:#ffffff;
	font-size:15px;
	background-image:url(/images/tdh4icon.gif);background-position:top left;background-repeat: no-repeat;
	}			
	
.mainColumnFloat td p {
	margin:1px 5px 5px 5px;
	padding:0px 8px 0px 0px;
	text-align:left;
	}			

.mainColumnFloat td p.link {
	font-size:11px;
	padding-left:15px;
	background-image:url(/images/tdpicon.gif);background-position:top left;background-repeat: no-repeat;
	margin-left:25px;
	}				


.mainColumnFloat hr {
margin:15px 36px 8px 30px;
}    
	

.sideColumn {
margin-right:11px;
margin-left:6px;
padding-left:600px;
padding-top:15px;
}

.sideColumn hr {
border:1px solid red;
}

.sideItem {
background-image:url(/images/sideitem.jpg);background-position:top left;background-repeat: no-repeat;
padding:5px 0px 0px 0px;
display:block;
margin-bottom:30px;
}





.sideItem p {
margin:0px 30px 10px 15px;
font-size:11px;
line-height:140%;
}

.sideItem p.datelist {
margin:5px 30px 20px 30px;
line-height:190%;
}

.sideItem p.sideLink {
margin:5px 30px 5px 15px;
text-align:left;
background-image:url(/images/sidelinkicon.gif);background-position:top left;background-repeat: no-repeat;
padding:0 0px 0 15px;
}

.sideItem p.sideLinkList {
margin:5px 30px 0px 15px;
text-align:left;
background-image:url(/images/sidelinkicon.gif);background-position:top left;background-repeat: no-repeat;
padding:0 0px 0 15px;
}

.sideItem h2 {
	margin:5px 30px 6px 15px;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	padding:0px;
	display:block;
	letter-spacing:0.1em;
	color:#1A547F;
	
}

.sideItem h2.link {
	padding-left:21px;
	background-image:url(/images/tdh2sicon.gif);background-position:top left;background-repeat: no-repeat;
	}			

.sideItem img {
	display:inline;
	margin:0 0 5px 0;
	padding:0 0 0 14px;
	background-color:#ffffff;
	
}

.sideItem img.project {
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	background-color:#ffffff;
	width:265px;
	height:105px;
	display:inline;
}


/* Tabelle für die Referenzen */
	
.sideItem table.reference {
	margin:0 0 0 10px;
	width:260px
	
	}	

.sideItem table.reference td {
	border:0px none;
	padding-top:1px;
	padding-bottom:25px;
	text-align:center;
	width:130px;
	font-size:10px;
}	

.sideItem table.reference img {
	margin:0;
	width:100px;
	height:56px;
	border:0px none;
	background-image:none;
	padding:0 0 5px 0;
}	









#footer {
clear:both;
background-color:#A9B4BC;
padding-bottom:30px;
padding-top:5px;
margin-top:85px;
width:900px;
margin-left:1px;
color:#737A7F;
}

#footer p {
margin:7px 30px 20px 30px;
text-align:center;
font-size:11px;
}

#footer a { color: #737A7F; text-decoration: underline;}
#footer a:hover { color: #F9F9FA; text-decoration: underline; }

#footer table {
	width:660px;
	margin-left:120px;
	margin-top:45px;
}

#footer td {
	width:220px;
	text-align:center;
	line-height:150%;
}

/* form fields */

button {
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    height:24px;
    font-size:12px;
    border:1px solid #1A547F;
    padding:2px 6px 2px 6px;
    background-color:#5993BE;
    cursor:hand;
    font-weight:bold;
}

/* Twitter Block */ 


.twitted {
background-image:url(/images/twitter.jpg);background-position:top left;background-repeat: no-repeat;
padding:56px 0px 0px 15px;
margin-top:0px;
display:block;
margin-bottom:30px;
}

.twitted h2 {
	margin:0;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding:0px;
	letter-spacing:0.1em;
	color:#1A547F;
	
}

.twitted p.preLoader {
	margin:0;
	padding:1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin:0;
	padding:0px 0px 5px 0px;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin:0px 25px 5px 0px;
	padding:3px 0 10px 0;
	border-bottom:1px solid #D9DCDF;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #5993BE;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #5993BE;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
margin:0px 30px 5px 0px;
text-align:left;
background-image:url(/images/sidelinkicon.gif);background-position:top left;background-repeat: no-repeat;
padding:0 0px 0 15px;
}