/***[ global settings ]********************************************************/

body, html, form {margin: 0; padding: 0; }
body {font-size: 16px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;}
table {border-collapse: collapse;}
table td {vertical-align: top;}
img {border: 0;}
a {outline-style:none; outline-width:0; }

.rgt {float: right;}
.lft {float: left;}
.cb {clear: both; }

/***[ sitestructure ]**********************************************************/

#wrapper {width: 80%; margin: 0 auto; min-width: 770px;}
#claim h3 {font-size: 0.81em; margin: 1.25em 0 0.19em 0; padding: 0 0 0 47px; font-weight: normal;}
#header {text-align: right; background-image: url("../gfx/header.bg.gif"); background-position: top left; background-repeat: repeat-x; padding-bottom: 30px;}

#shortcuts {margin: 0 0 0 20px; }
#shortcuts a {display:block; float: left; font-size: 0.81em; color: #000; text-decoration: none; margin: 2px 20px 2px 2px; padding: 2px 2px 2px 24px; background-image: url("../gfx/icon.a.gif"); background-position: center left; background-repeat: no-repeat;}
#shortcuts a:hover { background-image: url("../gfx/icon.b.gif");}
#shortcuts a.language {padding-left: 2px;}
#shortcuts a.active {color: #3399CC;}

#menu {width: 25%; clear: both; float: left; font-size: 0.81em; margin: 20px 0 80px 0;}
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu ul li {margin: 0; padding: 0;}
#menu ul li a {display:block; text-decoration: none; margin: 4px 2px 4px 22px; padding: 2px 2px 2px 24px; background-image: url("../gfx/icon.a.gif"); background-position:  0px 0px; background-repeat: no-repeat;}
#menu ul li a:hover { background-image: url("../gfx/icon.b.gif"); }
#menu ul li.level1 a {color: #000;}
#menu ul li.level1 a:hover {color: #000;}
#menu ul li.level2 a {color: #7c7c7c; font-style: italic;  padding-left: 36px; background-position: 12px 0px;}
#menu ul li.level2 a:hover {color: #000;}
#menu ul li.active a {color: #3399CC;}

#content {margin: 14px 0 20px 0; width: 72%; float: right; min-width: 480px;}
#footer {clear: both; border-top: solid 1px #d3d3d3; margin: 20px 0 20px 0;}
#footer p {font-size: 0.71em; text-align: center; color: #afafaf;}
#footer a {color: #afafaf; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}

/***[ content]*****************************************************************/

#content h1 {font-size: 0.81em; padding: 6px 0 4px 25px;   background-image: url("../gfx/icon.h1.gif"); background-position: center left; background-repeat: no-repeat; margin: 0 0 10px 0;}
#content h1.achtung {background-image: url("../gfx/icon.h1.achtung.gif"); }

#content p {font-size: 0.81em; padding: 0 0 10px 25px; line-height: 1.5em;  margin: 0;}
#content p.small {font-size: 0.71em;}
#content a {color: #000;}
#content a:hover {color: #AFAFAF;}
#content a.totop {border-top: solid 1px #c0c0c0; color: #AFAFAF; text-align: right; background-image: url("../gfx/icon.top.gif"); padding: 6px 0 4px 25px;  background-position: center left; background-repeat: no-repeat; margin: 10px 0 10px -25px; display: block;}


#content table {border-collapse:collapse; margin: 0 0 0 20px;}
#content table.con { font-size: 0.81em; padding: 5px;}
#content hr {height: 1px; border: none; border-top: solid 1px #c0c0c0; }

#content form input.valide {border: #707070 1px solid; background-Color: #fff;}
#content form input.invalide {border: #ff0033 1px solid; background-Color: #ffff99;}
#content form select {border: #707070 1px solid; background-Color: #fff; font-family: sans-serif;}
#content form textarea {border: #707070 1px solid; background-Color: #fff; font-family: sans-serif; width: 460px; height: 100px; padding: 2px;}

#content #news ol.roman li p {margin: 0; padding: 0;}

#content .lft, #content .lft p {margin: 0 10px 10px 0;}
#content .rgt, #content .rgt img, #content .rgt p {margin: 0 0 10px 10px;}

#content .portrait {padding:25px 25px 25px 10px; border: solid 1px #e0e0e0; background-color: #f9f9f9;}
#content .portrait a {padding: 0; margin: 0 0 0 10px; border: solid 1px #3399CC; display: block;}
#content .caption span {font-size: 0.63em; color: #606060; display: block; padding: 5px 5px 5px 10px;}
#content .caption img {}

#content ul {margin: 0 0 10px 0; padding: 0;}
#content ul.disk li {list-style-type:disc; margin: 2px 0 2px 45px; padding:2px; font-size: 0.81em;}

#content ol {margin: 0; padding: 0;}
#content ol.roman li{font-size: 0.81em; list-style-type:upper-roman;  margin: 0 0 0 35px; padding: 5px 5px 10px 0px;}
#content li h2 {font-size: 1em;  padding: 0 0 10px 0px; line-height: 1.5em; margin: 0; font-weight: normal;}
#content li h3 {font-weight: bolder; font-size: 1em;}
#content li p {font-size: 1em;  padding: 0 0 10px 0px; }
#content li .lft {margin: 0 25px 10px 0;}
#content ol.roman li ul li {margin: 0; padding: 0; font-size: 1em; list-style-type: circle;}
#content ol.roman li ul.disk li{list-style-type:disc; margin: 2px 0 2px 25px; padding:2px;}

#content #reiter {margin: 0 0 23px 23px; display: block;border: solid 1px #fff;}
#content #reiter div {height: 1px; overflow: hidden;  border-top: solid 1px #c0c0c0;}
#content #reiter ul {margin: 0; padding: 0; list-style: none; }
#content #reiter ul li {margin: 0; padding: 0; float: left;}
#content #reiter ul li a {text-decoration: none; color: #fff; font-size: 0.9em; display: block; margin: 0; padding: 4px 23px 4px 23px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 1em; background-image: url("../gfx/reiter.bg.a.png"); background-position: top left; background-repeat: no-repeat; background-color: #4186A5;}
#content #reiter ul li a:hover {text-decoration: underline;}
#content #reiter ul li p {color: #000; font-size: 0.9em; display: block; margin: 0; padding: 4px 23px 4px 23px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 1em; background-image: url("../gfx/reiter.bg.p.png"); background-position: top left; background-repeat: no-repeat; background-color: #D3D3D3;}

#content #mapwrap {margin: 0 0 23px 23px; border: solid 1px #909090;}
#content #sidebar {border-top: solid 1px #D3D3D3; margin: 0 0 0 23px; padding: 23px 0 0 0;}

#marginal {margin: 2em 0 0 20px;}
#marginal a {text-decoration: none; background-color: #f9f9f9; display: block; color: #606060;}
#marginal a:hover { background-color: #e7e7e7;}

#marginalwrapper {border: solid 1px #e0e0e0; background-color: #f9f9f9; width: 200px;}
#marginalwrapper p {font-size: 0.71em; margin: 0; padding: 10px 10px 0 10px;}
#marginalwrapper img {padding: 20px 10px 20px 10px; margin: 10px; border: solid 1px #e0e0e0; background-color: #fff;}

#homepage #content {margin: 14px 0 20px 0; width: 100%; float: left; min-width: 770px;}
#homepage #content #startmenu { margin: 0 0 40px 0; width: 32em; float: right; font-size: 0.81em;  }
#homepage #content #startmenu a { float: left; width: 13em; display:block; margin: 10px 0 20px 0; text-decoration: none; padding: 2px 2px 2px 24px; background-image: url("../gfx/icon.a.gif"); background-position: center left; background-repeat: no-repeat;}
#homepage #content #startmenu a:hover { background-image: url("../gfx/icon.b.gif"); color: #000;}
#homepage #content #startmenu a.language {padding: 2px; background-position: top left; width:80%;}
#homepage #content #startmenu a.language span {width:15px; height: 15px; display: block; float: left; margin-right: 7px;}
#homepage #content #startmenu a.language span.de { background-image: url("../gfx/icon.de.gif");}
#homepage #content #startmenu a.language span.en { background-image: url("../gfx/icon.en.gif");}
#homepage #content #startmenu #teaser a {float: left; width: auto; margin: 0; background-image: none; padding: 5px 20px 0 0;}
#homepage #content #news {width: 35%; float: right;  margin: 0 10% 0 0;  min-width: 250px; }
#homepage #content #news #newsbox { height: 320px; background-color:#EFEFEF; padding: 8px 0 8px 8px; }
#homepage #content #news #newsbox #overflow	{overflow:auto; height:320px; position: relative; padding: 0 8px 0 0;}

#references #content {}
#references #content h2 {font-size: 0.81em; margin: 0; padding: 0 0 5px 0; font-weight: normal;}
#references #content h2 a {text-decoration: none; padding: 2px 2px 2px 24px; display: block; background-image: url("../gfx/icon.a.gif"); background-position: center left; background-repeat: no-repeat;}
#references #content h2 a:active {color:#3399CC;}
#references #content .referenz {padding: 0 10px 10px 0; margin: 10px 0 20px 24px; border: solid 1px #d0d0d0; background-color: #f0f0f0; }
#references #content .referenz p {font-size: 0.76em; margin: 0; padding: 3px 10px 3px 10px; }
#references #content .referenz table {margin: 0 0 10px 0;}
#references #content .referenz .thumb {text-align: right; vertical-align: top;}
#references #content .referenz .thumb img {padding: 5px; margin: 10px 20px 10px 10px; border: solid 1px #d0d0d0; background-color: #fff;}
#references #content .referenz img {margin: 0 0 0 10px; }
#references #content .referenz a {font-size: 0.8em; text-decoration: underline; display: inline-block;  padding: 4px 5px 2px 5px;  color: #000;}

#references #content .referenz a.references_image {padding: 5px 0 0 0 !important; width: 32px; height: 28px; text-decoration: none; color: #fff; background: transparent url(../gfx/icon.picture.png) no-repeat 0px 4px; text-align: center; font-weight: bolder; line-height: 20px;}
#references #content .referenz a:hover.references_image {text-decoration: underline;}

#content a.clients_homepage {padding: 0 0 5px 18px; display: block; background: transparent url(../gfx/icon.homepage.png) no-repeat 0px 4px;}
#content a.clients_references {padding: 0 0 5px 18px;  display: block; background: transparent url(../gfx/icon.references.png) no-repeat 0px 4px;}





/***[ IE margin bug fix ]******************************************************/
#menu ul li, #shortcuts {border-bottom: solid 1px #fff;}