/* CSS Document */

/****************************************************
**
**	Grundlegendes Stylesheet für Notatus-WebSite
**
**	Copyright 2005 by ....
**
**	Angelegt April 2005
**	Version 1.0	erstellt am 08.07.2005
**	Version 1.1 angefangen am 12.07.2005
**		14.07.2005: Farben und Hintergründe
**
******************************************************/


/*************************************************************
**
**	Body
**
**************************************************************/
#keywords {
	display: none;
}

body {
	text-align: center;
	/** font-family: "lucida sans", verdana, arial, helvetica, sans-serif; **/
	font-family: verdana, arial, helvetica, tahoma, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border: 0;
	height:660px;
}

body#hilfe {
	background-color: #FFFFFF;
	background-image: none;
}

/**************************************************************
***
***	Wrapper ist der Hauptcontainer
***
***************************************************************/

#wrapper
{
	margin: 10px auto;
	width: 980px;
	height: 640px;

	text-align:left;
	background-color: transparent;
}


div {
	display: block;
	float: none;
}

/**************************************************************
***
***	Textpart ist der rechte untere Teil
***
***************************************************************/

#textpart {
	display: block;
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 5px;
	width: 780px;
	height: 535px;
	font-size:9pt;

	background-color: #FFFFFF;
	overflow: hidden;
	/**background-attachment: fixed;**/
}


/**************************************************************
***
***	Header
***
***************************************************************/

/* Header mit Grafik/Logo */
#header	{
	padding-left:0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	width: 790px;
	height: 60px;
	display: block;
	float: none;
	clear: both;
	background-image:url(../pics/head.gif);
	background-repeat: no-repeat;
	overflow:hidden;
}

/* Innerhalb des Headers */
div#headwrap	{
	float:left;
	height: 50px;
	width: 507px;
	margin-right: 0px;
	padding: 0;
	padding-top: 12px;
	background-color:transparent;
	}

div#header h1	{
	margin: 0;
	border: 0;
	padding-top:15px;
	padding-left:25px;
	color:#FFFFFF;
	height:50px;	
	letter-spacing: 0px;
	font-size: 20pt;
	font-weight: normal;
	}

#picwrap {
	float:left;
	width:290px;
	margin-right: 0px;
	padding-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	height:70px;
	background-image:url(../pics/header_notatus.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#ads {
}

#after_ads {
	display: block;
	float: left;
	width: 63px;
	margin-left: 4px;
	height: 77px;
	border-bottom: 13px solid #336699;
}
#ads_header {
	padding-left:210px;
	width: 790px;
	height: 15px;
	margin: 0;
	padding-top: 0px;
	background-color:#336699;
	color: #FFFFFF;
}


/******************************************************************
*****
*****	Maincontent
*****
*******************************************************************/

/* Hauptinhalt */
#maincontent	{
	display: block;
	float: left;
	clear: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 795px;
	height: 660px;
}





#maincontent .warning {
	margin-top:5px;
	color: #FF0000;
	text-align:center;
}



/**************************************************************
***
***	Footer
***
***************************************************************/

/* Fusszeile */
#footer
{
	display: block;
	float: none;
	clear:both;
	width: 790px;
	height: 22px;
	margin-left:0px;
	margin-top: 0px;
	padding-top:4px;
	color:#000000;
	font-weight: normal;
	font-size: 10pt;
	background-image:url(../pics/foot.gif);
}

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

#footer li {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
        float:left;
        display: block;
        width: 130px;
        height: 21px;
        text-align: center;
        border-right: 0px;
}

#footer li.last {
        border-right: 0;
}

#footer li a {
	color:#FFFFFF;
}

/* Auf Hilfeseiten wird der Footer ausgeschaltet
body#hilfe div#footer {
	display:none;
}

/**************************************************************
***
***	Menu ist der linke Teil im Hauptcontainer	
***
***************************************************************/

/*  Vertikale Navigationsleiste */
#menu {
	display:block;
	float: left;
	width: 160px; 
	height: 630px;
	padding: 0px;
	padding-left: 18px;
	padding-top: 14px;
	margin: 0px;
	margin-right: 5px;
	background-image:url(../pics/side.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#menu h1.menuheader {
	display: block;
	float: none;
	clear: both;
	margin-bottom: 3px;
	color: #CCCCCC;
}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	list-style: none;
}


#menu ul li {
	display: block;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
	
	height: 21px;
	margin-bottom: 4px;
	padding-top: 1px;
	padding-left: 0px;
	margin-left: 0px;
	}
	
#menu2 ul li button {
	background-image:url(../pics/info.gif);
}

#menu button {
	padding: 0px;
	margin: 0px;
	display: block;
	color: #444444;
	width: 150px;
	background-image:url(../pics/faq.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-align: center;
	text-decoration: none;
	font-weight:normal;
	letter-spacing: 0px;
	margin-top: 0px;
	font-size: 10pt;
	height: 20px;
	overflow: hidden;
}


.mainmenu {
	margin-bottom: 10px;
	display: block;
	float: none;
	clear: both;
	width: 165px;
}	

#menu #menu4, #menu #menu2, #menu #menu1 {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 10px;
}

#menu #menu2, #menu #menu1 {
	padding-bottom: 0px;
}


/**************************************************************
***
***	Userbox stellt den angemeldeten User dar
***
***************************************************************/

#userbox
{
	padding-top: 0px;
	margin-top: 0px;
	float: none;
	clear: both;
	width: 150px;
	height: 70px;
	font-size: 8pt;
	color: #000000;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 9px;
}

#userbox.logged {
	padding-top: 3px;
	height: 30px;
}
/*
#userbox input {
	width: 120px;
	border: 1px solid #999999;
}

#userbox form {
	margin: 0;
}

#userbox #inputs {
	float: left;
	width: 120px;
	overflow: hidden;
}

#userbox #hook {
	margin-top: 20px;
	margin-left: 10px;
	width: 30px;
	float: left;
}

#userbox #hook img {
	width: 25px;
	height: auto;
}


#userbox button {
	text-align:left;
	color:#EEEEEE;
	font-size: 10pt;
	font-weight: 600;
	margin: 0;
	padding: 0;
	height: auto;
}
*/

#userbox ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#userbox ul li {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-bottom: 0px;
	background-image: none;
	height: 25px;
}

#userbox button {
	background-position:left center;
	background-repeat:no-repeat;
	height: 25px;
	width: 150px;
	color: #FFFFFF;
}

#userbox button#user_login {
	background-image:url(../pics/login.gif);
}


#userbox button#user_register {
	background-image:url(../pics/register.gif);
}

#userbox button#user_testzugang {
	background-image:url(../pics/test.gif);
}


#userbox a:link, #userbox a:focus, #userbox a:visited {
	display: inline;
	font-size: 8pt;
	color:#D0D0D0;
	/*padding-top: 220px;*/
	padding: 0;
	margin: 0;
}

#userbox a:hover {
	display: block;
	font-size:8pt;
	color:#B2B2B2;
}


#userbox #username {
	text-align:center;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 5px;
}


#userbox #uhrbox {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
	width: 140px;
}




/* eigentliches Menue*/
#menubox {
	width: 150px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#menubox.logged {
	height: 480px;
}



/* Auf allen Hilfeseiten wird das Menue ausgeblendet

body#hilfe div#menubox {
	display:none;
} */

#logobox {
	width: 158px;
	height: 0px;
	/*background-image:url(../pics/header_notatus.gif);*/
	background-position: right bottom;
	background-repeat: no-repeat;
}

#koopbox, #koopbox2 {
	margin-top: 20px;
	padding-top: 0px;
	width: 150px;
	height: 63px;
}	

#koopbox2 {
	margin-top: 5px;
}



#koopbox #bildbox,#koopbox2 #bildbox {
	margin-left: 20px;
	height: 43px;
}

#koopbox img#shadow {
	float: left;
	width: 3px;
	margin-right: 0;
	padding-right: 0px;
}


/******************************************************************
***
***	Spalten
***
*******************************************************************/

#infospalte {
	width: 155px;
	margin-left: 0px;
	padding-left: 10px;
	display:block;
	height: auto;
}


div.block {
	margin-bottom: 20px;
}

#menublock ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}


#links a.bildlink {
	display:block;
	padding-bottom: 10px;
}


#dataspalte {
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 595px;
	height: auto;
}




/******************************************************************
***
***	Allgemeine Einstellungen
***
*******************************************************************/

button {
	border:0;
	background:transparent;
	cursor:pointer;
	font-size: 8pt;
    cursor:pointer;
}

select, input {
	border: 1px dotted #999999;
}

/**************************************************
**
**	Formatierungen: Überschriften und Paragraphen
**
***************************************************/

h1 {
	margin-top: 0px;
	text-align:left;
	font-size: 10pt;
	font-weight: 600;
	color: #336699;
	margin-bottom:10px;
}

h2 {
	text-align:left;
	font-size: 11pt;
	font-weight: normal;
	margin-bottom:5px;
}

h3 {
	font-size: 10pt;
	font-weight: normal;
}


p
 {
 	margin-top: 5px;
	margin-bottom:10px;
	border-collapse: collapse;
	font-size: 8pt;
	font-weight: normal;
}

.green {
	color: #77A400;
}

.spalte {
	display: block;
	float:none;
	width: 100%;
	border-bottom: 1px solid #999999;
	margin-bottom: 8px;
	height: auto;
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
}

.spalteinverse {
	display: block;
	float:none;
	width: 100%;
	color: #FFFFFF;
	background-color: #7a8999;
	border-bottom: 1px solid #999999;
	margin-bottom: 8px;
}

.spaltenblock {
	display: block;
	float:none;
	width: 100%;
	border-top: 1px solid #999999;
	margin-top: 3px;
	margin-bottom: 5px;
	height: auto;
}

.left {
	display:block;
	float:left;
	width: 60%;
	text-align: left;
}

.right {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
}

.footer_blue {
	color: #336699;
	font-weight: bold;
	text-decoration:none;
	display: block;
	float: left;
	padding-top: 5px;
}






/******************************************************************
*****
*****	Links
*****
*******************************************************************/

a.greenlink:link , a.greenlink:visited {
	letter-spacing: 1px;
	display: inline;
	color: #77A400;
	text-decoration: none;
}

a.greenlink:focus , a.greenlink:active {
	letter-spacing: 1px;
	display: inline;
	color: #669900;
	text-decoration: none;
}

a.rightlink:link, a.rightlink:visited { 
	display: block;
	width: 100%;
	text-align:right;
}

a.rightlink:active, a.rightlink.focus, a.rightlink:hover {
	display: block;
	width: 100%;
	text-align:right;
}


a.redhover:hover {
	color:#FF0000;
}


a.bluelink:link , a.bluelink:visited {
	letter-spacing: 1px;
	display: inline;
	color: #336699;
	text-decoration: none;
	font-weight:bold;
}

a.bluelink:focus , a.bluelink:active {
	letter-spacing: 1px;
	display: inline;
	color: #3366AA;
	text-decoration: none;
	font-weight:bold;
}

a.bluelink:hover {
	letter-spacing: 1px;
	display: inline;
	color: #B2B2B2;
	text-decoration: none;
	font-weight:bold;
}

a.blacklink:link , a.blacklink:visited {
	letter-spacing: 1px;
	display: inline;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.blacklink:focus , a.blacklink:active {
	letter-spacing: 1px;
	display: inline;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a.blacklink:hover {
	letter-spacing: 1px;
	display: inline;
	color:#666666;
	text-decoration: none;
	font-weight:bold;
}


a:link, a:visited {
	letter-spacing: 1px;
	display: inline;
	color: #336699;
	text-decoration: none;
}

a:hover {
	display: inline;
	color: #B2B2B2;
}

a:active, a:focus {
	display: inline;
	color: #333333;
}

a img {
	border:0;
}



/******************************************************************
*****
*****	Klassen
*****
*******************************************************************/

/* allgemeine Klassen */

.line
{
	border-bottom: 1px solid #999999;
	width:780px;
	margin-bottom: 2px;
}

.linetop
{
	float:left;
	border-top: 1px solid #999999;
	width:775px;
	margin-top: 10px;
	padding-top: 0px;
}

.linebottom  {

	float:left;
	border-bottom: 1px solid #999999;
	width:775px;
	padding-bottom: 10px;

}

.centered {
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
}
	
.welcome {
	text-align:justify;
	font-size: smaller;
	margin-top: 15px;
}

.price {
	font-weight:600;
		

}
/** Infosmall ist ein Paragraph mit kleinen Schrifttyp **/

.info {
	line-height:12px;
	text-align:left;
	font-size: 9pt;
	font-weight: 100;
	margin: 0;
	padding: 0;
}

.infored {
	line-height:12px;
	text-align:left;
	font-size: 9pt;
	font-weight: 100;
	margin: 0;
	padding: 0;
	color: #CC0000;
}

.inforedbold {
	line-height:12px;
	text-align:left;
	font-size: 8pt;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: #CC0000;
}


/** Infosmall ist ein Paragraph mit kleinen Schrifttyp, klassisches Kleingedrucktes **/

.infosmall {
	line-height:12px;
	text-align:left;
	font-size: 8pt;
	font-weight: 100;
	margin:0;
	padding:0;
}

.infosmallred {
	line-height:12px;
	text-align:left;
	font-size: 8pt;
	font-weight: 100;
	margin:0;
	padding:0;
	color: #CC0000;
}


/** error, ok und waiting sind Status-Meldungen **/

.ok {
	color: #00CC00;
}

.waiting {
	color: #CC0000;
}


/** markant ist eine groessere Schriftart **/

.markant {
	text-align: left;
	font-size: 12pt;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.markantred {
	text-align: left;
	font-size: 12pt;
	font-weight: 600;
	margin: 0;
	padding: 0;
	color: #CC0000;

}

.error {
	vertical-align: super;
	font-weight: bold;
	color: #CC0000;
	padding-left:1px;
}

span.hochtext {
	font-size: 7pt;
}