/* CSS Document for daten.php */

/***************************************
**
**	erstellt 01.05.2005
**	Matthias Regh
**	Notatus
**
**	Historie:
**	    MR 26.05.2005  von notatus.css abgekoppelt 
**
*****************************************/

#newsbox {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 10px;
	height: auto;
	clear: both;
	float:none;
	display: block;
	width: 100%;
}

h2.spalte {
	display: block;
	float: none;
	clear: both;
	border-bottom: 1px solid #999999;
	font-size:9pt;
	color: #7A8999;
}

#news_content {
	display: block;
	float: left;
	clear: none;
	width: 628px;
}


#news_button {
	display: block;
	float: left;
	clear: none;
	width: 150px;

}


/***********************************************
***
***	Werkbox (Liste der Werke)
***
************************************************/
#werkbox_header
{
	height: 55px;
	width: 100%;
}

#werkbox
{
	margin-top: 0px;
	height: 330px;
    width: 100%;
	overflow: hidden;
	display: block;
	float: none;
	clear: both;
}

#werkbox h1 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}



#werkbox_header #werkdata_text {
	display: block;
	float: left;
	width: 550px;
	margin-right: 15px;
	padding-top: 10px;
}

#werkbox_header #werkdata_pic {
	display: block;
	float: left;
	width: 190px;
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

#werkbox img.werkpicto {
	width: 30px;
	height: 30px;
	display: block;
	margin-left: 0;
	float: none;
}

#werkbox #werkliste_content {
	padding: 0px;
	margin: 0px;
	height: 270px;
	width: 780px;
	overflow: auto;
}


/*******************************************************
***
***     Databox (Datenausgabe auf daten.php)
***
********************************************************/

#databox {
		height: 100px;
        width: 100%;
        margin:0;
        padding-bottom:10px;
		padding-right: 10px;
        background-color: transparent;
}

#databox #pic {
        float: right;
        width: 90px;
        margin-left: 10px;
        padding-top: 10px;
}

#databox label {
		font-size: 8pt;
        font-weight:normal;
        text-align: left;
        padding-right: 0px;
 		display: block;
        float: left;
        width: 95px; /* Breite.*/
}
		

#databox label.data {
        font-weight:600;
        color:#333333;
        text-align: left;
        padding-right: 5px;
        white-space:nowrap;
 		display: block;
        float: left;
        width: 213px; /* Breite.*/
		overflow: hidden;
}

form#mail {
	font-size: 10pt;
	margin-top: 10px;
}

#mail input {
	margin-top: 0px;
	width: 200px;
}

#mail label {
	margin-top: 40px;
}

#databox .left_data label.data {
	width: 190px;
}


#databox .left_data {
	display: block;
	float:left;
	width: 290px;
	overflow: hidden;
}

#databox .right_data {
	float:left;
	width: 315px;
	margin-left: 15px;
	overflow: hidden;
}

#databox .button_data {
	float: left;
	width: 150px;
	margin-left: 10px;
	overflow: hidden;
}

/***************************************
**
**	Projekttermine
**
*****************************************/

#termine {
	display: block;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 80px;
	margin-bottom: 10px;

}

#termine div.datapart {
	margin-bottom: 10px;
	clear: left;
}
	

#termine label {
		font-size: 8pt;
        font-weight:normal;
        text-align: left;
        padding-right: 0px;
 		display: block;
        float: left;
        width: 95px; /* Breite.*/
}

#termine label.next {
	margin-left: 20px;
}


#termine input {
		display: block;
		float: left;
		margin-right: 2px;
		overflow: hidden;
		width: 130px;
}

#termine input.short {
	width: 30px;
}

#termine input.jahr_short {
	width: 42px;
}

#termine label.short {
	width: 10px;
}

#pic {
	text-align:center;
}


/*******************************************************
***
***     Tabelle 
***
********************************************************/

table#accountitems {
	width: 760px;
}


/*******************************************************
***
***     Menu 
***
********************************************************/


#werkarten_menu {
	border-bottom: 0px solid #999999;
	border-top: 0px solid #999999;
	width:80px;
    height:auto;
	margin: 0;
	padding: 0;
	display: block;
}

#werkarten_menu h1 {
	width: 150px;
	margin-left: 15px;
}

#werkarten_menu ul {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
		margin-left: 30px;
        margin-top: 0px;
		margin-bottom: 0px;
        list-style: none;
}

#werkarten_menu li a span {
	display: none;
}

#werkarten_menu li {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
		margin-top: 20px;
		padding-bottom: 0px;
        float:none;
        display: block;
        width: 80px;
        height: 155px;
        text-align: center;
        border: 2px solid #999999;
}

#werkarten_menu li a {
        height: 155px;
		width:80px;
        display: block;
		font-size: 7pt;
		letter-spacing: 0px;
		font-weight: bold;
}

#werkarten_menu li a:hover {
        color: #999999;
}

#werkarten_menu li#urkunde a:link, #werkarten_menu li#urkunde a:visited {
        background-image: url(../pics/siegel_urkunde.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}

#werkarten_menu li#urkunde a:hover {
        background-image: url(../pics/siegel_urkunde_h.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}

#werkarten_menu li#prio a:link, #werkarten_menu li#prio a:visited {
        background-image: url(../pics/siegel_prio.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}

#werkarten_menu li#prio a:hover {
        background-image: url(../pics/siegel_prio_h.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}

#werkarten_menu li#projekt a:link, #werkarten_menu li#projekt a:visited {
        background-image: url(../pics/siegel_projekt.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}

#werkarten_menu li#projekt a:hover {
        background-image: url(../pics/siegel_projekt_h.gif);
        background-position: center bottom;
        background-repeat: no-repeat;
}


button.imgbutton, button.imgbutton_invserse {
	margin:0px;
	padding:0px;
	color: #336699;
	font-weight: bold;
	cursor:pointer;
	width: 150px;
	height: 42px;
	overflow: hidden;
}

button.imgbutton_invserse {
	color: #FFFFFF;
}

button.imgbutton p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: block;
	padding-top: 10px;
	white-space:nowrap;
}

button.wrapping p {
	white-space:normal;
}

button.wrapping {
	padding-top: 8px;
	height: 50px;
}

button.imgbutton img, button.imgbutton_invserse img {
	display: block;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	width: 40px;
	margin-right: 7px;
}