/**** LINK-tag style sheet basic.css ****/

/* josi - 10.11.2005 */


body 			
{      	
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
background-color: #f7f6f4;
}

h1, h2, h3			
{ 
padding: 0;
margin: 0;		
}
h1			
{ 
font-size: 108%;		
}
h2			
{ 
font-size: 101%;		
}
h3			
{ 
font-size: 101%;		
}

h4			
{ 
font-size: 100%;		
}

br			
{ 
padding: 0;
margin: 0;		
}
p
{ 
margin: 0;
padding: 0;		
}

a 	
{  	
color: #000;
}

a:hover 
{ 	
color: #d50607;
}
/* ******************  weiss  *************** */

.default	{  	background-color: #fff;
				color: #000;
				}
/* ******************** Haupttabelle ******************************/

#base 			
{  		
width: 56em;	
}
/* ******************** Headzeile mit usernavigation ******************************/

#logo    
{
padding: 0;
margin: 0;
}
	
#usernavi  		
{  		
font-size: 65%;	
font-weight: bold;
padding: 10px 0;
margin-bottom: 68px;
display: block;
}
#usernavi a 
{
text-align: center;
color: #000;
text-decoration: none;
padding: 0 14px;
}

/* ************** die drei hauptspalten **************** */

#links 			
{  		
border-right: 1px solid #d1d2d4;	
border-left: 1px solid #d1d2d4;
border-bottom: 5px solid #adaeae;
background: #f3f6f9;
width: 250px;
font-size: 68%;
}

#mitte         
{   	
border-right: 1px solid #d1d2d4;
border-bottom: 5px solid #adaeae;
background: #fafbfc;
font-size: 71%;
width: 100%;
}

#rechts 		
{
}

/* ********************* layoutelemente lines und boxen partiell einsetzbar ************************** */

#pageTop	
{
clear: both;  	
padding: 0;
margin: 0;
}
#pageTop a	
{
display: block;
padding: 0 25px 10px;
margin-bottom: 10px;
}

#pageTitle	
{
clear: both;  	
padding-left: 25px;
height: 69px;
font-weight: bold;
color: #808893;
}
#pageTitle h1	
{
padding-top: 34px;
font-weight: bold;
color: #808893;
}
#content	
{
clear: both;
padding: 10 0;
margin: 0;
line-height: 150%;
background: #fff;
border-bottom: 1px solid #e1e2e4;
border-top: 1px solid #e1e2e4;
}

#content h1	
{
margin: 5px 0;
}
#content h2		
{ 
}
#content h3		
{ 
}
#content h4		
{ 
color: #7d7d7d;
}

.copy	
{
clear: both;  	
padding: 0px 25px;
line-height: 150%;
}
.copy p		
{ 
padding: 5px 0;
margin: 5px 0;
}
.copy ul		
{     	
list-style: square outside;
padding: 3px 0px 3px 8px;
margin: 3px 0px 3px 8px;
line-height: 140%;
}

.copy img		
{     	
padding-bottom: 10px;
}

.copy .boxfont		
{     	
font-size: 100%;
}

#pageBottom	
{
clear: both;  	
padding: 10px 25px;
height: 15px;
}
#pageBottom a	
{
}


.teaserBlock,
.teaserBlockR
{
clear: both;
width: 100%;
margin: 0;
padding: 10 0;
}
.teaserBlock .teaserImg
{
float: left;
width: 90px;
}

.teaserBlock .teaserText
{
display: block;
padding-left: 90px;
padding-right: 25px;
}

.teaserBlockR .teaserImg
{
float: right;
text-align: center;
width: 90px;
padding: 5px 0;
}

.teaserBlockR .teaserText
{
display: block;
padding-right: 90px;
padding-left: 25px;
}
.newLineBorder	
{
display: block;
clear: both;   	
border-bottom: 1px solid #dfe1e4;
}


/* *********************** sonderboxen am stueck ********************* */
.box			
{   
border: 1px solid #c7c8ba;
margin: 0px;
padding: 0px;
}
.boxframe			
{   
border-top: 1px solid #c7c8ba;
border-right: 1px solid #c7c8ba;
border-bottom: 1px solid #c7c8ba;
margin-bottom: 10px;
padding: 0px;
background-color: #e6e7e7;
}
.boxcontent		
{  	
padding: 15px 10px;
font-size: 60%;
}

.boxcontent p	
{  	
margin-bottom: 5px;
}
.boxlink		
{  	
color: #D50607;
}

.error	
{	
color: #e10000;
background-color: #fefdf9;
border: 1px solid #deddd9;
padding:0px;
}
.error_font   		
{	
color: #e10000;
}




/* ***************hauptnavigationen*************** */



#navi td 	
{  	
width: 33%;
}


#navi a  	
{  
background-color: #e6e7e7;
color: #7d7d7d;
display: block;
font-weight: bold;
font-size: 12px;
padding: 8px 0px 8px 0px;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-right: 1px solid #fff;
border-left: 1px solid #c7c8ba;
border-bottom: 1px solid #c7c8ba;
}


#navi a:hover,
#e1 #me1 a,
#e2 #me2 a,
#e3 #me3 a   	
{  	
color: #4f4f4f;
background: #c9d5e4;
}
/* ******************  menue navigation *************** */
#mood         	
{
clear: both;
padding: 0;
margin: 0;
font-size: 0;
width: 250px;
border-bottom: 1px solid #fff;
border-top: 1px solid #d1d2d4;
}
#mood img        	
{
border-width: 0;
margin: 0;
padding: 0;
}

#menue          	
{
padding: 0;
margin: 0;
border-bottom: 1px solid #fff;
}

#menue h1	
{ 	        	
font-weight: bold;
color: #4f4f4f;
background: #c9d5e4;
padding: 8px 0 8px 45px;
margin: 0;
border-bottom: 1px solid #c7c8ba;
}

#menue a,
#menue span             
{       	
display: block;
padding: 8px 0 8px 45px;
margin: 0;
text-decoration: none;
font-weight: bold;
background: #e0e7f0;
color: #4f4f4f;
border-top: 1px solid #fff;
}

#menue a:hover   	
{			
color: #000;
background: #f7f9fb;
}
.menueBox			
{   
border-bottom: 1px solid #c7c8ba;
margin: 0;
padding: 25px 8px 25px 45px;
}

.menueBox p			
{   
margin-bottom: 5px;
}
/* ******************  menue subebene navigation *************** */
								
#menue .submenue       
{				
padding: 0;
margin: 0;
font-size: 98%;
border-bottom: 1px solid #d1d2d4;
border-top: 1px solid #d1d2d4;
}



#menue .submenue a               
{      
display: block;
font-weight: normal;
padding: 8px 0px 8px 50px;
margin: 0;
text-decoration: none;
color: #6f6e69;
background-color: #f6f9fe;
border-bottom: 1px solid #fff;
}

#menue .submenue a:hover   	
{	
color: #000;
background-color: #f9fcff;
border-bottom: 1px solid #fff;
}								
								


/* *********************** formularelemente ********************* */
.input 			{  	font-size: 11px;
				background-color: #fff;
				border-right: 1px solid #dfded9;
				border-top: 2px solid #afaea9;
				border-left: 2px solid #afaea9;
				border-bottom: 1px solid #dfded9;
				width: 80%;
				padding: 3px;
				margin: 2px 0px 1px 0px;
				}
.select 		{  	font-size: 11px;
				background-color: #fff;
				border-right: 1px solid #dfded9;
				border-top: 2px solid #afaea9;
				border-left: 2px solid #afaea9;
				border-bottom: 1px solid #dfded9;
				padding: 0px 0px 0px 0px;
				margin: 2px 0px 1px 0px;
				}
.relwidth	{	width: 90%;
				}

.suchinput 		{  	font-size: 11px;
				background-color: #fff;
				border-right: 1px solid #dfded9;
				border-top: 2px solid #afaea9;
				border-left: 2px solid #afaea9;
				border-bottom: 1px solid #dfded9;
				padding: 0px 2px 0px 2px;
				margin: 2px 0px 1px 0px;
				}

.button		{   text-align: center;
				font-size: 9px;
				letter-spacing: 1px;
				white-space: nowrap;
				font-weight: bold;
				padding: 1px 3px 1px 3px;
				cursor: hand;
				border-left: 1px solid #ccc;
				border-right: 1px solid #999;
				border-bottom: 1px solid #666;
				border-top: 1px solid #ddd;
				margin: 0px;
				}


.imgbutton	{  	margin: 1px 1px 1px 1px;
               		border: 0px solid none;
               		cursor: hand;
				}



/* *********** Redaktion  ************ */

.tab-hinter {   background-color: #fff;
		border-right: 1px solid #c7c8ba;
		border-left: 1px solid #c7c8ba;
		margin: 0px;
	        padding: 5px;
             }

.paging	     { 	font-size: 11px;
	        line-height: 14px;
	        font-weight: normal;
	     }
	     
.pagingoff   { 	font-size: 11px;
	        line-height: 14px;
	        font-weight: bold;
	     }

.active a  { 	font-size: 11px;
		font-weight: bold;
		background-color: #CAD4D3;
		color: #000;
		display: block;
		padding: 6px 0px 6px 0px;
		text-align: center;
		text-decoration: none;
		border-right: 1px solid #fff;
		border-left: 1px solid #c7c8ba;
		border-bottom: 1px solid #c7c8ba;
					}
.active a:hover  {color: #000;}

.inactive a  {  font-size: 11px;
		font-weight: bold;
		background-color: #808893;
		color: #000;
		display: block;
		padding: 6px 0px 6px 0px;
		text-align: center;
		text-decoration: none;
		border-right: 1px solid #fff;
		border-left: 1px solid #c7c8ba;
		border-bottom: 1px solid #c7c8ba;
	     }

@media print
{

#links, #rechts, #navi
{
display: none;
}

#mitte
{
border-width: 0;
}

}