@charset 'utf-8';

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0px; 
    padding:0px; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0px; 
} 
fieldset,img {  
    border:0px; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
	border:0px; 
}

/* LAYOUT */

html{
    height:100%;
}

body{
    height:100%;
    background:#ffffff;
    color:#7c7c7c;
    font-family:'trebuchet ms',arial;
    font-size:12px;
    line-height:16px;
    text-align:center;
}
a{
    text-decoration:none;
    color:#8c2d31;
}



/*----------- CONTENT-BEREICH ------------*/
#nonFooter{
    width:1002px;
    background:#ffffff url(../images/content_bg.gif) repeat-y;
    position:relative;
    min-height:100%;
    margin:0px auto;
    text-align:left;
}
* html #nonFooter{
    height:100%;
}




/*----------- PAGE ------------*/
#page{
    padding-bottom:60px;
}

#header{
    width:1002px;
    height:92px;
}




/*----------- NAVIGATION ------------*/
#navigation{
    margin:0;
    padding:0;
    list-style:none;
    width:194px;
    float:left;
}
#navigation li{
    margin:0px;
    padding:0px;
    background:url(../images/navigation_dots.gif) left bottom no-repeat;
}
#navigation span.nolink {
	display:block;
    text-indent:36px;
    background:url(../images/navigation_button_bg_layer1.gif) no-repeat;
    color:#767676;
    line-height:28px;
    height:28px;
    font-weight:bold;	
}
#navigation ul li span.nolink{
    background:url(../images/navigation_button_bg_layer2.gif) no-repeat;
    text-indent:51px;
    height:21px;
    line-height:21px;
}
#navigation ul li ul li span.nolink{
    background:url(../images/navigation_button_bg_layer3.gif) no-repeat;
    text-indent:66px;
    font-size:11px;
    height:19px;
    line-height:19px;
}
#navigation a{
    display:block;
    text-indent:36px;
    background:url(../images/navigation_button_bg_layer1.gif) no-repeat;
    color:#767676;
    line-height:28px;
    height:28px;
    font-weight:bold;
}
#navigation a.open{
    background:url(../images/navigation_button_bg_layer1_open.gif) no-repeat;
}
#navigation  a:hover,#navigation a.active{
    color:#8c2d31;
}
#navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    width:194px;
}
#navigation ul li{
    border-bottom:0px;
    background:none;
}
#navigation ul li a{
    background:url(../images/navigation_button_bg_layer2.gif) no-repeat;
    text-indent:51px;
    height:21px;
    line-height:21px;
}
#navigation ul li ul li{
    border-bottom:0px;
    background:none;
}
#navigation ul li ul li a{
    background:url(../images/navigation_button_bg_layer3.gif) no-repeat;
    text-indent:66px;
    font-size:11px;
    height:19px;
    line-height:19px;
}




/*----------- INHALTE ------------*/
#content{
    padding:0px;
    margin:0px;
    width:808px;
    float:left;
}
#content h2, #content h3{
    margin:0px;
    padding:0px 0px 25px 30px;
    font-family:arial;
    font-size:20px;
    font-weight:normal;
    float:left;
    width:770px;
}

#content h3{
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 30px;
	margin-bottom:15px;
}

#content p, ul.content{
    margin:0px 0px 15px 0px;
    padding:0px 30px 0px 30px;
    float:left;
    width:508px;
}

#content p.image_left img {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#content p.image_right img {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

#content p.bold {
	font-weight:bold;
}

#content div.content {
	float:left;
	width:508px;
	margin:0px 0px 15px 0px;
	padding:0px 30px 0px 30px;
}

#content ul.content {
	list-style:square;
	list-style-position:inside;
}

#content table.content_table {
	float:left;
}

#content td.content_table_td {
	border:1px solid #dddddd;
	padding:4px;
}



/*----------- BROTKRUMEN ------------*/
#breadcrumb{
	width:774px;
    line-height:28px;
    height:28px;
    font-size:11px;
    background:url(../images/breadcrumb_bg.gif);
    margin:0px 0px 25px 1px;
    padding-left:30px;
	float:left;
}
#breadcrumb a{
    text-decoration:none;
    color:#888888;
}
#breadcrumb a:hover{
    background:#efede6;
}




/*----------- FOOTER ------------*/
#footer{
    width:777px;
    background:#ffffff url(../images/footer_bg.gif) no-repeat left bottom;
    position:relative;
    margin:-47px auto;
    height:47px;
    line-height:47px;
    color:#777;
    text-align:left;
    padding-left:225px;
}
#footer a{
    color:#555555;
}
#footer a:hover{
    color:#8c2d31;
}




/*----------- PROJEKT-LISTE ------------*/
#projectlist,
#filelist {
    float:right;
    width:222px;
	padding:0px;
	margin:0px;
}

#filelist {
	width:203px;
}

#projectlist ul,
#filelist ul {
	float:right;
    margin:0px;
	margin-right:1px;
    padding:0px;
    list-style:none;
	background:url(../images/projectlist_dots.gif) left top repeat-x;
}

#projectlist ul li,
#filelist ul li {
    margin:0px;
    padding:0px;
    background:url(../images/projectlist_dots.gif) left bottom repeat-x;
}

#projectlist ul li a,
#filelist ul li a {
    display:block;
    line-height:12px;
	width:196px;
    background:url(../images/projectlist_button_bg.gif) no-repeat;
    padding:5px 5px 5px 20px;
	margin:0px;
    color:#777777;
}

#filelist ul li a {
	width:176px;
}

#projectlist ul li a:hover,
#filelist ul li a:hover {
    color:#8c2d31;
}

#filelist ul {
	margin-top:5px;
}



#filelist h3 {
	display:block;
	float:right;
	clear:left;
	width:204px;
	height:1em;
	margin:0px;
	padding:0px 0px 10px 0px;
}


/*----------- PROJEKT-THUMBNAILS ------------*/
#projectthumbs{
    float:left;
    width:528px;
    padding:0px 0px 30px 30px;
	margin:0px;
}
#projectthumbs ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
#projectthumbs ul li{
    float:left;
    padding:0px 4px 4px 0px;
    margin:0px;
}
#projectthumbs ul li a{
    width:128px;
    height:90px;
    margin:0px;
    padding:0px;
}
#projectthumbs ul li a img, #projectthumbs ul li img{
    border:0px;
    margin:0px;
    padding:0px;
    display:block;
}

#projectimage {
	float:left;
	width:745px;
	height:490px;
	padding: 0px 30px 30px 30px;
}

#projectimage img {
    display:block;
    float:left;
	margin:0px;
}

/*----------- THUMB-SLIDER ------------*/

#thumbnailslider{
	float:left;
	width:572px;
	padding-left:30px;
	margin-bottom:15px;
}

#thumbnailslider h3 {
	float:left;
	width:535px;
	margin:0px;
	padding:0px 0px 10px 0px;
}

#thumbnailslider #wrapper {
	overflow:hidden;
	position:relative;
	float:left;
	width:429px;
	height:94px;
}

#thumbnailslider #items {
	width:50000px;
	position: relative;
}

#thumbnailslider li {
	float:left;
	margin-bottom:4px;
}

#thumbnailslider a#moveleft,
#thumbnailslider a#moveright {
	display:block;
	margin-right:4px;
	float:left;
	width:51px;
	height:92px;
	z-index: 1000; 
	background:url(../images/scroller_right.gif);
}

#thumbnailslider a#moveleft{
	background:url(../images/scroller_left.gif);
}

#thumbnailslider img {
	float:left;
	margin-right:4px;
}

#thumbnailslider img.thumb {
	border:1px solid #dddddd;
}