@charset "UTF-8";
/*
Theme Name:              EDV-Services mgeuss by Andreas Hecht - http://www.the-netbrain.de
Theme URI:               http://www.mgeuss.de
Description:             This Theme is using XHTML 1.0 strict and CSS3
Layout going online:     17.11. 2009
Last Change:             17.11. 2009
*/
@import url(../css/forms.css);
@media screen, projection
{

/* -- - - - - - - Reset CSS - - - - - - - - - -- */

/* Meyer Reset v1.0 | 20080212. */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* forcing vertical scrollbars in Firefox */
html { height: 101% }

/*--- Fonts | Schriften ------------------------------------------------------------------------*/

html * { font-size: 100.01%; }
body { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 95.00%; color: #fff; background-color: #fff;}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#b88d53; margin: 0 0 0.4em 0; text-shadow: 1px 2px 3px #888}
h2,h3,h4,h5,h6 {font-family: Calibri, "Times New Roman", Times, serif; font-weight:normal; margin-top: 0.5em; margin-bottom: 0.7em; color: #b88d53}
h1 { font-size: 200%; } h2 { font-size: 170%; } h3 { font-size: 150%; } h4 { font-size: 140%; } h5 { font-size: 135%; } h6 { font-size: 120%; }

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl { line-height: 1em; margin: 0.7em 0 1em 0; color: #444}
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }
li { margin-left: 0.8em; line-height: 2em; }

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p { line-height: 1.5em; font-size: 1.030em; margin: 0 0 0.9em 0; color: #444 }
blockquote, cite,q {font-family: Cambria, Georgia, "Times New Roman", Times, serif; }
blockquote { margin: 0.3em 0 1em 1.6em; color: #666; background: #f9f9f9 url(../images/img08.jpg) no-repeat left top; padding: 5px 20px 0px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
strong,b { font-weight: bold; color: #000}
em,i { font-style: italic; }
acronym, abbr {border-bottom: 1px #aaa dotted;font-variant: small-caps;letter-spacing: .07em;cursor: help;}
hr {color: #fff;background:transparent;margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;border:0;border-bottom: 1px #4E4138 dotted;}
small {font-size: 85%; color: #eee; font-weight: bold;}

/*------------------Skiplinks und Header | Topnav and Header ----------------------------------------------*/

.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
header, hgroup, footer, nav, section, article { display:block; }
header, nav, #container, footer { overflow:hidden; }
#topnav { text-align:left; padding:3px 50px 0 0; }
#topnav span.navlinks { float:right;  }
#head { width: 100%; margin: 0; color: #fff; height: 110px; background: #998062 url(../images/bg-oben.jpg); border-top: 2px solid #322820; border-bottom: 2px solid #322820; margin-top: -4px; }
#head_wrapper { position: relative; height: 2.5em; width: 960px; margin: 0 auto;}
#head h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 30px; position: absolute; left: 150px; top: 40px; color: #ffe8c6;text-shadow: 1px 2px 3px #000}
#logo {background: url(../images/oben_logo.png) no-repeat; width: 100px; height: 82px; position: absolute; left: 10px; top: 15px;}
#topnav a { color: #fff; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus, #topnav a:hover, #topnav a:active { color: #000; text-decoration:underline; background-color: transparent; outline: 1px dotted #000 }

/*-------------------Der Seitenfuß | Footer ----------------------------------------------*/

#footer { background: #fff;position: relative; margin: 0 auto; max-width: 65em; min-width: 800px; height: 100px; clear:both; border-top: 1px solid #4E4138;}
#footer p { padding-top: 20px; color:#666; font-size: 85%}

/*---------------Hauptnavigation | Main Navigation, horizontal----------------------------------------------*/

#navmargins{ position:relative; height: 2em; background: #4E4138 url(../images/navi-bg.jpg) repeat-x;margin-top: -15px; padding:0}
#navigation { position: relative; height: auto; width: 980px; margin: 0 auto;}
#nav_main{width:100%;font-family: Arial, "Times New Roman", Times, serif; margin: 0 auto;text-transform: uppercase; text-shadow: none}
#nav_main li{list-style-type:none;margin:0;display:block;width:19%;float:left;text-align:left;height:2em;border-right:1px #000 solid;line-height:1.1em}
#nav_main ul li strong{display:block;padding:.5em .1em 1em .7em;margin:0;height:3.5em;text-decoration:none;background-image:none}
#nav_main ul li#current a{color:#000 !important;text-shadow:1px 1px 1px #fff}
#nav_main ul li#current a:hover{cursor:default}
#nav_main li a{display:block;padding:.5em .1em 1em 1em;text-decoration:none;color:#ffe8c6;background-image:none;height:2em; font-size: 75%; font-weight:bold;text-shadow: 1px 1px 1px #000}
#nav_main li a:hover{background-color:#cecece; color: #000}
#nav_main li{background-color:transparent}
#nav_main ul li#current{background-color:#cecece}
#nav_main li:hover a{color:#000;text-shadow: 1px 1px 1px #fff}
#nav_main li a:focus {outline: 1px solid #000; color: yellow}
/* Breadcrumbs are a Part of the Navigation */
#breadcrumb-bg { position: relative; margin: 0; width: 100%; background: #cecece; border-bottom: 1px solid #b8babb; height: 43px; color: #000;}
.breadcrumbs {margin: 0 auto; width: 65%; padding: 15px 0 10px 20px;}

/*-----------------Hauptinhaltsbereich | Main Content Area----------------------------------------------*/

#container { margin: 0 auto; max-width: 65em; min-width: 800px; padding: 0; }
#wrapper{ padding: 0;  margin-bottom: 0; background: #fff; border-top: 1px solid #fff;}
#content {float:left;padding: 20px 30px 50px 20px; width: 65%; background: #fff; height: 100% }
.note { background: #ffe; color: #440; border-top: 1px #884 solid; border-bottom: 1px #884 solid; border-left: 1px #eee solid; border-right: 1px #eee solid; padding: 10px; margin-bottom: 1em; }
.note { background: #ffe; color: #440; border-top: 1px #800 solid; border-bottom: 1px #800 solid; border-left: 1px #eee solid; border-right: 1px #eee solid; padding: 10px; margin-bottom: 1em; }
.important {background: #262626; padding: 5px 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #666}

/* ----------------Standardklassen für die Positionierung | Standardclasses for Positioning ----------------------------------------- */

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.2em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: .2em;}
.center { display:block; margin-left: 1.5em }
.down {margin-bottom: 1em}
.clearing {clear: both; margin: 1em 0 0 0}
.clear {clear: left; margin: 4em 0 1em 0}

/* -----------------Die Sidebar | Sidebar Area ----------------------------------------- */

#aside { width: 270px; float: right; overflow: hidden; background: #cecece; font-size: 93%; padding-right: 20px; padding-bottom: 100em; margin:0;margin-bottom: -100em;  border-right: 1px solid #B8BABB; border-left: 1px solid #B8BABB;}
.box {padding: 0 20px 20px 20px}
.box h3 {color: #000; text-shadow: 1px 1px 1px #fff; font-weight: bold;}
#aside h4 {font-size: 130%; color: #000; text-shadow: 1px 1px 1px #fff; font-weight: bold; margin-bottom: 0.3em}
#aside p {font-size: 90%}
#aside hr {color: #fff;background:transparent;margin: 1em 0;padding: 0 0 0.5em 0;border:0;border-bottom: 1px #4E4138 dotted;}

/* -----------------Die Linkformatierungen | Linkformatting ----------------------------------------- */

a.readmore {background: #800; padding: 3px 10px 3px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
a.readmore:hover, a.readmore:active, a.readmore:focus { background-color: #333; color: #fff}
a {color: #8c4c05}
a:hover, a:focus, a:active {color: #000; text-decoration: none}
a.readmore:focus, a:focus {outline: 1px dotted #000}
.hcard-download { background:transparent url(../images/hcard.mini.png) no-repeat scroll left top; padding-left:18px;}
.leistungen_auswahl a { background: #333; padding: 3px 10px 3px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
.leistungen_auswahl a:hover, .leistungen_auswahl a:active, .leistungen_auswahl a:focus { background-color: #800; color: #fff}

/* -----------------Grafikformatierungen | Imageformatting ----------------------------------------- */

img {padding: 3px; border: 1px solid #999;}

/* -----------------Formatierungen für Auswahlfeld der Leistungen | formatting for service offer ----------------------------------------- */

.leistungen_auswahl {float:left; height: 100%; margin: 1em 0; width: auto}
.leistungen_auswahl h3 {font-family: Arial, Georgia, "Times New Roman", Times, serif; color: #555; font-weight: bold; text-shadow: 1px 1px 1px #fff; font-size:240%; letter-spacing: -1px}
#box_left {float:left; width: 40%; background: #decec6; height: auto; overflow: hidden; margin: 10px 10px 10px 0; padding: 0 20px 20px 20px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#box_right {float:right; width: 40%; background: #decec6; height: auto; overflow: hidden; margin: 10px 0 10px 10px; padding: 0 20px 20px 20px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px}

}