
/*************************** Basisaufbau **************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 100%;
	
}

p {
margin-top:8px;
margin-bottom:8px;
margin-left:2px;
}

.head
{
	width:1000px;
}

#root
{
	width:1000px;
}


#i4mfunktionsleiste
{
	background-color: #fff;	
}

#hauptbereich {
	position:relative;
	top:1px;
	left:2px;
	float:left;
}

#head { height: 46px; width: 100%;  margin:0px;}


img.header 
{
float:left;
}

#downer    { width: 650px;  margin:0px 0px 0px 0px;}
#zeileoben { width: 100%;  }
#spalte1a  { font-size: 12px;width:185px;background-color: #7E7E7E; vertical-align: middle; padding:5px 5px 5px 10px;}

#inhalt_mitteaser {
	height:100%;	
	border-bottom:1px solid #FFFFFF; 
	width:560px;
	overflow:hidden;
}

#inhalt_ohneteaser {
	height:100%;	
	border-bottom:1px solid #FFFFFF; 	
}

.editor_mitteaser {
	width:560px;
}
.editor_ohneteaser {
	width:100%;
}
#xzone_ohneteaser {
	width:760px;
}
#xzone_mitteaser {
	width:auto;
}
#content
{
	font-size: 100%;
}

#content h1
{
	color:#1C8A41;
	font-size: 1.7em;
	width:100%;
	border-bottom: 1px solid #363636;
}

#content h2
{
	font-size: 1.4em;
}

#content h3
{
	font-size: 1.2em;
	color:#363636;
}
	
#content h4
{
	font-size: 1em;
	color:#363636;
}

/*************************** allgemeine Designelemente **************************/


.suchfeld
{
	width:148px;
	float:left;
}

.suchbutton
{
	float:left;
	margin-left:5px;
}

#totop{
	clear:both;
	width:auto;
	COLOR: #1E729C;
	text-align: left;
	font-size:75%;
	border-top:1px solid #363636;
	text-align:right;
}

a {
	color:red;
	text-decoration:none;
	font-family: arial,verdana;

}

a.klickpfadtext {
	color:red;
	text-decoration:none;
	font-family: arial,verdana;
	font-size:75%;
}

a.klickpfaddelimiter {
	color:red;
	text-decoration:none;
	font-family: arial,verdana;
	font-size:75%;
}

a.klickpfadtext:hover {
	text-decoration:underline;
}

a.footer {
	color:red;
	text-decoration:none;
}

.footer:hover {
	text-decoration:underline;
}

.button {
	background-color:#EBEBEB;
	border: 1px solid #363636;
}

/*************************** globale Designelemente **************************/


hr { height: 1px; background-color:#000;border:1px solid #000;margin: 0px 0px 0px 0px; }


/*************************** Navigation **************************/

#hauptmenu {
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	height:auto;	
	float:left;
	font-size:85%;	
	padding:0px;
	margin-right:20px;
	overflow:hidden;
}

#ulmenu
{
position:relative;
	left:-25px;

}

#hauptmenu li.limenu1{
	margin:0px;
	padding-bottom:5px;
	padding-top:5px;	
	font-size:100%;
	list-style: none;
	background-image: url(/medienkompetenz/system/images/int_li_menue1.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left:15px;	
	border-bottom: 1px solid #363636;
	text-decoration:none;
	margin-right:-20px;
	
}

#hauptmenu li.limenu2{
list-style-type: square;
margin-left:-25px;	
color:red;
}

a.menu1:link, a.menu1:visited, a.menu1
{
	font-weight:bold;
	text-decoration:none;
	color:#4D4D4D;
}

a.menu1sel:link, a.menu1sel:visited, a.menu1sel
{
	font-weight:bold;
	text-decoration:none;
	color:red;
}

a.menu1:hover, a.menu1sel:hover
{
	text-decoration:underline;
	color: red;
}

a.menu2:link, a.menu2:visited, a.menu2
{
	font-weight:normal;
	text-decoration:none;
	color:#4D4D4D;
}

a.menu2:hover
{
	text-decoration:underline;
	color: red;
}

a.menu2sel:link, a.menu2sel:visited, a.menu2sel
{
	font-weight:normal;
	text-decoration:none;
	color:red;
}

 a.menu2sel:hover
{
	text-decoration:underline;
	color: red;
}


/*************************** ab hier Portal Solution **************************/

#teaserleiste {
	position:absolute;
	left: 577px;
	top: -1px;
	width: 188px;
	padding-bottom: 28px;	
}

#teaserleisteleft {
	width: 188px;
	margin-left:1px;
	padding-bottom: 28px;	
}

#teaserleiste h1, #teaserleisteleft h1{ 
	color: #fff; 
	width: 100%;
	background-color: #7E7E7E;
	font-size:1.2em;
	padding: 5px;
}

#teaserleiste .infobox, #teaserleisteleft .infobox {
font-size: 12px;
text-align: left;
margin: 0px;
}

#teaserleiste .infobox p, #teaserleisteleft .infobox p { 
margin: 5px; 

color:#363636;
}

#teaserleiste .infobox ul, #teaserleisteleft .infobox ul { 
padding:0px;
margin:5px;
margin-left:20px;
color:#363636;
}

#teaserleiste .infobox li, #teaserleisteleft .infobox li { 
list-style-type: square;
color:red;
}

#teaserleiste .infobox a, #teaserleisteleft .infobox a { 
	color: #4D4D4D;
	text-decoration:underline;
}

#teaserleiste .infobox a:hover, #teaserleisteleft .infobox a:hover { 
	color: red;
	text-decoration:underline;
}

.teaserleiste .infobox li:hover, .teaserleisteleft .infobox li:hover {
}

.aktuelles_headline {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  border-bottom: 1px dotted #777777;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:5px;
}

.aktuelles_subline {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:3px;
}

#aktuelles_headline a{
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  font-size:110%;
}

.xzone_edit {
  font-family: verdana, arial;
  font-size: 89%;
  color: #4D4D4D;
  font-weight: normal;
  line-height: 16px;
}

/*************************** ab hier Editor Styles **************************/

.main_headline {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  font-size:110%;
  border-bottom: 1px dotted #777777;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:5px;
}

.main_headline_NoRelativeTextSize {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  border-bottom: 1px dotted #777777;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:5px;
}

.main_subline {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  font-size:90%;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:3px;
}

.main_subline_NoRelativeTextSize {
  font-family: arial;
  font-weight: bold;
  color: #1c8a41;
  display:block;
  width:97%;
  margin-top:3px;
  margin-bottom:3px;
}

.editordefaultstyle
{
  font-family: Arial;
  font-size: 89%;
  color: #4D4D4D;
  font-weight: normal;
  line-height: 16px;
}

#editordefaultstyle img
{
  padding:3px;
}

.base_text {
  font-family: arialx;
  font-size: 89%;
  color: #4D4D4D;
  font-weight: normal;
  line-height: 16px;
}
.base_text_NoRelativeTextSize {
  font-weight: normal;
  color: #4D4D4D;
}

table.standard, table.blind {
  border: 0px;    
  width: 100%;
  font-family: verdana, arial;
}
table.gitternetz {
  border: 0px;    
  border-top: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
  width: 100%;
  font-family: verdana, arial;
}

th.standard,th.standard_fett,th.standard_hellgrau,th.standard_dunkelgrau {
  color: #FFFFFF;
  background-color: #B3B3B3;  
  font-weight: bold;
  border: 0px;    
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;
  vertical-align: top;  
}

td.standard {
  border-bottom: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  font-weight: normal;    
  line-height: 16px;
}

td.standard_fett {
  border-bottom: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;    
  vertical-align: top;
  color: #4D4D4D;
  font-weight: bold;    
  line-height: 16px;
}

td.standard_hellgrau {
  border-bottom: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;  
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  background-color: #F2F2F2;
  line-height: 16px;
}

td.standard_dunkelgrau {
  border-bottom: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;  
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  background-color: #E5E5E5;
  line-height: 16px;
}

th.gitternetz,th.gitternetz_fett,th.gitternetz_hellgrau,th.gitternetz_dunkelgrau {
  color: #FFFFFF;
  background-color: #B3B3B3;  
  font-weight: bold;
  border: 0px;    
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;
  vertical-align: top;  
}

td.gitternetz {
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  font-weight: normal;    
  line-height: 16px;
}

td.gitternetz_fett {
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;    
  vertical-align: top;
  color: #4D4D4D;
  font-weight: bold;    
  line-height: 16px;
}

td.gitternetz_hellgrau {
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;  
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  background-color: #F2F2F2;
  line-height: 16px;
}

td.gitternetz_dunkelgrau {
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-top: 0px;    
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 5px;  
  padding-right: 5px;     
  vertical-align: top;
  color: #4D4D4D;
  background-color: #E5E5E5;
  line-height: 16px;
}

th.blind,th.blind_fett,th.blind_hellgrau,th.blind_dunkelgrau {
  color: #FFFFFF;
  background-color: #B3B3B3;  
  font-weight: bold;
  border: 0px;    
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;    
  padding-right: 5px;
  vertical-align: top;  
}

td.blind {
  padding-top: 1px;
  padding-bottom: 2px;    
  vertical-align: top;
  color: #4D4D4D;
  font-weight: normal;    
  line-height: 16px;
}

td.blind_fett {
  padding-top: 1px;
  padding-bottom: 2px;
  vertical-align: top;
  color: #4D4D4D;
  font-weight: bold;    
  line-height: 16px;
}

td.blind_hellgrau {
  padding-top: 1px;
  padding-bottom: 2px;
  vertical-align: top;
  color: #4D4D4D;
  background-color: #F2F2F2;
  line-height: 16px;
}

td.blind_dunkelgrau  {
  padding-top: 1px;
  padding-bottom: 2px;
  vertical-align: top;
  color: #4D4D4D;
  background-color: #E5E5E5;
  line-height: 16px;
}

.eoinfobox {
	font-family: verdana, arial;
	background-color: #FFE699;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #FFCC33;
	color: #4D4D4D;
	line-height: 16px;
}

.eoinfoboxHeadline {
	font-weight: bold;
}

.eoinfoboxText {
	font-weight: normal;
}

.imgbox{
	width:1%;
	background-color:#B3B3B3;
	margin-top:   10px;	
	margin-left:  0px;	
	margin-right: 10px;	
	margin-bottom:35px;
}
.imgbox_image{
}
.imgbox_title{
	padding:3px;
}

.tbToolbar /*in4meta TextareaX*/
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial;
}

a.base_textlinks {
  color: red;
  text-decoration: none;
}

a.base_textlinks:hover {
  text-decoration: underline;
}

a.bullet_links {
	background-image:url(/medienkompetenz/system/images/bulletred.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	color: red;
	text-decoration: none;
}

a.bullet_links:hover {
	text-decoration: underline;
}

