* {margin: 0px; padding: 0px;}

html {height: 100.3%; font-size: 67.5%;}
body {font: 1.2em/1.8em Arial, sans-serif; color: #333333; background-color: #398FBA;}

a {color: #414141;text-decoration: none;}
a:visited {color: #414141;text-decoration: none;}
a:hover {color: #ad1910; text-decoration: underline;}
a:active {color: #ad1910;text-decoration: underline;}

a.weiss {color: #FFFFFF;text-decoration: none;}
a.weiss:visited {color: #FFFFFF;text-decoration: none;}
a.weiss:hover {color: #F7F7F7; text-decoration: underline;}
a.weiss:active {color: #F7F7F7;text-decoration: underline;}

h1 {font-family: "Arial", sans-serif; font-size: 1.5em; color: #6B6B6B;}
h2 {font-family: "Arial", sans-serif; font-size: 1.0em; color: #000; border: 0px solid black; background: #EFEFEF; text-indent: 3px;}
h3 {font-family: "Arial", sans-serif; font-size: 0.9em; color: #000; border: 0px solid black; text-indent: 10px;margin-top: 40px;}

h4 {font-family: "Arial", sans-serif; font-size: 1.2em; color: #ffffff; border: 10px solid white; background: #398FBA;
marging: 20px; padding: 20px; float: right; text-align: center;}

a.hell,
a.hell:visited {
color: #2C2C2C;
text-decoration: none;}
a.hell:hover,
a.hell:focus,
a.hell:active {
color: #646464;
text-decoration: underline;}

ol {margin: 0 0 0px 20px ;}

div#wrapper {margin: 0 auto 0 auto; background: white; border: double #398FBA; min-height: 600px; width: 1024px;}

div#box1, div#box2 {padding: 2px;}
div#box1 {float: left; width: 200px; height: 100%; border: 0; background: #F7F7F7; margin-top: 0px; }
div#projekte {float: left; width: 250px; height: auto; border-bottom: 0px solid #E0E0E0;  margin: 0px 50px 40px 0; text-indent: 3px;}
div#projekte img {float: left; border: 1px solid #E0E0E0; margin-right: 7px; margin-bottom: 5px; padding: 3px;}
div#content img {float: left; border: 1px solid #E0E0E0; margin-right: 7px; margin-bottom: 5px; padding: 3px;}
div#box2 {margin: 0;}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: white;
padding-bottom: 15px;
border: 0;
visibility: hidden;
font-size: 0.8em;
line-height:15px;
color: black;
text-decoration: none;
width: 230px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
right: 290px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu {margin:0 auto; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:#F7F7F7; padding:0px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0; top:3px;}

#menu a {display:block; font:normal 12px arial,sans-serif; color:#000; line-height:36px; text-decoration:none; padding:0 78px 0 0;  margin-bottom:3px; border-top: 0px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;}
#menu a b {display:block; line-height:22px; padding:0 0 0 10px; background:url(anywidth/tab-left.gif) no-repeat left top; font-weight:normal;}

#menu ul li:hover > ul {visibility:visible; left:100%; margin-left:-10px; margin-top:-33px;}

#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a.fly {}
#menu li a:hover {background:#e2e7ed; color:#000; white-space:nowrap;}
#menu li a:hover b {background-position:left bottom;}

#menu li:hover > a {background-position:right bottom; color:#000;}
#menu li:hover > a > b {background-position:left bottom;}

#menu a:hover ul li a b,
#menu a:hover ul a:hover ul li a b,
#menu a:hover ul a:hover ul a:hover ul li a b {}
#menu a:hover ul li a:hover b,
#menu a:hover ul a:hover ul li a:hover b,
#menu a:hover ul a:hover ul a:hover ul li a:hover b {background-position:left bottom;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-46px; margin-left:-10px;}



#navTop{
position: relative;
top: -80px;
left: 700px;
}

#navTop ul li {
  display: inline;
  font-size: 1.0em;
  margin-left: 20px;
  padding-left: 18px;
}

#navTop ul li#home {
  background: url(images/nav/house.png) no-repeat;
}

#navTop ul li#kontakt {
  background: url(images/nav/contact.png) no-repeat;
}
#navTop ul li#info {
  background: url(images/nav/info.png) no-repeat;
}





#head{
background: url(images/hintergrund_2.jpg) repeat-x; border: 0 dashed black;
width: 100%;
height: 171px;
}

#content {
background:white;
margin-top: 40px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 250px;
height: 100%;

}



#footer{
background:white;
width: 100%;
border-top: double #398FBA;
}

.clearfloat {
clear: both;
}

/*-----------------tabelle-------------------------------------
----------------------------------------------------------------*/
.tabelle {
width: 100%;
background: #EFEFEF;
color: #000;
border-collapse: collapse;
}
.tabelle td,
.tabelle th {
border: 1px solid #fff;
padding: 3px 8px;
}
.tabelle th {
background: #e2e7ed;
color: #000;
font-weight: bold;
text-align: left;
}
.tabelle tr.alt{
background: #e2e7ed;
}

.tabelle tfoot {
border-bottom: 0px solid #3E348A;
font-size: 0.9em;
text-align: right;
}
.tabelle tfoot td {
padding: 0px 8px;
}