﻿/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BODY<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
body 
{
   background-color:    #ffffff;
   color:               #000000;
   font-family:         "Verdana", "Arial", "Sans-Serif";
   margin:              10px 0px 10px 0px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>HEADER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#topimg
{
   background-image:    url(images/topimg.png);
   background-repeat:   no-repeat;
   height:				7px;
   margin:              auto;
}

#header
{
   background-color:	#ad1a1a;
   height:              175px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
#menu
{
   font-size:			11px;
   float:				left;
   position:			relative;
   top:					105px;
   left:				65px;
   background-image:    url(images/menu.png);
   background-repeat:   no-repeat;
   width:              	531px;
   height:              59px;
   padding-left:		10px
}

#menu ul
{
	margin: 			0px 0px; 
	padding:            0px;
}

#menu ul li
{ 
	list-style: 		none;
	float: 				left;
	font-weight:        bold;
	position: 			relative;
	padding: 			0px;	
	width:				122px;
	height:				30px;
	margin-right:		10px;
}

#menu ul li a
{
   color:               #ffffff;
   text-decoration:     none;
   display: 			block;
   width:               100%;
   padding: 			8px 0px 0px 0px;
}

#menu ul li a:hover
{
   color:               #000000;   
   text-decoration:     none;
}

#menu ul li.selected a
{
   color:               #000000;
}

#menu ul, #subnavigation ul
{
	margin: 			0px 0px 20px 0px; 
	padding:            0px;
}

#subnavigation ul li
{ 
	list-style: 		none;
	float: 				left;
	position: 			relative;
	margin-right:		15px;
	font-weight:        bold;
	font-size:			0.9em;
}

#subnavigation ul li.selected a
{
   color:               #000000;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FOOTER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#footimg
{
   background-image:    url(images/footimg.png);
   background-repeat:   no-repeat;
   height:				7px;
   margin:              auto;
}

#footer
{     
   background-image:    url(images/footer.png);
   background-repeat:   no-repeat;
   font-size:           0.7em;
   height:              24px;
   line-height:         1.2em;
   padding:             25px 20px 0px 75px;
   margin-bottom:		10px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CONTENT PLACEHOLDERS<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#outercontainer
{
   margin:              auto; 
   width:               824px;         
}

#container
{
   background-image:    url(images/background.gif);
   background-repeat:   repeat-y;
   padding:				0px 7px 0px 7px;
   margin:              auto; 
   width:               810px;         
}

#innercontainer
{
   border:              1px solid #812b1f;   
   margin:              auto; 
   width:               810px;         
}

#content
{     
   background-image:    url(images/border.png);
   background-repeat:   no-repeat;
   font-size:           0.8em;
   line-height:         1.4em;   
   padding:             50px 30px 30px 30px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>HTML-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
a
{
   color:               #af2323;
}

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

img
{
   border:              0px;
}

h1
{
   font-family:         "Garamond", "Times New Roman", "Sans-Serif";
   font-size:           1.3em;
   font-weight:         bold;
   margin:              30px 0px 0px 0px;
   padding:             0px 0px 20px 15px;
   background-image:    url(images/heading.png);
   background-repeat:   no-repeat;
}

h2
{
   font-family:         "Garamond", "Times New Roman", "Sans-Serif";
   color:               #000000;
   font-size:           1.15em;
   margin:              20px 0px 10px 0px;
   padding:             0px;
}

form
{
   padding:             1px 10px 10px 10px;
   background-color:    #aaaaaa;
   margin:				0px;
   -moz-border-radius:	8px;
}

input
{
   background-color:    #ffffff;
   border:              1px solid  #dcdcdc;  
   font-family:         "Verdana", "Arial", "Sans-Serif";
   font-size:           0.9em;
}

table, tr
{
   padding:             0px;
   border-collapse:     collapse;   
}

th, td
{
   padding:             3px 10px 3px 10px;
   margin:              0px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CUSTOM-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */ 
#welcome_header
{
   font-family:         "Garamond", "Times New Roman", "Sans-Serif";
   font-size:           1.8em;
   margin:             	20px 0px 7px 0px;
}

#welcome
{
   font-family:         "Garamond", "Times New Roman", "Sans-Serif";
   margin:             	0px 0px 20px 0px;
}

#sidebar
{
	font-size: 			10px;
	background-image:	url(images/sidebar.png);
	background-repeat:  no-repeat;
	float:				right;
	margin:				0px 0px 0px 30px;
	padding:			10px 10px 20px 30px;
	width:				168px;
	line-height:        1.3em;
}

.box
{
	background-color:	#ecebeb;
	padding:			15px;
	margin-bottom:		15px;
	width:				480px;
	min-height:			185px;
}

.frame
{
   border:				3px solid #a4a4a4;
   float:				right; 
   margin: 				0px 0px 20px 20px;
}

.mitarbeiter
{
   border:				3px solid #a4a4a4;
   margin: 				5px;
}

.left
{  
   float:               left;
   text-align:			center;
}

.right
{  
   float:               right;
}

.bold
{
   font-weight:         bold;
}

.red
{
   color:               #ad1a1a;
}
