/* CSS Document
*********************************************************
grafische konzeption & grafische umsetzung:
	Anja Gasser
*********************************************************
webdesign:
	Dagmar Löffler
	didschidisein -
	atelier für [digitale] alltagsverschönerung
	http://www.didschidisein.com
*********************************************************
php and database design:
	Uli Liener
	Alladin-IT
	http://alladin.at
*********************************************************
*/


/*		G E N E R A L		*/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: helvetica,arial;
font-size: 14px;
background-color: rgb(232,228,221);
color: rgb(51,51,51);
letter-spacing: 0.05em;
padding: 37px 0 0 37px;
}
a:link, a:visited, a:active {
color: rgb(51,51,51);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.italic {
font-style: italic;
}
a.current {
font-weight: bold;
}
h1 {
font-size: 14px;
line-height: 20px;
padding: 15px 0 2px 0;
}
p {
padding: 6px 0 0 0;
line-height: 20px;
}
div#container {
width: 1025px;
}
	div#navi {
	width: 160px;
	height: auto;
	float: left;
	}
		ul#navi_main {
		width: 160px;
		height: 225px;
		list-style-type: none;
		}
			#navi_main li {
			width: 40px;
			height: 225px;
			float: left;
			}
				#perndl_current {
				background: url(../media/navi_perndl_grey.gif) 0 0 no-repeat;
				}
				#perndl_current:hover {
				background: url(../media/navi_perndl_hover.gif) 0 0 no-repeat;
				}
				#arbeiten_current {
				background: url(../media/navi_arbeiten_grey.gif) 0 0 no-repeat;
				}
				#arbeiten_current:hover {
				background: url(../media/navi_arbeiten_hover.gif) 0 0 no-repeat;
				}
				#neues_current {
				background: url(../media/navi_neues_grey.gif) 0 0 no-repeat;
				}
				#neues_current:hover {
				background: url(../media/navi_neues_hover.gif) 0 0 no-repeat;
				}
				#kontakt_current {
				background: url(../media/navi_kontakt_grey.gif) 0 0 no-repeat;
				}
				#kontakt_current:hover {
				background: url(../media/navi_kontakt_hover.gif) 0 0 no-repeat;
				}
				#navi_main li a {
				display: block;
				width: 40px;
				height: 225px;
				}
					#perndl:link, #perndl:visited {
					background: url(../media/navi_perndl_white.gif);
					}
					#perndl:active, #perndl:hover {
					background: url(../media/navi_perndl_hover.gif);
					}
					#arbeiten:link, #arbeiten:visited {
					background: url(../media/navi_arbeiten_white.gif);
					}
					#arbeiten:active, #arbeiten:hover {
					background: url(../media/navi_arbeiten_hover.gif);
					}
					#neues:link, #neues:visited {
					background: url(../media/navi_neues_white.gif);
					}
					#neues:active, #neues:hover {
					background: url(../media/navi_neues_hover.gif);
					}
					#kontakt:link, #kontakt:visited {
					background: url(../media/navi_kontakt_white.gif);
					}
					#kontakt:active, #kontakt:hover {
					background: url(../media/navi_kontakt_hover.gif);
					}
		ul#navi_sub {
		clear: left;
		width: 158px;
		height: auto;
		margin: 18px 0 0 0;
		list-style-type: none;
		text-align: right;
		}
			#navi_sub li {
			height: 22px;
			}
			#navi_sub li.current {
			font-weight: bold;
			}
	div#content {
	width: 825px;
	height: auto;
	float: left;
	padding: 50px 0 25px 23px;
	}


/*		P E R N D L		*/

		div.perndl, div.perndl_auszeichnungen {
		width: 360px;
		padding: 88px 0 0 0;
		}
			div.perndl ul {
			padding: 15px 0 0 0;
			list-style-type: none;
			}
				div.perndl ul li {
				margin: 5px 0 0 0;
				}
		div.perndl_auszeichnungen p {
		padding: 18px 0 0 0;
		}
		ul#team {
		margin: 5px 0 0 0;
		padding: 0;
		width: 130px;
		list-style: none;
		float: left;
		}
			ul#team li {
			line-height: 19px;
			font-size: 13px;
			}
				ul#team li a {
				color: rgb(51,51,51);
				}
		
		/* DIVS für TEAM  ROLLOVER */
		
			#josef {
			position: absolute;
			left: 902px;
			top: 90px;
			z-index: 1;
			visibility: hidden;
			}
			#gerhard {
			position: absolute;
			left: 836px;
			top: 170px;
			z-index: 1;
			visibility: hidden;
			}
			#regula {
			position: absolute;
			left: 723px;
			top: 137px;
			z-index: 1;
			visibility: hidden;
			}
			#markus {
			position: absolute;
			left: 662px;
			top: 149px;
			z-index: 1;
			visibility: hidden;
			}
			#sandra {
			position: absolute;
			left: 402px;
			top: 157px;
			z-index: 1;
			visibility: hidden;
			}
			#doris {
			position: absolute;
			left: 532px;
			top: 173px;
			z-index: 1;
			visibility: hidden;
			}
			#vera {
			position: absolute;
			left: 469px;
			top: 179px;
			z-index: 1;
			visibility: hidden;
			}
			#claudette {
			position: absolute;
			left: 579px;
			top: 185px;
			z-index: 1;
			visibility: hidden;
			}
			#roland {
			position: absolute;
			left: 315px;
			top: 209px;
			z-index: 1;
			visibility: hidden;
			}
			#nina {
			position: absolute;
			left: 598px;
			top: 267px;
			z-index: 1;
			visibility: hidden;
			}
			#isabel {
			position: absolute;
			left: 263px;
			top: 169px;
			z-index: 1;
			visibility: hidden;
			}
			#aleksandra {
			position: absolute;
			left: 223px;
			top: 169px;
			z-index: 1;
			visibility: hidden;
			}

		/* DIVS für TEAM  INFOS */
		
		div#team_info {
		float: left;
		font-size: 12px;
		line-height: 19px;
		width: 310px;
		position: relative;
		top: 0;
		}
			#josef_info, #gerhard_info, #regula_info, #markus_info, #nina_info, #sandra_info, #doris_info, #vera_info, #claudette_info, #roland_info, #isabel_info, #aleksandra_info {
			visibility: hidden;
			position: absolute;
			top: 0;
			left: 8px;
			z-index: 1;
			}


/*		N E U E S		*/

		div.neues {}
			div.neues div.description {
			width: 330px;
			}
			ul.links {
			list-style-type: none;
			padding: 5px 0 0 0;
			}
				ul.links li {
				margin: 5px 0 0 0;
				}
				
		ul#navi_subsub {
		width: 195px;
		height: auto;
		float: left;
		padding: 104px 0 0 0;
		list-style-type: none;
		}
			ul#navi_subsub li {
			}
			h2 {
			font-size: 14px;
			font-style: italic;
			padding: 0 0 7px 0;
			margin: -1px 0 0 0;
			}
			ul#navi_subsub li ul {
			list-style-type: none;
			}
				ul#navi_subsub li ul li {
				padding: 0 0 8px 0;
				}


/*		A R B E I T E N		*/

		div.arbeiten {
		width: 585px;
		height: auto;
		float: left;
		padding: 0 0 0 20px;
		}
			ul#navi_detail {
			list-style-type: none;
			}
				ul#navi_detail li {
				height: 12px;
				float: left;
				padding: 0 14px 10px 0;
				}
					ul#navi_detail li a, ul#navi_detail li a.current {
					font-size: 15px;
					}
			div.arbeiten h1, div.arbeiten p {
			width: 360px;
			clear: left;
			}


/*		K O N T A K T		*/

		div.kontakt {
		height: auto;
		float: left;
		padding: 88px 0 0 0;
		}
			img#map {
			display: block;
			margin: 12px 0 6px 0;
			}
			div.kontakt a:hover {
			font-weight: normal;
			text-decoration: underline;
			}
			h3 {
			font-size: 14px;
			font-weight: normal;
			padding: 22px 0 0 0;
			}
			div.kontakt p {
			width: 330px;
			padding: 3px 0 0 0;
			}

			/* DIVS für KONTAKT  ROLLOVER */

				div#blank, div#apollo, div#buero, div#future, #flakturm, #jenseits {
				margin: 0;
				padding: 0;
				width: 258px;
				height: 192px;
				position: absolute;
				top: 504px;
				left: 730px;
				background-color: rgb(232,228,221);
				}
				
/*			N E W S L E T T E R 		*/

/* div#abo unter 'NEUES' / index.php */

div#abo {
width: 1000px;
height: 20px;
text-align: right;
position: absolute;
top: 5px;
left: 0;
}
	div#abo a {
	font-size: 12px;
	text-decoration: none;
	color: rgb(160,160,160);
	}
	div#abo a:hover {
	color: rgb(102,101,97);
	}
	
	
/* Formular */

	.newsletter_subscribe { 
	margin: 25px 0 0 0; 
	border-collapse: collapse;
	}
	span.red { 
	color: #ed1a3a;
	font-size: 14px;
	}
	.newsletter_subscribe input {
	width: 250px;
	height: 20px;
	margin: 4px 0 0 0;
	}
	.newsletter_subscribe td  {
	padding: 8px 0 6px 0;
	}
	#sub_button {
	width: 83px;
	height: 29px;
	background: url(../media/send.jpg) 0 0 no-repeat;
	margin-top: 8px;
	cursor: pointer;
	}
	.mini {
	font-size: 10px;
	text-align: right;
	width: 250px;
	}