/* ++++++++++++++++++++++++++++++++++++  */
/* + Autor: Frank Matteo              +  */
/* + Matteo EDV - Beratung            +  */
/* + Homework done for you            +  */
/* + Internet: http://www.hwd4u.de    +  */
/* + Email:    matteof@hwd4u.de       +  */
/* + Telefon:  01785086879            +  */
/* ++++++++++++++++++++++++++++++++++++  */


/*importiert normalisierung.css*/@import url("norm.css");
body {position: relative;margin: 0 auto;text-align:center;width: 950px;
background: url(images/site-background.gif) #ffffff repeat-x;
font-size: 100.1%;
font-family: "Comic Sans MS", "Lucida Sans", "Lucida Grande", "Comic Sans MS", sans-serif;
color:#000000;
}

/*wrapper umschliesst alles*/div#wrapper { background-color:#fff; background-image: url(images/wraper-background.gif);
 background-position:right top;
 background-repeat:repeat-y;
 position:relative;width: 800px;text-align:left;}

#logo a {
padding-left: 508px;
color:#000;text-decoration:none;text-align:center;
}

div#oben {padding-left:62px;background-color:#c69c6d;width: 738px;}
div#content {padding-left:260px;
/*overflow:hidden; könnte man machen um das float der beiden inneren container zu löschen und dafür zu sorgen, dass container mit einer evt. höheren navi mitwächst.*/}

div#footer {}
#oben img {
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
/*==========branding start ===============*/
h1.logo {background: url(images/logo.gif) no-repeat;text-indent:-9999px;width:235px;height:75px;position:relative;left:465px;}
blockquote.info {text-indent: -9999px;height:0;}
/*===========branding ende===============*/
/*============zwei spalten start ==============*/

#navi {
float:left;width:280px; 
position: relative;left:0px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 0.8em;letter-spacing:0.2em;
background-color:#c69c6d;
}
#content_ADR {margin: 0 20px 0 240px; background-color:#c69c6d;/*der linke rand verhindert, dass das navi float unterhalb umflossen wird*/}
#content_ADR a:link {display:block;color:#ff002e;text-decoration:none;padding-bottom:15px;}
#content_ADR p{text-align:center;}
#content_ADR h3{text-align:center;padding-bottom: 5px;padding-top: 10px;
font-family: Comic Sans MS, Baskerville, Cambria,  serif;font-weight:100;font-size: 1.6em;}}
#content_main {margin: 0 20px 0 260px; background-color:#c69c6d;/*der linke rand verhindert, dass das navi float unterhalb umflossen wird*/}
#site_info {background-color:#c69c6d; clear:both;}
/*============ zwei spalten ende ==========*/
#navi h2 {
text-indent: -99999px;
height:0;
}
/*==========navi start===========*/
#navi ul {padding: 40px 5px 20px 60px; /*abstand fuer das gesamte ULblockelement*/
}
#navi ul li a:link, #navi ul li a:visited, #navi ul li a:active {display:block;color:#000;text-decoration:none;padding-bottom:15px;}
#navi ul li a:hover, #navi ul li a:focus, #navi ul li a#current {
color:#ff9900;
} 
/*==========navi ende============*/
/*=========content_main start===========*/
#content_main h3 {text-indent:-9999px;}
#content_main h4 {text-align=center;
padding-bottom: 20px;
font-family: Comic Sans MS, Baskerville, Cambria,  serif;font-weight:100;font-size: 1.2em;}
#content_main ul li {
overflow:hidden;
padding: 10px 0;
}
#content_main img {
float:left;
margin-right: 20px;
border: 1px solid #ccc; 
padding: 2px;
background-color: #fff;
}
#content_main p {font-size: 0.8em;line-height: 1.3;margin-bottom: 15px;
/*margin-left: 205px; Nur aktivieren, falls Sie den Text nicht unter dem Bild weiterfließen lassen wollen*/}

/*==========content_main ende ==========*/

/*==========site_info start ============*/
#site_info a{text-decoration:none;}
#site_info h4 {text-indent:-9999px;}
#site_info img {
float:left;
margin-right: 0px;
padding: 0px;
background-color: #fff;
}
div#site_info {margin-left:25px;font-size: 0.8em;line-height: 1.3em;}

/*=========site_info ende ==============*/em;line-height: 1.3em;}

/*=========site_info ende ==============*/