/*----------------------------------------------------------------------------
StyleSheet MDK Homepage

Name: 				mdk_template_css
Datum: 				10.2009
Beschreibung: 		Globale und Typolight spezifische CSS
Author: 			ideeos.de
URL: 				http://www.ideeos.de

Index:
	$1 - Globale CSS Einstellungen
	$2 - Darstellungsoptionen Typolight CSS Formate
	$3 - Header
	$4 - Navigationen
	$5 - Footer
	$6 - Link Büchsenmacherei
	$7 - 
	$8 - 
	$9 - 
	
WICHTIG: Immer eine Sicherheitskopie der CSS-Datei erstellen, bevor Veränderungen durchegeführt werden.
----------------------------------------------------------------------------*/
/* $1 - Globale CSS Einstellungen
----------------------------------------------------------------------------*/
* { margin:0; padding:0;}
body { background: url(images/bg.png) repeat-x top left #000000; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:12px; line-height:1.2em; color:#333333; text-align:center}
select, checkbox{margin:3px 0 0 5px; padding:0px; border:none;}
input, textarea{-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color:#c5c3c2; padding:4px; color:#333333; border:1px solid #e4e4e4; margin:0 10px 10px 0; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
a img {border:none;}
a:hover img {border:none;}
div, p, li, object {margin:0; padding:0;}
ul{margin:0 0 0 10px; padding:0;}
a {text-decoration:underline; color:#333333}
a:hover{text-decoration:none; color:#990100}
h1 { font-size:16px; color:#990100; font-weight:normal; margin-bottom:12px; text-transform:uppercase;}
h2 { font-size:14px; color:#990100; font-weight:normal; margin-bottom:12px; text-transform:uppercase;}
h3 { font-size:13px; color:#990100; font-weight:normal; margin-bottom:12px; text-transform:uppercase;}
h3 a { text-decoration:none; color:#990100; text-transform:uppercase;}
h3 a:hover { text-decoration:underline; color:#333333; text-transform:uppercase;}
h4 { color:#990100; font-size:1em; margin-bottom:17px; text-transform:uppercase;}
/*----------------------------------------------------------------------------
 $2 - Darstellungsoptionen Typolight CSS Formate
----------------------------------------------------------------------------*/
.explanation{ font-size:11px}
.submit, .inputbutton {-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color:#000000; padding:4px; color:#FFFFFF; border:none; text-transform:uppercase; cursor:pointer}
.submit:hover, .inputbutton:hover {-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color:#000000; padding:4px; color:#990100}
p.error{ color:#990100; font-size:10px; background-color:#FFFFFF; padding:3px 12px 3px 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-align:center; font-weight:bold; margin:10px 0 10px 0;}
/*----------------------------------------------------------------------------
 $3 - Header
----------------------------------------------------------------------------*/
.mod_flash { margin:0; padding:0; background-color:#CCCCCC}
#swf_13{ margin:0; padding:0;}
/*----------------------------------------------------------------------------
 $4 - Navigationen
----------------------------------------------------------------------------*/
/* Footer Menü */
#footer div.mod_customnav{margin:0 auto;padding:0;float:left; text-align:center}
#footer div.mod_customnav ul{margin:10px 0 0 0;padding:0; text-align:center; width:980px}
#footer div.mod_customnav li{display: inline;margin:0;padding:0 5px 0 0; font-size:11px}
#footer div.mod_customnav li a{ color:#424242; text-decoration:none}
#footer div.mod_customnav li a:hover{ color:#626262}
#footer div.mod_customnav li.active {color:#626262; text-decoration:underline}
/*----------------------------------------------------------------------------
 $5 - Footer
----------------------------------------------------------------------------*/
#footer{margin:0 auto; text-align:center; line-height:18px; margin-bottom:30px}
#footer .inside{margin:0 auto; padding:0; text-align:center;}
/*----------------------------------------------------------------------------
 $6 - Link Büchsenmacherei
----------------------------------------------------------------------------*/
a #linkbuechsen {background:url(images/linkbuechsen.png) no-repeat right top;position:absolute;width:110px;height:100px;right:10px;top:-78px;z-index:4;}
a #linkbuechsen:hover{background-position:right bottom;top:0;right:10px;}