/* Start of CMSMS style sheet 'me_aktuell' */
/* Allgemein begin */
body
{
 background: url(uploads/images/meex/bg.jpg);
 color: #333333;
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
 margin:0px;
}

p 
{ 
padding-bottom: 3px;
}

img
{
border:0px;
padding:0px;
margin:0px;
}

h1
{
font-size:16px;
color: #8fb60c;
border-left: 5px solid #8fb60c;
border-bottom: 1px solid #8fb60c;
padding-left:5px;
margin-bottom:10px;
}

ul,ol, li{
margin-left:20px;
margin-top:0px;
}

ul,ol { list-style:square }

li { padding: 1px; list-style:square}

h2, h3 
{
font-size: 14px;
color: #8fb60c;
}

div {
padding: 0px;
margin: 0px;
}

a:link, a:visited, a:active
{
color: #555555;
font-weight: bold;
text-decoration: none;
}
a:hover 
{
color: #000000;
}

#wrapper {
	width:940px;
	margin:0px auto;
	
	position:absolute;
left: 50%;
margin-left: -470px; /* negative Hälfte von width:700px */
top: 3%;
height: 666px;
}


#header_top
{
width: 940px;
padding:0px;
margin-top:10px;
height: 106px;
}

#header_bottom
{
background: url(uploads/images/meex/background.jpg);
width: 748px;
padding:0px;
height:  214px;
margin-bottom:10px;
}

#footerarea{
	padding-top:8px;
}

#header_navi
{
text-align: right;
padding-top: 5px;
padding-right: 25px;
color: #ffffff;
}
#content_table
{
padding-left: 15px; 
padding-right:15px; 
padding-bottom:10px; 
padding-top:10px; 
margin:0px;
}

#header_navi a:link, #header_navi a:visited, #header_navi a:active
{
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
#header_navi a:hover 
{
color: #acc2d0;
text-decoration: none;
}

#top_navi_container 
{
background:  url(uploads/images/meex/menu_bar.jpg) left top;
padding-top: 4px;
width: 978px;
height: 21px;
margin:0px;
}

#top_navi_container a:link, #top_navi_container a:visited, #top_navi_container a:active
{
color: #ffffff;
padding: 1px 1px;
display: block;
width: 220px;
float:left;
text-align: center;
border-left: 2px solid #ffffff;
font-weight: bold;
text-decoration: none;
}

#top_navi_container a:hover
{
color: #ffffff;
background:  url(uploads/images/meex/header_menu_hover.jpg) left top repeat-x;
text-decoration: none;
font-weight: bold;
}

#navibox
{
width:229px;
float: left;
display: inline;
}

#naviboxcontainer
{
width:229px;
}


#contentbox
{
width:711px;
float: left;
}

#contentboxcontainer
{
width:711px;
}
#contentarea_middle
{
background: url(uploads/images/meex/contentarea_middle.jpg) left top repeat-y;
width:939;
float: left;
display: inline;
}
#contentarea{
background: url(uploads/images/meex/middle.jpg) left top repeat-y;
padding:4px 10px 2px 16px;
width:951px;
float: left;
display: inline;
}

#contentarea_top
{
background: url(uploads/images/meex/contentarea_top.jpg) left top no-repeat;
width:939px;
min-height:300px;
height:100%;
}

#contentarea_bottom
{
background: url(uploads/images/meex/contentarea_bottom.jpg) left top no-repeat;
width:949px;
height: 28px;
}

.paddingcontainer2 {
padding:12px;
padding-top:20px;
padding-right:20px;
}

.paddingcontainer {
padding:22px;
padding-right:30px;
}
 

#box
{
background: url(uploads/images/meex/middle_middle.jpg) left top repeat-y;
width:180px;
float: left;
margin-right:9px;
}
#box1_top
{
background: url(uploads/images/meex/buro_schule_top.jpg) left top no-repeat;
width:180px;
float: left;
height: 45px;
}
#box2_top
{
background: url(uploads/images/meex/computer_header.jpg) left top no-repeat;
width:180px;
float: left;
height: 45px;
}
#box3_top
{
background: url(uploads/images/meex/internet_header.jpg) left top no-repeat;
width:180px;
float: left;
height: 45px;
}
#box4_top
{
background: url(uploads/images/meex/grafik_header.jpg) left top no-repeat;
width:180px;
float: left;
height: 45px;
}

#box1_bottom
{
background: url(uploads/images/meex/buro_schule_bottom.jpg) left top no-repeat;
width:180px;
float: left;
height: 31px;
}
#box2_bottom
{
background: url(uploads/images/meex/computer_bottom.jpg) left top no-repeat;
width:180px;
float: left;
height: 31px;
}
#box3_bottom
{
background: url(uploads/images/meex/internet_bottom.jpg) left top no-repeat;
width:180px;
float: left;
height: 31px;
}
#box4_bottom
{
background: url(uploads/images/meex/grafik_bottom.jpg) left top no-repeat;
width:180px;
float: left;
height: 31px;
}


#boxcontainer
{
padding-left:20px;
padding-right:10px;
padding-top:5px;
font-weight:normal;
text-decoration: none; 
height:138px;
float:left;
}

#buttoncontainer
{
text-align: right;
padding-right:14px;
}

#clear { clear: both; }

#banner_header_text
{
color: #333333;
font-size:11px;
text-align:left;
padding-left:4px;
font-weight:bold;
height:324px;
}
#banner_middle_text
{
color: #333333;
font-size:11px;
text-align:left;
padding:4px;
font-weight:normal;
}
#banner_bottom_text
{
color: #EA5A00;
font-size:11px;
text-align:left;
padding:4px;
padding-top:9px;
font-weight:bold;
}

#footer
{
background: url(uploads/images/meex/bottom.jpg) left top repeat-x;
width: 978px;
color: #FFFFFF;
text-align:center;
font-weight:bold;
font-size:14px;
height:27px;
margin:8px 1px -18px -16px;
padding-top:3px;
}
#footer a:link, #footer a:visited, #footer a:active
{
color: #ffffff;
font-size:14px;
font-weight: bold;
text-decoration: none;
}


#contentwrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:921px;
	height:560px;
	margin-top:-280px;
	margin-left:-466px;
}
/*
#contentwrapper {
	position:absolute;
	left:50%;
	width:921px;
	margin-left:-466px;
	margin-top:20px;
}
*/
#space {
	height: 10px;
}
.space2 {
	height: 23px;
}
/* Allgemein end */



/* Navigation begin*/
#navibuttons, #navibuttons ul { 
   list-style: none; 
   margin-right: 0px; 
   padding: 0px; 
   position: absolute; 
   right:0px;
   top: 0px; 
   display: block; 
}

#navibuttons a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #000000;
}

#navibuttons li { 
	margin: 5px;
   margin-left: -1px;
   width: 200px;
   height:40px;
   float: left; 
}

#navibuttons2, #navibuttons2 ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   position: absolute; 
   top: 60px; 
   right:0px;
   display: block; 
}

#navibuttons2 a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #000000;
}

#navibuttons2 li { 
   margin-left: -1px;
   margin: 5px;
   width: 200px;
   height:40px;
   float: left; 
}

li.buerobutton { background: #333333 url(images/button_blau.jpg) left top no-repeat;}
li.edvbutton { background: #333333 url(images/button_orange.jpg) left top no-repeat;}
li.webbutton { background: #333333 url(images/button_rot.jpg) left top no-repeat;}
li.handybutton { background: #333333 url(images/button_violett.jpg) left top no-repeat;}

/* Navigation end */	

/* Header begin */
#refercontainer
{
height:197px;
}

#navi_container
{
text-align: left;
}

#navi_container a:link, #navi_container a:visited, #navi_container a:active
{
color: #ffffff;
margin-left: 30px;
padding: 5px 5px;
font-size:14px;
font-weight: bold;
text-decoration: none;
}

a.web:hover
{
background: #df173c;
text-decoration: none;
font-weight: bold;
}

a.buero:hover
{
background: #0068b1;
text-decoration: none;
font-weight: bold;
}

a.edv:hover
{
background: #e85c0f;
text-decoration: none;
font-weight: bold;
}

.web
{
color: #df173c;
}

.webcontainer h2
{
color: #df173c;
}

.webcontainer hr
{
color: #f9d1d8;
background: #f9d1d8;
border-color: #f9d1d8;
border-style: solid;
height: 1px;
width: 620px;
}

.webcontainer h1
{
color: #df173c;
border-left: 5px solid #df173c;
border-bottom: 1px solid #df173c;
padding-left:5px;
margin-bottom:10px;
}

.edvcontainer h2
{
color: #e85c0f;
}

.edvcontainer h1
{
color: #e85c0f;
border-left: 5px solid #e85c0f;
border-bottom: 1px solid #e85c0f;
padding-left:5px;
margin-bottom:10px;
}

.edvcontainer hr
{
color: #f5d3c0;
background: #f5d3c0;
border-color: #f5d3c0;
border-style: solid;
height: 1px;
width: 620px;
}

.druckcontainer h2
{
color: #8519d1;
}

.druckcontainer h1
{
color: #8519d1;
border-left: 5px solid #8519d1;
border-bottom: 1px solid #8519d1;
padding-left:5px;
margin-bottom:10px;
}

.druckcontainer hr
{
color: #dec2f2;
background: #dec2f2;
border-color: #dec2f2;
border-style: solid;
height: 1px;
width: 620px;
}

#box_right
{
background: url(uploads/images/meex/banner_right_middle.jpg) left top repeat-y;
width:180px;
float: left;
height: 442px;
}
#box_right img {
border:0 none;
margin:2px;
padding:0;
}
#box_right_top
{
position: relative;
background: url(uploads/images/meex/banner_right_top.jpg) left bottom no-repeat;
width:180px;
float: left;
height: 5px;
}
#box_right_bottom
{
position: relative;
background: url(uploads/images/meex/banner_right_bottom.jpg) left top no-repeat;
width:180px;
float: left;
height: 6px;
}

/* End of 'me_aktuell' */