/*niki szilagyi CSS*/

* {
	margin:0;
	padding:0;
	list-style:none;	
}

body {
	color:#807F84;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#FFF;
}

img {
	vertical-align:middle;
	border:0;
}

a {
	text-decoration:none;
	color:#AE191E;
}
a:hover {
	text-decoration:underline;
}

h1 {
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

ul {
	padding:0 0 0 25px;
}
	ul li {
		list-style-type:square;
	}
ol {
	padding:0 0 0 25px;
}
	ol li {
		list-style-type:decimal;
	}

.left {
	float:left;
}

.right {
	float:right;
}

.clearer {
	clear:both;
}

div#main_wrapper {
	width:910px;
	margin:0 auto;
	padding:10px 0 0 0;
}

	/* -- Hauptinhalte -- */
	div#main_wrapper_inner {
		position:relative;
		background:url(../img/main_wrapper.gif) no-repeat 0 0;
		height:525px;
	}

		/* -- Logo -- */
		div#logo {
			position:absolute;
			top:40px;
			left:734px;
		}

		/* -- Hauptnavigation -- */
		ul#main_nav {
			position:absolute;
			top:343px;
			left:751px;
			list-style:none;
			padding:0;
		}

			ul#main_nav li {
				padding:0 0 2px 0;
				list-style:none;
			}

				ul#main_nav li a {
					padding:0 0 0 11px;
					color:#807F84;
					font-size:14px;
					text-decoration:none;
					display:block;
					background:url(../img/main_nav_bullet_n.gif) no-repeat 0 7px;
				}

				ul#main_nav li a.active,
				ul#main_nav li a:hover,
				ul#main_nav li a:active {
					color:#B4000A;
					background:url(../img/main_nav_bullet_a.gif) no-repeat 0 7px;
				}




		/* -- Hauptspalte für Inhalte -- */
		div#main_col {
			width:666px;
/* ------------------------------------- */
			min-height:375px;
			height:auto !important;
			height:375px;
/* ------------------------------------- */
			position:relative;
			padding:40px 0 0 68px;
			color:#504E53;
			font-size:12px;
		}

			div#main_col p {
				margin:0 0 10px 0;
			}

			/* -- Subnavigation --*/
			table#sub_nav {
				width:100%;
				background:url(../img/sub_nav.gif) repeat-x 0 0;
			}

				table#sub_nav td {
					vertical-align:top;
				}

					table#sub_nav td a {
						white-space:nowrap;
					}





	/* -- Footer -- */
	div#main_wrapper_footer {
		padding:14px 10px 5px 10px;
		font-size:9px;
		background:url(../img/main_wrapper_footer.gif) no-repeat 0 0;
	}

		div#main_wrapper_footer a {
			color:#AE191E;
			text-decoration:none;
		}


/* -- Subnavigation -- */
ul#sub_nav {
	width:644px;
	padding:5px 0 0 0;
	height:95px;
	clear:both;
	position:absolute;
	top:440px;
	left:68px;
	text-align:center;
	background:url(../img/sub_nav.gif) repeat-x 0 0;
}

	ul#sub_nav li {
		padding:0 10px 0 10px;
/*		position:relative; */
		display:inline;
	}

		ul#sub_nav li a {
			color:#FFF;
			font-size:14px;
			/*font-weight:bold;
			white-space:nowrap;*/
		}
		ul#sub_nav li a:hover,
		ul#sub_nav li a.active{
			text-decoration:underline;
		}

		ul#sub_nav li ul {
/*			text-align:justify !important; */
			text-align:left;
			white-space:normal !important; 
			padding:0;
			position:absolute;
			left:0px;
			top:34px;
			width:644px; 
			list-style:square !important; 
		}

			ul#sub_nav li ul li {
				padding:0 11px 5px 0px !important;
				display: inline;
				text-align:left !important;

/*				float:left;
				display:block;
				text-align:justify !important;
				white-space:normal !important;
				/* background:url(../img/sub_nav_bullet_a.gif) no-repeat 0 9px; */
			}

				ul#sub_nav li ul li a {
					padding:2px 0 0 0px !important;
					display: inline;
					text-align:left !important;
					/*white-space:normal !important; 
					text-align:justify !important;*/
					color:#807F84;
					font-size:10px;
					font-weight:normal;
/*					background:url(../img/sub_nav_bullet_n.gif) no-repeat 0 7px; */
				}

				ul#sub_nav li ul li a:hover,
				ul#sub_nav li ul li a.active {
					text-decoration:none !important;
				}

				ul#sub_nav li ul li img {
					margin-right:5px;
				}

				ul#sub_nav li ul li a:hover,
				ul#sub_nav li ul li a.active {
					color:#B4000A;
/*					background:url(../img/sub_nav_bullet_a.gif) no-repeat 0 7px;*/
				}




/* -- Startseite -- */
div#start_upper {
	position:relative;
	z-index:0;
}


	div#start_upper.layer_1 #start_layer {
		position:absolute;
		top:95px;
		left:24px;
		z-index:100;
		background-image:url(../img/start_layer_2.png);
	}

	div#start_upper.layer_1 #start_text {
		width:150px;
		position:absolute;
		top:117px;
		left:47px;
		z-index:100;
	}

	div#start_upper.layer_2 #start_bg {
		z-index:90 !important;
	}


	div#start_upper.layer_2 #start_layer {
		position:absolute;
		display:block;
		top:95px;
		left:24px;
		width:406px;
		height:131px;
		z-index:100;
		background:url(../img/start_layer_2.png) no-repeat 0 0;
	}

	div#start_upper.layer_2 #start_text {
		width:365px;
		position:absolute;
		top:117px;
		left:47px;
		z-index:100;
	}

/*intro*/
div#startseite {
	width:663px;
	height:100%;
	margin:100px auto 0 auto;
}

	div#startseite a {
		text-align:center;
	}


/* -- Projektgalerie -- */
div#project_gallery_left {
	width:175px;
	height:370px;
}

div#project_gallery_right {
	width:478px;
	height:390px;
	position:relative;
}

	div#project_gallery_icon_arrow_left,
	div#project_gallery_icon_arrow_right,
	div#project_gallery_icon_double_arrow_left,
	div#project_gallery_icon_double_arrow_right {
		position:absolute;
	}

	div#project_gallery_icon_arrow_left {
		top:274px;
		left:8px;
	}

	div#project_gallery_icon_arrow_right {
		top:274px;
		left:464px;
	}

	div#project_gallery_icon_double_arrow_left {
		top:361px;
		left:0;
	}

	div#project_gallery_icon_double_arrow_right {
		top:361px;
		left:464px;
	}



	div#project_gallery_large {
		position:absolute;
		top:0;
		left:22px;
	}

	div#project_gallery_small_list {

	}

		div#project_gallery_small_list img  {
			cursor:pointer;
			vertical-align:top;
		}



		div#project_gallery_small_list_01,
		div#project_gallery_small_list_02,
		div#project_gallery_small_list_03,
		div#project_gallery_small_list_04,
		div#project_gallery_small_list_05 {
			position:absolute;
			top:291px;
			border:3px solid #FFF;
		}

		div#project_gallery_small_list_01 {
			left:22px;
		}

		div#project_gallery_small_list_02 {
			left:110px;
		}

		div#project_gallery_small_list_03 {
			left:198px;
		}

		div#project_gallery_small_list_04 {
			left:285px;
		}

		div#project_gallery_small_list_05 {
			left:371px;
		}

		div#project_gallery_small_list  div.active {
			border:3px solid #B3030D;
		}



/* -- Network -- */
div#network_upper {
	width:666px;
	background:url(../img/network_upper.gif) repeat-y 200px 0;
}

div#network_left {
	width:153px;
}

div#network_right {
	width:450px;
	padding:0 0px 0 0;
	margin:0 0px 0 0;
	text-align:left;
}

div.network_item {
	margin:0px;
}

div.container_network {
	position:absolute;
	top:40px;
	left:285px;
	width:430px;
	display:block;
	text-align:left;
	padding:0;
}

div.container_network div.section {
	padding:0;
	margin:0;
}

	div.container_network ul {
		display:block;
		text-align:left;
		width:430px;
		white-space:normal !important;
		margin:0;
		padding:0;
	}

		div.container_network ul li {
			text-align:left;
			list-style:none;
			display:inline;
			text-align:justify !important;  
		}

		div.container_network li a {
			padding:0px 0 0 10px !important;
			display:inline;
			font-weight:bold;
/*			text-align:justify !important;  
			white-space:normal !important;*/
			margin:2px 0;
/*			white-space:pre-wrap; */
			background:url(../img/sub_nav_bullet_a.gif) no-repeat 0 6px;
		}

		div.container_network span {
/*			text-align:justify !important;
			white-space:normal !important;*/
			display:inline;
			margin:2px 8px 2px 4px;
			white-space:normal !important;
		}


/*
		table.network_item {
			width:100%;
			margin:0 0 0px 0;
		}

			table.network_item td {
				width:50%;
				vertical-align:top;
			}

			table.network_item td a {
				color:#AE191E;
				font-weight:bold;
			}

*/

div#network_lower {
	padding:34px 0 0 0;
}

div#network_bottom {
	position:absolute;
	top:440px;
	left:68px;
	width:644px;
	height:100px;
	background:url(../img/sub_nav.gif) repeat-x 0 0;
}



table.project_description {
	height:100%;
}

	td.project_description_upper {
		vertical-align:top;
	}

	td.project_description_lower {
		vertical-align:bottom;
	}