/*=================================*/
/* nextwebdesign
/* Januar 2011
/* By: Bernd Schmölzer
/* http://www.nextwebdesign.de
/*=================================*/

/* main template */

body {
font-size: 100.1%;
font-family: Arial, sans-serif;
margin: 0px;
padding: 0px;
}

html {
background: #FFFFFF url('/image/bg-site.gif') no-repeat;
background-position:top;
color: #919191; /* grey */
}

a:link, a:visited, a:active {
text-decoration: none;
margin:0px;
padding:0px;
color:#1BB5F3;
}

a:hover, a:focus {
text-decoration: underline;
}

h2 {
font-size:130%;
font-weight:normal;
margin: 8px 0px 4px 0px;
}
		
#content .contentBlock_portfolio h2 {
font-size:130%;
font-weight:normal;
margin: 8px 0px 0px 0px;
color:#27b4e7;
}
		
h3 {
margin: 8px 0px 8px 0px;
font-weight:normal;
font-size:180%;
}

h4 {
margin: 12px 0px 2px 0px;
font-weight:bold;
font-size:115%;
}
   
p {
margin: 4px 0px 6px 0px;
}
        

/* header */
#header {
width: 860px;
margin: 30px 0px 0px 0px;
}

#nwdLogo {
float: left;
}

#metaNavigation {
text-align: right;
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
top: -7px;
}

#metaNavigation li {
display: inline;
font-size: 67%;
letter-spacing: 0.1px;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #919191;
margin-left: -4px; /* remove left between list elements */  }
        
#metaNavigation li.lastElement {
border-right: none;
padding-right: 0px;
}
            
#metaNavigation a {
color: #919191;
}

#mainNavigation {
text-align: right;
list-style: none;
margin: 0px;
margin-top: 42px;
padding: 0px;
}

#mainNavigation li {
letter-spacing: 0.1px;
display: inline;
padding-right: 15px;
padding-left: 15px;
border-right: 1px solid #00b1e6;
margin-left: -4px; /* remove left between list elements */
}

#mainNavigation li.lastElement {
border-right: none;
padding-right: 0px;
}
        
#mainNavigation a {
color: #00b1e6;
}
			
#subNavigation a {
font-weight:normal;
color:#27b4e7;
}

#subNavigation ul {
margin:8px 0px 15px 0px;
padding:0px;
list-style:none;
}

#subNavigation li {
background-image:url(/image/arrow-content.gif);
background-repeat:no-repeat;
margin:0px 0px 4px 0px;
padding:0px 0px 0px 15px;
background-position: 0 .5em;
}
	

/* Teaser */
#teaser {
margin: 30px 0px 30px 0px;
height: 300px;
}

#teaser_small {
margin: 12px 0px 15px 84px;
height: 250px;
}
	
#teaser_portfolio {
margin: 12px 0px 15px 84px;
height: 450px;
}

#teaser ul {
list-style: none;
margin: 0px;
padding: 0px;
}
        
#teaser li {
display: none;
position: absolute;
}


/* Content */

#content {
font-size: 80%;
width: 853px;
line-height: 20px;
text-align: left;
background-image:url(/image/bg-content.gif);
background-repeat:repeat-y;
}

 
#content_portfolio {
font-size: 80%;
width: 853px;
line-height: 20px;
text-align: left;
}

#content_text {
font-size: 80%;
width: 783px;
line-height: 20px;
text-align: left;
padding-right:70px;
}
 
#contentsite {
font-size: 80%;
width: 860px;
line-height: 20px;
text-align:left;
}
    
#content .contentBlock, #contentsite .contentBlock, #subNavigation, #content .contentBlock_portfolio {
width:221px;
float: left;
margin-bottom: 22px;
margin-right:0px;
}

#content .lastElement {
width: 215px;
margin-right:0px;
}
		
		#contentsite .contentBlock3collums {
        width: 606px;
        float: left;
        margin-bottom: 22px;
		padding-right:25px;
		}
        
        
        .contentBlock h2,
		.contentBlock h3,
        .contentBlock p,
        .contentBlock a {
            width: 170px;
            margin-left: 10px; }
			
#contentsite h3, #content_portfolio h3, #content_text h3 {
color:#1bb5f3;
}

.contentBlock_portfolio h2 a:link, .contentBlock_portfolio h2 a:active, .contentBlock_portfolio h2 a:visited,
.contentBlock3collums a:link, .contentBlock3collums a:active, .contentBlock3collums a:visited,
.contentBlock a:link, .contentBlock a:active, .contentBlock a:visited,
#content_portfolio a:link, #content_portfolio a:active, #content_portfolio a:visited {
color:#27b4e7;
font-weight:normal;
}

#content_portfolio p, #content_text p {
margin:0px 0px 8px 0px;
}

#content_portfolio ul, #content_text ul {
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
}

#content_portfolio li, #content_text li {
background-image:url(/image/arrow-content.gif);
background-repeat:no-repeat;
margin:0px 0px 4px 0px;
padding:0px 0px 0px 15px;
background-position: 0 .5em;
color:#27b4e7;
}
        
.abtrenner {
border-bottom:#27b4e7 4px solid;
height:30px;
width:853px;
margin-bottom:30px;
}

#projekttitel h1, #content_portfolio h1, #content_text h1 {
text-transform:uppercase;
font-weight:normal;
color:#929292;
letter-spacing:1px;
margin:0px 0px 6px 0px;
}

#projekttitel {
width:630px;
margin-top:0px;
float:left;
}

#projektuntertitel {
width:853px;
font-size:14px;
color:#27b4e7;
margin-bottom:20px;
}

#seitennavigation {
width:223px;
float:left;
text-align:right;
margin-top:0px;
color:#27b4e7;
}

#seitennavigation a:hover {
text-decoration:underline;
color:#27b4e7;
}

       


/* QuickLinks */

#quickLinks {
font-size:70%;
width:847px;
margin:0px 0px 30px 13px;
text-align:left;
line-height:20px;
background-image:url(/image/bg-content_quicklinks.gif);
background-repeat:repeat-y;
}
    
#quickLinks .listBlock {
width:221px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

        
#quickLinks .lastElement {
width:184px;
float:left;
margin: 0px 0px 0px 0px;
}

#quickLinks a:link, #quickLinks a:active, #quickLinks a:visited {
color: #919191;
}

#quickLinks a:hover {
color: #1BB5F3;
}

/* Copyright */
#copyright {
    font-size: 68%;
    margin: 6px 0px 20px 94px;}


/* reset */
img {
    border: 0px; }
	
.portfolio_thumbs {
margin:0px 0px 15px 0px;
padding:0px;
 }
 
.portfolio_abstand {
margin:0px 0px 15px 0px;
padding:0px;
 }