/**
 * standard.css
 **
 * standard css file for uhrmacher.de
 **
 * @author Holger Janßen (webdesign(at)holgerjanssen(dot)de)
 * @version $Revision: 1.1.2.1 $
 **/


/** general layout **/

body {
	background-color: #669999;
	margin: 0px;

	font-size: 12px;
	padding: 10px;
}


/***************************** Header *****************************************/
#header1 {
	background-color: #357070;
	
	width:  100%;
	height: 30px;

	left: auto;
	right: auto;

	margin: 0px;
}

#header2 {
	background-color: #9FD0D0;
	margin: 0px 0px 5px 0px;

	width:  100%;
	height: 30px;
}


div.h1_left {
	float: left;
	margin: 0px 0px 0px 5px;
	color: #f0f0f0;
	font-size: 16px;
	font-weight: bold;
}

div.h1_left a:link, div.h1_left a:visited, div.h1_left a:active {
	color: #f0f0f0;
	text-decoration: none;
}


div.h2_left {
	float: left;
	margin: 10px 0px 2px 10px;
}

div.h2_left a:link, div.h2_left a:visited, div.h2_left a:active {
	text-decoration: none;
}

div.h2_left a:hover {
	text-decoration: underline overline;
}

div.h1_entry {
	float: right;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	margin: 8px 5px 1px 5px;
	color: #ffffff;
}

div.h1_entry a:link, div.h1_entry a:visited, div.h1_entry a:active {
	text-decoration: none;
	font-style: normal;
	/* color: #9FD0D0; */
	color: #f0f0f0;
}

div.h2_entry {
	float: right;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	margin: 8px 5px 1px 5px;
}

div.h2_entry a:link, div.h2_entry a:visited, div.h2_entry a:active {
	text-decoration: none;
	font-style: normal;
	color: #000000;
}



/**************************** body *********************************************/
#body {
	background-color: #9FD0D0;

	margin: 5px 0px 5px 0px;

	width: 100%;
	height: auto;

	padding-top: 5px;
	padding-bottom: 5px;
	
	/* overflow: hide; */
}


#left {
	float: left;
	width: 140px;
	overflow: hidden;

	margin-left: 5px;
	margin-right: 5px;	
}

#right {
	background-color: #cccccc;
	
	margin-left: 155px;
	margin-right: 5px;

	min-height: 170px;
	
	padding: 10px;
}


/***************************************** footer ****************************************/
#footer {
	background-color: #9FD0D0;

	width:  100%;
	height: 15px;

	margin: 5px 0px 0px 0px;

	font-size: 80%;
}

#footer_left, #footer_right, #footer_center {
	margin: 1px;
}

#footer_left {
	float: left;
	width: 150px;
	text-align: left;
}

#footer_right {
	float: right;
	width: 150px;
	text-align: right;
}

#footer_center {
	width: auto;
	text-align: center;
}


/****************************************** module boxes *********************************************/
div.module {
	margin-top: 10px;
	margin-bottom: 5px;
	
	width: 140px;
	background-color: #cccccc;
	
	font-size: 10px;
	
	padding: 0px 3px 3px 3px;
	overflow: hidden;
}

div.module h2 {
	width: 100%;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	
	background-color: #357070;
	color: #f0f0f0;
	
	margin: 0px -3px 0px -3px;
}

div.module ul {
	font-size: 10px;
	margin: 2px 5px 2px 15px;
}


div.module input.text {
	margin: 2px 1px 2px 1px;
}

div.module input.button {
	font-size: 10px;
	font-weight:bold;
	
	padding: 1px 5px 1px 5px;
	margin: 0px;
}



/****************************************** for popup windows *****************************************/
div.popup {
	margin: 5px;
	padding: 5px;
	background-color: #cccccc;
}


/******************************************* general layout stuff ***********************************/

/** headlines **/
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, Sans-Serif;
}

h1 {
	font-size: 160%;
	font-weight: bold;
	
	margin: 0px 0px 20px 0px;
	
	text-align: center;
	color: #909090;
}

h1.withsub {
	margin-bottom: 0px;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	
	margin: 15px 0px 5px 0px;
	
	text-align: center;
	color: #a00000;
}

h2.sub {
	margin-top: 5px;
	margin-bottom: 20px;
}


h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}


/** text **/
p, li, td, th {
	font-family: Verdana, Helvetica, Sans-Serif;
}

p {
	margin: 5px 0px 5px 0px;
}

.center {
	text-align: center;
}

p.pages {
	text-align: center;
	font-weight: bold;
	word-spacing: 5px;
}

em.red {
	color: #c00000;
	text-decoration: none;
	font-style: normal;
}


ul.space li {
	margin-bottom: 8px;
}

/** links **/
a:link {
	color: #c00000;
}

a:active, a:visited {
	color: #900000;
}

a:hover {
	text-decoration: underline overline;
}

/** tabellen **/
table {
	empty-cells: show;
	font-size: 100%;
	border-spacing: 0px;
	margin: 5px 0px 5px 0px;
}

th {
	background-color: #357070;
	/* color: #9FD0D0; */
	color: #f0f0f0;
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	
	padding: 2px;
	margin: 0px;
	
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

td {
	padding: 2px;
	margin: 0px;
	
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
	vertical-align: top;
}

td.alt {
	background-color: #adadad;
}

th a:link, th a:visited, th a:active {
	color: #ffffff;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline overline;
}



div.min_height {
	height: 300px;
	width: 1px;
	float: right;
}

/* layouttabellen */
table.nocolor {
	border: 0px;
}

table.nocolor td, table.nocolor th {
	border: 0px;
}


/** formulare **/
label {
	line-height: 23px;
}


.text {
	font-size: 100%;
	border: 0px;
	background-color: #9FD0D0;
	color: #a00000;
	vertical-align: middle;
}

.button {
	font-size: 100%;
}

.checkbox {
	background-color: #9fd0d0;
	color: #a00000;
	
	border: 0px;
}

form {
	margin: 0px;
}


/** bilder **/
img { border: 0px;}


/** balken **/
hr {
	color: #a00000;
	background-color: #a00000;
	border: 0px;
	width: 100%;
	height: 2px;
}





/** navigation **/
ul.menu {
	padding: 0px;
	margin-top: 2px;
	list-style-type: disc;
}

ul.menu li {
	list-style-type: disc;
}

p.menu {
	margin-top: 2px;
	margin-bottom: 2px;
}

.menu a, .menu a:active, .menu a:link, .menu a:visited {
	color: #000000;
	text-decoration: none;
}

.menu a:hover {
	text-decoration: underline overline;
}

.menu a.active:link, .menu a.active:active, .menu a.active:visited {
	color: #ff0000;
}

ul.menu a.active_parent:active, ul.menu a.active_parent:link, ul.menu a.active_parent:visited {
	color: #600000;
}


/** speizielle absaetze **/
p.hansefooter {
	margin-top: 20px;
	color: #505050;
}

p.announce {
	border: 2px dotted red;
	padding: 2px;
}


p.links  {
	text-align: right;
}