/* Theorie 24 Basis CSS 1.0 (05.04.2010) */

/* Html Tags */
html {overflow-y: scroll;}

body {   
  background:#eee url(/.img/lgrey013.jpg) repeat left top;
  margin:0;
  font-family: Verdana,Helvetica,sans-serif;
  font-size:12px;
  line-height:20px;
}

a { color:#285DA9; outline:none;  }
a:link {text-decoration:none;}
a:visited {text-decoration:none; color:#285DA9;  }
a:hover {outline:none;text-decoration:underline; }
a:active {text-decoration:none;}
a img { border:none; }
a span.displace { position: absolute;  left: -5000px;   }
.transparent { color: transparent;}

h1, h2, h3, h4, h5, h6 { color:#A3BF31; font-weight:normal; clear:both; }
h1 { font-size:11pt; }
#mainContent h1 { font-size:12pt; border-bottom:1px solid #B3CE39; padding-bottom:6px;  }
h2 { font-size:11pt; }
h3 { font-size:11pt; }
h4,h5,h6 { font-size:10pt; margin-top:0; margin-bottom:8px; }
td h2 { margin-top:0; }
#mainContent td img.left { margin-bottom:16px; border:1px solid #A3BF31; }

ul, ol { margin-top:0; }
#leftnav ul, #leftnav ol { margin:0; padding:0; }
#leftnav ul li, #leftnav ol li { margin-bottom:12px; }

#mainContent .contentwrapper img.shadow {
background: url(/.css/shadow.gif) no-repeat right bottom;
padding: 4px 10px 10px 4px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;
}

/* Seiten-Layout */
#wrapper { margin:0 0 100px 0; }
#wrapper td.middle {  background-color:#fff; width:890px; padding:0; }
#wrapper td.right { background:url(/.img/shadowr.png) repeat-y left top; }
#wrapper td.left { background:url(/.img/shadowl.png) repeat-y right top; }
#wrapper td.footer { background:url(/.img/shadowb.png) no-repeat left top; padding:20px 30px 0 30px; }
#wrapper td.footerleft { background:url(/.img/shadowcl.png) no-repeat right top; }
#wrapper td.footerright { background:url(/.img/shadowcr.png) no-repeat left top; }

#headerimg { width:100%; clear:both; background-color:#ccc; margin:0; height:150px; }

#content { width:625px;float:left;padding:0;margin:0; }
#mainContent { padding-bottom:40px;vertical-align:top; }
#mainContent img.left { float:left; margin:5px 15px 15px 0; }
#mainContent img.right { float:right; margin:5px 0 15px 15px; }
#mainContent .contentwrapper { margin-bottom:32px; padding-right:25px; }
#mainContent ul { padding-left:15px; }

#mainContent table { width:100%; }
#mainContent td { vertical-align:top; }

#secondaryContent { width:190px;vertical-align:top;padding-left:25px;padding-right:0px; }
#secondaryContent div.orangebox { position:relative;margin-left:50px;margin-right: padding-left:6px; width:290px;height:148px;vertical-align:bottom;color:#fff;background:#fff url(/.img/bg_orangebox.gif) no-repeat top left; }
#secondaryContent div.orangebox a { color: #fff; }
#secondaryContent div.orangebox div { position:absolute;left:8px; bottom:15px; }
#secondaryContent .textbox { margin-bottom:32px; padding:1px 0 0 8px; background:#fff url('/.img/bg_container.gif') no-repeat top left; }
#secondaryContent img { margin-bottom:8px; }

#leftnav .textbox { width:190px; margin-left:-16px; overflow:hidden; margin-bottom:32px; padding:1px 0 0 8px; background:#fff url('/.img/bg_container.gif') no-repeat top left; }
#leftnav img { margin-bottom:8px; }

.editmode { background-color:#fff; background-image:none; }
#minheight { width:0; height:500px; float:right; }

/* Navigation */
#topnav { background:url(/.img/bg_topnav.gif) repeat-x left top; height:45px; padding-left:30px; padding-top:1px; margin:0 0 29px 0; }
#topnav a { color:#aaa; display:block; float:left; margin-right:40px; font-size:10pt; font-weight:bold; vertical-align:middle;line-height:45px; }
#topnav a.current { color:#C8DE72; }
#topnav a.rollover {  float:left; display:block; background-repeat:no-repeat; height:20px; text-decoration: none; margin-top:12px; }
#topnav a.rollover:hover { background-position:0 -20px; }

#leftnav { vertical-align:top;list-style: none; background-color:#fff; padding-top:14px; padding-left:38px; width:202px; float:left; }
#leftnav a.rollover { display: block; background-repeat:no-repeat; width: 190px; text-decoration: none; margin-bottom:12px; }
#leftnav a.rollover:hover { background-position: -190px 0; }
#leftnav ul { list-style: none; font-size: 1em; padding: 0; margin:0;}
#leftnav ul ul, #mainnav ul ul ul, #mainnav ul ul ul ul { border:none; padding:0; }
#leftnav ul li { width:190px; display:block; margin-bottom:4px; margin-left:0; }

#footernav a.rollover {  float:left; display: block; background-repeat:no-repeat; height:14px;  text-decoration: none; }
#footernav a.rollover:hover { background-position: 0 -14px; }
#footernav ul { list-style: none; font-size: 1em; padding: 0; margin:0;}
#footernav ul li { float:left;width:190px; display:block; margin-bottom:13px; margin-left:0; }

/* Formmailer */
#mailformtable td { padding-bottom:10px; vertical-align:top; }
#mailformtable input,#mailformtable textarea { width:255px;font-family:Arial,Helvetica,sans-serif;font-size:12px; }
#mailformtable select { width:260px;font-family:Arial,Helvetica,sans-serif;font-size:12px; }

/* Facebook */
.facebookbox { margin-left:-10px; padding-left:-10px; width:180px; margin-top:16px; margin-bottom:24px; padding-top:8px; padding-bottom:8px; border-top:1px solid #B3CE39; border-bottom:1px solid #B3CE39; }