@charset "utf-8";
/* ==========================================
Stylesheet zur Formatierung am Bildschirm
Datei: monitor.css
Datum: 090728
Autor: creativwerk  
=================================== */



@media screen { 

/* ======================================
   1. Allgemeine Styles
   ====================================== */

*  {padding:0; margin:0;}

html,body{
	margin: 0; 
	padding: 0; 
	background-color: #fff; 
	color: #666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100.01%;

} 
   
.clearing { clear:both; }
.clearleft {clear:left;}

img {border:none;}

/* textformatierung */

h2, h3, p { padding:5px 20px;}
h1 { font-size: 30px; font-weight: lighter; color: #990000; padding:15px 0 0 0;}
h2 { font-size: 24px; font-weight: lighter;color: #990000; padding:15px 0 0 0;}
h3 { font-size: 18px; font-weight:bold;}
h4 { font-size: 18px; font-weight: lighter;}
h5 { font-size: 12px; font-weight: lighter;}
p { font-size:12px; line-height:130%;}
td {padding: 0; margin:0; background-color:#dedede;}

ul { line-height:150%; padding: 5px 25px; font-weight:bold; font-size:12px; line-height:160%;}
.p60 { font-size:60%;}
.ul60 { padding: 0 0 0 10px;
	font-size: 100%;
	line-height: normal; font-size:100%;
}
.td60 td{vertical-align:top; padding:2px;}

.p80 { font-size:80%;}
.p120 { font-size:120%;}
.ul15  {font-size:15px;}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #cc0000; } 
a:visited { color: #cc6666; }
a:hover, 
a:focus { border-bottom: 1px solid #d90000;}


/* Boxen */
#ticker{/*
	margin:5px auto 0 auto;
	width:96%;  
	background-color: #eee; 
	border-top: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	font-size:12px;
	text-align:center; */ visibility:hidden;
}
		   
#wrapper{
	margin:0px auto;
	width:96%;  
	background-color: #fff; 
	border:solid #CCCCCC 1px;
	background-image:url(../layout/higr_apfel.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#header {
   position: relative;
   padding: 0px 0px 0px 20px;
   font-size:14px;
}

	#header ul {
	position:absolute; left:270px; top: 2px; height:15px; margin-right:150px; font-size:11px; font-weight:lighter;  line-height:10px;}

	#header li { display: inline; padding:0;}
	#header a { color:#999999; padding:0px 5px; border-left: solid 1px #CCCCCC; text-decoration:none;  border-bottom:0;}
	#header a:hover { color:#cc0000; background-color:#eee; padding:0px 5px; border-left: solid 1px #fff; text-decoration:none; overflow:hidden; border-bottom:0;}
	
#menu1 {
	padding-left: -20px; padding-top:2px;
	margin-left:-20px;
	margin-right: 146px;
	color: #666;
	font-size: 14px;
	border-top: #CCCCCC solid 1px;
}
	#menu1 ol {margin:0; padding-left: 20px; padding-bottom: 3px; border-top:0;}

	ol#menu1 li { display:inline; }
	ol#menu1 span { padding: 4px 15px 0 0px; }
	ol#menu1 a { padding: 4px 0 0 23px; background:url(../layout/selectbox_o_kakerl.gif) left top no-repeat; border:none; }
	ol#menu1 a:hover { padding: 4px 0 0 23px; background:url(../layout/selectbox_m_kakerl.gif) left top no-repeat; border:none; }
	ol#menu1 a:active { padding: 4px 0 0 23px; background:url(../layout/selectbox_m_kakerl.gif) left top no-repeat; border:none; color:#990000; }
	
	
.menu1active { padding:0 0 0 10px; border:none;  color:#990000; }

#select_yes { margin:0 5px 0 5px; background-image:url(../layout/selectbox_m_kakerl.gif); background-position:top left; background-repeat:no-repeat;}
		
/* menu2 ausgelagert*/	

#menu3 { 
	float:left; 
	padding: 10px 5px 0 10px;
	width:165px;
	background-color: #fff;
 
}

#menu3 a { color:#990000; border:0;}

#menu3 ul { margin:0 0 0 0px; padding: 5px 1px 0px 15px; border:none; list-style:url(../layout/selectbox_o_kakerl.gif); }

	ul#menu3 li { color:#990000; padding:0 0 10px 0; }
	ul#menu3 a { color:#999;}
	ul#menu3 a:hover { color:#990000;}
	
	.menu3active { color:#990000; list-style:url(../layout/selectbox_m_kakerl.gif);}

/*
	ul#menu3 li { list-style-type:none; color:#999999; padding-top:5px; }
	ul#menu3 a {color:#999; padding: 5px 0 0 23px; background:url(../layout/selectbox_o_kakerl.gif) left top no-repeat; border:none; }
	ul#menu3 a:hover {color:#990000; padding: 4px 0 0 23px; background:url(../layout/selectbox_m_kakerl.gif) left top no-repeat; border:none; }
	ul#menu3 a:active {color:#990000; padding: 4px 0 0 23px; background:url(../layout/selectbox_m_kakerl.gif) left top no-repeat; border:none; color:#990000; }
	*/
		
#info { 
	float:right;
	width:180px;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	background-image: url(../layout/higr_info.jpg); background-repeat:repeat-y;
	border-left: 1px solid #ccc; border-bottom: 1px solid #dedede;

}
	#info div { padding: 5px; border-top:1px solid #CCCCCC;}
	#info h3 { font-size: 12px; font-weight:bold;}
	#info p { font-size: 12px;}
	#info a { background:none; border:none; color:#666;}
	#info a:hover { background:none; border:none; color:#990000;}
	.infoactive { background:#990000; color:#fff; font-weight:bold;}
	.infoweiss { background:#fff;}
  
#content {	border-top: solid #CCCCCC 1px;}
 
       #text { 
            margin-left: 195px;
            margin-right:180px;
			padding:10px;
            background-image:url(../layout/higr_text.jpg); background-repeat:repeat-x; 
       } 
	   
       #textleft { 
            margin-left: 0px;
            margin-right:180px;
			padding:10px 10px 10px 25px;
            background-image:url(../layout/higr_text.jpg); background-repeat:repeat-x; 
       } 
	   #text ol {padding: 5px 10px 5px 40px; font-size:12px; line-height:130%; }
	   #text li { margin: 2px; padding:5px 10px; background-color: #ebebeb;}
	   	   #textleft li { margin: 2px; padding:5px 10px; background-color: #ebebeb; font-weight:normal;}
	   
	   #linkintern { margin:0; padding:0; font-size:9px; background-color:none; border-bottom:solid 1px #CCCCCC;}
	#linkintern li {display:inline; background:none; border:none;}
	   #linkintern a {background-color:none; border:none;}

	   
	   
       /* IE CSS Hack by vbdesigns.de */
 
       * html #menu3 { 
            margin-right: -3px;
       } 
 
       * html #info{ 
            margin-left: -3px; 
       } 
  
       * html #text{ 
            margin: 0 180px 0 160px;
            display:inline-block;
			background-image:url(../layout/higr_text.jpg); background-repeat:repeat-x;
       } 
       * html #textleft{ 
            margin: 0 180px 0 0;
            display:inline-block;
			background-image:url(../layout/higr_text.jpg); background-repeat:repeat-x;
       } 
 
       /* Ende IE CSS Hack by vbdesigns.de */
	

#footer {
	margin:0 auto;
	width:96%; 
 	background-color:#eee;
	font-size:11px;
	border-bottom: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;

}  #footer ul { 
      text-align: center;
      padding: 2px 0 ;
	  margin: 0;
     
   }
    #footer li { display: inline; font-size: 80%; padding:0px; white-space: nowrap; }
    #footer a { color:#666; background-color:#eee; padding:0px 5px; border-left: solid 1px #CCCCCC; text-decoration:none;}
	#footer a:hover { color:#666; background-color:#ccc; padding:0px 5px; border-left: solid 1px #fff; text-decoration:none; overflow:hidden;}
	#footer li.address { padding:0px 5px; background-color:#eee;}
	
	/* ==================================== 
   3. Sonstige Styles 
   ==================================== */
  .minheight500 {   min-height: 520px;   height: auto !important;   height: 520px;} 
  .minheight250 {   min-height: 250px;   height: auto !important;   height: 250px;} 

} /* Ende @media - nicht löschen! */ 

/* ======================================= 
   E N D E  bildschirm.css 
   ======================================= */