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

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); font-size:11px; background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; line-height:130%;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-align: left; text-indent: 0 }
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; 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: 98px }
#header    { background-image: url(../images/bg_header_tdmm.jpg); visibility: visible; margin: auto; position: inherit; top: 167px; width: 915px; height: 257px }
#tab     { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(/templates/magellan/images/bg_tab_tdm1.jpg); text-align: left; visibility: visible; margin: auto; padding: 0; top: 487px; width: 100%; height: 181px; vertical-align: top; background-repeat: no-repeat; float: left; }

#topright a { color: #30444b;}

#topleft a { color: #30444b;}



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

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

#content a {color: #6CA62C}

#line {
        width: 100%;
	height: 100%;
	float: left;
	background-image: url(../images/bg_line_home.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;
	line-height: 120%;
	visibility: visible;
	padding-left: 30px;
	width: 325px;
	min-height: 320px;
	float: left;
	vertical-align: top;
	margin-top: 25px;
	margin-bottom: 20px;
}

#main       { color: #59767b; font-size:11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; visibility: visible; margin-left: 355px; width: 470px; min-height: 320px; vertical-align: top; margin-top: 27px; }

#right        { color: #59767b; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; visibility: visible; left: 795px; width: 45px; float: left; vertical-align: top; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; }


/* ===============================
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-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: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
border:0;
border-color:none;
}

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

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

a:hover{
text-decoration:none;
}


h1,.componentheading{ font-size:14px; margin-bottom: 20px; color: #5a767c; line-height: 120%; vertical-align: top; margin-top: 10px; margin-left: 40px; }
h2,.contentheading{
font-size:12px;
color:#6ca62c;
}
h3{ font-size:12px; 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.8em 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*/ }

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

/* ===============================
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;
}

/* ===============================
SubMenu left
=============================== */
.moduletablesub{
padding:1px;
color: #54767C;
margin-bottom:4px;
}
.moduletablesub ul{
list-style: none;
margin: 0;
padding: 0;
}



/* ===============================
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_left a:link, a:visited, a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1F3D21;
text-decoration: underline;
	}
.moduletable_left a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #1F3D21;
	text-decoration: none;
	}

.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: 35px; top: 90px; float: left; margin-top: 90px; margin-right: 0px; margin-bottom: 0px; margin-left: 35px; }
	
	.moduletable_topnav{
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
		}

.moduletable_tour{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; text-align: left; width: 350px; padding: 0px; left: 35px; top: 90px; float: right; margin-top: 90px; margin-right: 0px; margin-bottom: 0px; margin-left: 35px; }
	
	.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; }



/* 1. Ebene */
ul {
    margin: 0;
    color: #000;
}

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;
}