/*  =========================================================

Datei: template.css
Media: screen 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Typ: Für sämtliche Unterbereiche magellan.de
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Datum: 09. September 2009
Autor: Matthias Kühl 
Web: www.magellan.de
                                   
1. Allgemeine Selektoren 
   - Block-Elemente
   - Inline-Elemente
                              
2. Layoutbereiche 
   - Topbereich
   - Kopfbereich/Logobereich
   - Loginbereich/Inhaltbereich
   - Fussbereich
   - Bottombereich   

3. Spezielle Seiten 
   - Formularelemente 
   
4. Joomla spezifische Angaben
   - Menü 
   - Module

========================================================== */



/* ===============================
1. ALLGEMEINE SEKTOREN
=============================== */


body  { background-image: url(../images/bg_site.jpg); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:120%; behavior:url(/templates/magellans/css/csshover.htc);}

* { padding: 0; margin: 0; }

#zentrierung       { margin: 0 auto; width: 915px; }


/* ===============================
Korrektur-Angaben NUR für den IE 
=============================== */

* html #bottom { /*IE6 only*/ margin-left: 15px;}
* html #topright { /*IE6 only*/ margin-right: 5px;}
* html #main { /*IE6 only*/ margin-left: 0px;}
*+ html #bottom { /*IE7 only*/ margin-left: 15px;}


/* ===============================
Block-Elemente 
=============================== */

td, tr   { text-indent: 0; border: 0px; }
th { text-align: left; text-indent: 0 }



/* ========================================
2. LAYOUTBEREICHE
========================================= */ 


/* ===============================
KOPFBEREICH
=============================== */

#search   { visibility: visible; top: 0; width: 100%; height: 30px; float: right; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin-bottom: 6px; }


#top   {
	margin-top: 10px;
	top: 10px;
	width: 100%;
	height: 19px;
	float: left;
}
#topleft    { color: #30444b; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; visibility: visible; margin: auto; padding-left: 25px; position: inherit; width: 200px; height: 19px; float: left }

#topright    { color: #30444b; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; visibility: visible; margin-right: 28px; position: inherit; width: 150px; height: 19px; float: right }

#logo {
	float: left;
	height: 72px;
	width: 200px;
	margin-top: 8px;
	margin-left: 18px;
}

#nav    { background-image: url(../images/bg_top.jpg); visibility: visible; margin: auto; position: inherit; top: 69px; width: 915px; height: 99px }


#topright a {color:#30444B;
}

#topleft a {color:#30444B;
}

/* ===============================
INHALTBEREICH 
=============================== */

#content    {
	width: 100%;
	height: 100%;
	float: left;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
}

#lines {
        width: 100%;
	height: 100%;
	float: left;
	background-image: url(../images/bg_lines.gif);
	background-repeat: repeat-y;
        vertical-align: top;
	margin-top: 20px;
        margin-bottom: 20px;

}

#left        {
	color: #59767b;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	padding-left: 0px;
	width: 205px;
	float: left;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 1px;
	min-height: 320px;
}


#main       {
	color: #59767b;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
        float: left;
	margin-left: 30px;
	min-height: 320px;
	vertical-align: top;
	margin-top: 25px;
	width: 415px;
}

#right        {
	color: #59767b;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	width: 180px;
	float: right;
	vertical-align: top;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(../images/bg_rightxx.gif);
	background-repeat: repeat-y;
	min-height: 320px;
	height: 100%;
	padding-left: 25px;
}




/* ===============================
FUSSBEREICH 
=============================== */


#footer    {
	background-image: url(../images/bg_footer.jpg);
	color: #59767B;
	visibility: visible;
	margin: auto;
	position: inherit;
	top: inherit;
	width: 100%;
	height: 133px;
	background-repeat: no-repeat;
}
#bottom    { visibility: visible; top: inherit; width: 100%; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #59767b; font-weight: normal; text-align: left; float: left; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: 30px; }


/* ===============================
3. Spezielle Seiten 
=============================== */

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}



/* ===============================
4. JOOMLA spezifische Angaben 
=============================== */

* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: .5em 0; 
}
li,dd { 
margin-left:.9em;
}
fieldset { 
padding:.5em; 
border:0;
border-color:none;
}

img { border: 0px; margin-left: -1px; }


a{text-decoration:underline;
	color: #6ca62c;}

a:visited, a:active{text-decoration:underline;
	color: #6ca62c;}

a:hover{
text-decoration:none;
}


h1,.componentheading{ font-size:0.1em; margin-bottom: 0px; color: #ffffff; line-height: 0%; vertical-align: top; margin-top: 0px; margin-left: 0px; display: invisible; }
h2,.contentheading{
font-size:1.2em;
margin-top: 15px;
margin-bottom: 15px;
color:#6ca62c;
}
h3{ font-size:1.0em; color: #6CA62C; font-weight: bold; }
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{
margin-bottom:1em;
padding:0 5px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }




/* ===============================
Menu 
=============================== */

.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

.contentpaneopen a:link, a:visited{ text-decoration: none; }
.contentpaneopen a:hover { text-decoration: underline; }



/* ===============================
SubMenu left sub = Nur für 1. Bereich
=============================== */

.moduletable_lefttop {
        padding:0px;
        margin-left:20px;
        margin-top: 5px;
        margin-bottom: 30px;}


.moduletablesub{
        padding:0px;
        color: #54767C;
        margin-bottom:0px;}

.moduletablesub span {
        list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;}


.moduletablesub ul{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;}

.moduletablesub li{
	margin-top: 1px;
	background-repeat: no-repeat;
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: inline;
	line-height: 180%;}


.moduletablesub li a{
	display: block;
	color: #456267;
	text-decoration: none;
	height: auto;
	margin:0px;
	padding-left: 20px;
	display: block;
	background-image: url(../images/bg_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;}


.moduletablesub li a:hover,a#active_menu:link,a#active_menu:visited{
	background-color: #A6CD1E;
	color: #ffffff;
	background-image: none;}


.moduletablesub li li a{
	display: block;
	color: #456267;
	text-decoration: none;
	height: 22px;
	margin:0px;
	padding-left: 20px;
	display: block;
	background-image: url(../images/bg_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;}


div.moduletablesub ul li a { display: none;}

div.moduletablesub ul li ul li a { display: block;}

div.moduletablesub ul li ul li a span{ display: block; text-decoration: none;}


/* ===============================
SubMenu left  kat = alle Unterbereiche
=============================== */


.moduletablekat{ padding:0px; color: #54767C; margin-bottom:0px;
}

.moduletablekat span {
                list-style: none;
		display: block;
		margin: 0px;
		padding: 0px;
}


div.moduletablekat ul li ul li a span { display: block; margin-left: 2px;}

ul.menukat li ul li.active a span {
  font-weight:bold; padding-right: 5px;
}


ul.menukat li ul li.active ul li a span {
	font-weight:normal;
	display: block;
	background-image: url(../images/bg_nav_list.gif);
	background-repeat: no-repeat;
	background-position: -22px center;
}

ul.menukat li ul li.active ul li a:hover span {
  font-weight:bold;
}

ul.menukat li ul li.active ul li.active a span { font-weight:bold;
	display: block; background-image: url(../images/bg_nav_list.gif); background-repeat: no-repeat;
	background-position: -22px center;
}

ul.menukat li ul li a {font-weight:bold;
	display: block; background-image: url(../images/bg_nav_list.gif); background-repeat: no-repeat;
	background-position: left center;
}

ul.menukat a:hover { font-weight:bold;}
ul.menukat #current ul li a:hover { font-weight:bold;}

ul.menukat li ul li a:hover { font-weight:bold;}


/* 1. Ebene */

.moduletablekat ul{
	list-style: none;
		display: block;
		margin: 0px;
padding-bottom: 10px;
		padding: 0px;

}

.moduletablekat li{
	margin-top: 1px;
	background-repeat: no-repeat;
	height: auto;
	margin: 0px;
	padding: 0px;
	display: inline;
	line-height: 180%;
}


.moduletablekat li a{
	display: block;
	color: #456267;
	text-decoration: none;
	height: auto;
	margin:0px;
	padding-left: 20px;
	display: block;
	background-image: url(../images/bg_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
}


.moduletablekat li a:hover,a#active_menu:link,a#active_menu:visited{
	background-color: #A6CD1E;
	color: #ffffff;
	background-image: none;
}

li.parent.active a {
	background-color: #A6CD1E;
	color: #ffffff;
	background-image: none;
}

li.parent.active ul li a {
	background-color: #ffffff;
	color: #A6CD1E;
	background-image: none;
        margin-right: 1px;
}



ul.menukat #current a  {
	font-weight: bold;
}

ul.menukat #current ul li a  {
	font-weight: normal;
}


div.moduletablekat ul li a { display: block;}

/* 2. Ebene */

.moduletablekat ul ul{
	list-style: none;
		display: block;
		margin: 0px;
		padding: 0px;
padding-bottom: 1px;
background-image: url(../images/bg_nav_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
}

.moduletablekat li li a{
	display: block;
        position: auto;
	color: #456267;
	text-decoration: none;
	height: auto;
	margin:0px;
	padding-left: 20px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
}



div.moduletablekat ul li ul li a { display: block;}

div.moduletablekat ul li ul li a:active span{ display: block; text-decoration: none; color: #ffffff;}

div.moduletablekat span{
        display: inline;
	background-image: none;
        height: auto;
	margin:0px;
        padding: 0px;
}



/* 3. Ebene */

ul#menukat li ul li ul{
	margin-left: 4px;
	display: block; background-image: url(../images/bg_nav_list.gif); background-repeat: no-repeat;
	background-position: left center;
	color: #456267; background-color: #A6CD1E;}

ul.menukat li.parent ul a{ margin-left: 4px; display: block; background-image: none; color: #456267; background-color: none; text-decoration: none; font-weight: normal;}

ul.menukat li.parent ul a:hover{ display: block;  background-color: none; text-decoration: none; font-weight: bold;}


/* 4. Ebene */


ul.menukat  li ul li ul li{
	text-indent: 8px;
	display: block; 
	color: #456267; }


/* NUR AKTIVE ZUSTÄNDE */

.menukat ul li.active a{ }

ul.menukat li li#current.parent ul a{
	margin-left: 4px;
	display: block; background-image: url(../images/bg_nav_list.gif); background-repeat: no-repeat;
	background-position: left center;
	color: #456267; }


li li.active a {
	margin-left: 4px;
	display: block; background-image: url(../images/bg_nav_list.gif); background-repeat: no-repeat;
	background-position: left center;
	color: #456267; }


/* ===============================
Module
=============================== */


.moduletable_tabs{
	padding:0;
	margin: 0px;
}

.moduletable_search{
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.inputbox_search {
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 24px;
	vertical-align: middle;
	background-image: url(../images/bg_search.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 5px;
	background-color: #526B70;
        padding: 2px;
}

.button_search {
	padding: 0;
	margin: 0;

}

.moduletable_lang{
	margin: 0px;
	}
.moduletable_lang a:link, a:visited, a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #314449;
	}
.moduletable_lang a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #314449;
	text-decoration: underline;
	}
	
.moduletable_nav{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 252px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #5a767c;
	}
.moduletable_nav a:link, a:visited {
	}
.moduletable_nav a:hover, a:active{
	}
	
	
	.moduletable_header{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; text-align: left; width: 350px; padding: 0px; left: 32px; top: 120px; float: left; margin-top: 120px; margin-right: 0px; margin-bottom: 0px; margin-left: 32px; }
	
	.moduletable_topnav{
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
		}
	
	.moduletable_topnav a,  a:link, a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #314449;
  text-decoration: none;
	}
        
  .moduletable_topnav a:hover {
	text-decoration: underline
	}
  .moduletable_topnav a:active {
	   font-weight: bold;
	}
	
	.mainlevel_topnav a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #314449;
  text-decoration: none;
	}

    .mainlevel_topnav a:hover{
	text-decoration: underline
	}

    .mainlevel_topnav a:active{
     font-weight: bold;
	
	}
	
.moduletable_left{ margin-left: 0px; margin-right: 80px; }
	
	.moduletable_footer{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
        line-height: 140%;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	

.moduletable_footer a, a:link, a:visited {color: #59767B; text-decoration: none;
	}
.moduletable_footer a:hover, a:active{color: #59767B; text-decoration: underline;
	}
	
.contentpane { vertical-align: top; text-align: left; margin: 0px; padding: 0px; }

.moduletable_subtop{ margin-left: 1px; margin-right: 0px; }

.contentpane { vertical-align: top; text-align: left; margin: 0px; padding: 0px; }




/* menu top */
/* 1. Ebene */
ul, ol {
    margin-left: 10px;
    color: #59767b;
}

ul#menu {
    list-style: none;
    text-align: left;
    margin-left: 252px;
}

ul#menu li {
    display: inline;
    float: left;
    margin: 0;
}

ul#menu li a {
    display: block;
    color: #59767b;
    text-decoration: none;
}

/* 2. Ebene */
ul#menu li ul {
    margin: 0;
    display: none;
    position: absolute;
    background: #ffffff;
    border-bottom: 6px solid #9bc01a;
    border-top: 5px solid #A6CE0B;
    width: 172px;
    padding: 10px 0;
}

ul#menu li:hover ul {
    display: block;
}

ul#menu li ul li {
    float: none;
}

ul#menu li ul li a {
    padding: 3px 15px 5px 15px;
    background: #ffffff;
    font-weight: normal;
    display: block;
    border-bottom: 1px solid #cccccc;
}

ul#menu li ul li:hover a {
    text-decoration: none;
    background: #9cc21d;
    color: #fff;
}

/* 3. Ebene */
ul#menu li ul li ul {
    position: absolute;
    left: 170px;
    top: 10px;
    padding: 0;
    margin: 0;
    border: 0;
    display: none !important;
}

ul#menu li ul li:hover ul {
    display: block !important;
}

ul#menu li ul li ul li a {
    color: #5A767C !important;
    background: #9cc21d !important;
}

ul#menu li ul li ul li:hover a {
    background: #9cc21d !important;
    color: #fff !important;
}

ul#menu li a#unternehmen {
    background: url(../images/unternehmen.jpg);
    width: 123px;
    height: 94px;
}

ul#menu li:hover a#unternehmen {
    background-image: url(../images/unternehmen_on.jpg);
}

ul#menu li.active a#unternehmen {
    background-image: url(../images/unternehmen_ac.jpg) !important;
}

ul#menu li a#leistungen {
    background: url(../images/leistungen.jpg);
    width: 123px;
    height: 94px;
}

ul#menu li:hover a#leistungen {
    background-image: url(../images/leistungen_on.jpg);
}

ul#menu li.active a#leistungen {
    background-image: url(../images/leistungen_ac.jpg) !important;
}

ul#menu li a#loesungen {
    background: url(../images/loesungen.jpg);
    width: 122px;
    height: 94px;
}

ul#menu li:hover a#loesungen {
    background-image: url(../images/loesungen_on.jpg);
}

ul#menu li.active a#loesungen {
    background-image: url(../images/loesungen_ac.jpg) !important;
}

ul#menu li a#aktuell {
    background: url(../images/aktuell.jpg);
    width: 122px;
    height: 94px;
}

ul#menu li:hover a#aktuell {
    background-image: url(../images/aktuell_on.jpg);
}

ul#menu li.active a#aktuell {
    background-image: url(../images/aktuell_ac.jpg) !important;
}

ul#menu li a#kontakt {
    background: url(../images/kontakt.jpg);
    width: 124px;
    height: 94px;
}

ul#menu li:hover a#kontakt {
    background-image: url(../images/kontakt_on.jpg);
}

ul#menu li.active a#kontakt {
    background-image: url(../images/kontakt_ac.jpg) !important;
}


/* ===============================
Tabellen #main
=============================== */

#tablinie { border-collapse: collapse; }
#tablinie td, #tablinie tr { padding: 5px;}
#tablinie th { border-bottom: 1px solid #59767B; padding: 5px;}
.tabliniel {
	border-right: 1px solid #59767B;
	padding: 5px;
}
.tabol {
	border-right: 1px solid #59767B;
	 border-bottom: 1px solid #59767B;
	padding: 5px;
}


#tabrand { border-collapse: collapse; }
#tabrand td, #tabrand th, #tabrand tr { border: 1px solid #59767B; padding: 5px;}

#tabohne { border-collapse: collapse; }
#tabohne td, #tabohne tr { border: 0px; padding: 5px;}
#tabohne th  { border-bottom: 1px solid #59767B; padding: 5px;}