*{padding:0px; margin:0px; outline:0px}
html{height:100%}
@font-face {
    font-family: 'hanshandkursiv';
    src: url('../fonts/hanshand-webfont.eot');
    src: url('../fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hanshand-webfont.woff') format('woff'),
         url('../fonts/hanshand-webfont.ttf') format('truetype'),
         url('../fonts/hanshand-webfont.svg#hanshandkursiv') format('svg');
    font-weight: normal;
    font-style: normal;
}

h5{	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#FFF; font-weight:200}

body {
	background: url(../pix/body_bg.jpg) no-repeat 50% 0%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
}
a, a:visited, a:hover, a:active{
	color:#000;
	text-decoration:none;
	cursor:pointer
}
h1{
	font-family:'hanshandkursiv';
	font-size:48px;
	color:#555dbd
}
#bg_balken{
	background:#fff0e2;
}
#header{
	background:url(../pix/header_bg.png) no-repeat 61.5% 100%;
	height:315px;
	min-width:960px
}
#header img{
	margin-left: 50%;
	position: absolute;
	height: auto;
}
#logo_bg{
	position:relative;
	left:80px;
	top:-10px
}
#header #logo{
	position: absolute;
	margin-left:50%;
	left:80px;
	top: 35px;
	width: 295px;
}
#header #heading{
	font-family:'hanshandkursiv';
	text-shadow:0px 0px 18px rgba(255,255,255,0.5), 0px 0px 15px #555dbd;
	color:#FFF;
	letter-spacing:2px;
	position:absolute;
	margin-left:50%;
	left:-270px;
	top:16px;
	text-outline:solid 1px #fff
	}
#header #heading .first_line{
	font-size:42px;
	position:relative;
	top:29px;
	left:-38px;
	display:block
}
#header #heading .second_line{
	font-size:64px
}
#nav_wrapper{
	height:37px;
	min-width:960px;
	width:100%;
	position:relative;
	background:url(../pix/nav_bg.png);
}

.firefox #nav_wrapper #nav li #nav_shadow{
	top:-27px
}
li:hover{
	/*background-color:#fff0e2;*/
	}

.color{
	position:absolute;
	top:0px;
	height:10px;
	width:inherit
}
.ie7 .color{position:relative;top:-10px}
.Unten{top:47px;display:none}
.ie7 .Unten{top:10px;}
.blau{background-color:#525a93}
.beige{background-color:#f2e0d0}
.braun{background-color:#c09377}
#wrapper_bg{
	width:100%;
	min-width:960px;
	height:auto;
	padding-bottom:50px;
	min-height:63.4%;
	min-height:-moz-calc(62.8% - .8%);
	background: url(../pix/content_wrapper_bg.png) repeat
}
#wrapper{
	width:920px;
	margin: 0 auto;
}
#wrapper #content{
	padding:40px 10px 15px 70px;
	min-height:400px;
	background:url(../pix/content_bg.png);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
}

#wrapper #content .caption{
	background: url(../pix/Ziegel_bg.gif) repeat;
	width: 120px;
	height: 17px;
	padding: 9px 15px;
	display: block;
	text-align: right;
	bottom: -0px;
	margin-left: 35px;
	position: absolute;
	text-transform: uppercase;
	color: #FFF;
	transition: all .5s ease;
}

#nav {
	width: 924px;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
}
.ziegel_buttons{
	width: 30%;
	height: 180px;
	margin-left: 3%;
	position:relative;
	float: left
}
.zeigel_foto_klein{
	width: auto;
	/*height: 150px;*/
	z-index: 3;
	position: relative;
	transition:all .1s ease;
}
div:hover > .zeigel_foto_klein{
	top:-2px;
	opacity:.95
}
div:hover > .caption{
	box-shadow:inset 0 0 90px rgba(255,255,255,0.2)}
#wrapper #footer{
	margin:15px 0 0;
	padding: 10px;
	background:url(../pix/footer.png) no-repeat;
	width:100%;
	height:40px;
}
#fuss{position:absolute;margin:9px 25px; width:870px}
#wrapper #footer p, #footer a{
	color:#FFF;
	font-size:13px;
	text-align: justify;
	margin:auto;
	width:878px;
}
.lt-ie20 #wrapper #footer p,.lt-ie20 #footer a{
	width:859px!important;
}
#wrapper #content div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .89em;
	font-style: normal;
	line-height: 1.784em;
	padding-right: 50px;
}
#no_jav{
	display:none;
	position:fixed;
	padding-top:10px;
	top:0px;
	height:30px;
	width:100%;
	text-align:center;
	background-color:#F00;
	font-size:16px;
	box-shadow:0 -1px 21px #000
}
#no_jav a{text-decoration:underline}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}h1{margin-bottom:30px;}
.auto{}



img {border: 0}

A:link, A:visited, A:active {   text-decoration: none}

a:hover {  color: #485060; text-decoration: underline}

.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFCC;
	height: auto;
	width: auto;
	display: block;
	padding: 5px;
	border: 1px solid #000000;
}

a.buttonlink {background-image:url(tools/buttons_weiter.png); background-repeat: no-repeat; width: 230px; padding: 12px 50px 10px 50px; text-decoration: none; color: #fff; font-weight: bold;}
a.buttonlink:link {background-image:url(tools/buttons_weiter.png); background-repeat: no-repeat; width: 230px; padding: 12px 50px 10px 50px; text-decoration: none; color: #fff; font-weight: bold;}
a.buttonlink:active {background-image:url(tools/buttons_weiter.png); background-repeat: no-repeat; width: 230px; padding: 12px 50px 10px 50px; text-decoration: none; color: #fff; font-weight: bold;}
a.buttonlink:hover {background-image:url(tools/buttons_weiter_mo.png); background-repeat: no-repeat; width: 230px; padding: 12px 50px 10px 50px; text-decoration: none; color: #fff; font-weight: bold;}
a.buttonlink:visited {background-image:url(tools/buttons_weiter.png); background-repeat: no-repeat; width: 230px; padding: 12px 50px 10px 50px; text-decoration: none; color: #fff; font-weight: bold;}

.normtext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.headline {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.bgfixed {
	background-attachment: fixed;
	background-color: #CCCCFF;
	background-image: url(pix/hintinhalt.jpg);
	background-repeat: no-repeat;
}

.kategorie {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #999;
}

.Newstext {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.Newstext a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.Newstext a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.Newstext a:hover {
	text-decoration: underline;
	color: #ffffff;
	font-weight: bold;
}
.Newstext a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.normtex_block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
}

#tabelle-listemini {

	border: 1px solid #000000;
	border-color: #E2CDAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	empty-cells: hide;
}

#tabelle-listemini TD {
	border: 1px solid #FFFFFF;
	background-color: #A04B36;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px;
}

.tabelle-liste {
	border: 1px solid #000000;
	border-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	empty-cells: hide;
}

.tabelle-liste TD {
	border: 1px solid #000000;
	background-color: #E2CDAD;}

.tabelle-listeblau {

	border: 1px solid #000000;
	border-color: #E2CDAD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	empty-cells: hide;
}
.tabelle-listeblau TD {
	border: 1px solid #FFFFFF;
	background-color: #E2CDAD;
}

.tabelle-listegrau {

	border: 1px solid #000000;
	border-color: #005aaa;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	empty-cells: hide;
}
.tabelle-listegrau TD {
	border: 1px solid #FFFFFF;
	background-color: #c7c7c7;
}
.normtext_tab {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.normtext_tab_space {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 8;
	padding: 8;
	border-spacing: 5;
	white-space: 8;
}

.zusammenfassung {
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
}

input, select {
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
}

#aufstellung td {
	border: 1px solid;
	border-color:#CCC;
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
}

/* Menü für Zubehoerseiten */
/*<![CDATA[*/

#mainnavi2 {
	background: url(bg_menuitem2.gif) #fff repeat-x 0px 0px;
	border: 1px solid #999;
	list-style: none;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 5px;
}

#mainnavi2 #current {
      background: url(bg_menuitem2.gif) #e2e7ec repeat-x 0px -160px;
      color: #FFFFFF;
      cursor: default;
}

#mainnavi2 li {
      border-right: 1px solid #fff;
      display: inline;
}

#mainnavi2 li a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
    color: #000;
	text-decoration: none;
}

#mainnavi2 li a:hover {
      background: url(bg_menuitem2.gif) #fff repeat-x 0px -80px;
      text-decoration: none;
}

#wrapper {
    background: url(shadow.gif) transparent repeat-x bottom;
    padding-bottom: 5px;
}
/*]]>*/

.kategorie_weiss {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.headline_tab {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.felder	{
	color:#000000;
	background-Color:#FFFFFF;
}

.focus	{
	color:#FFFFFF;
	background-Color:#004eb2;
}

.blur	{
	color:#000000;
	background-Color:#FFFFFF;
}

.menutitle{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#ECECFF;
	color:#000000;
	width:195px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
}

.submenu{
	margin-bottom: 0.5em;
}

.headline_medi {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #733212;
}

.headline_medi_mini {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #733212;
}
.text_klein_block {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.carportrand {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 6px;
	margin: 6
}

.carportinfo {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 6px;
	margin: 6
}

.tab_lichtplatten {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-collapse: collapse;
	empty-cells: hide;
}

.tab_lichtplatten TD { border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	vertical-align: top;
}

.tab_linie_weiss {
	border: 1px solid #FFFFFF;
	border-color: #FFFFFF;
}

.tab_t_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.headlinemega {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.headlinemega_white {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}
.tab_maxiport_mini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
}

.ae_text {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

.ae_vorspann {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

.ae_titel a {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #005282;
	border: 0px solid #000066;

}

.ae_titel {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #005282;
	border: 0px solid #000066;

}

.oben {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.ae_autor {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}

.ae_bild {
	align: right;
	border: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: right;
	float: right;
	clear: both;
	margin: 10px;
}

sup {
	font-size: 11px;
	line-height:2px;
}

divweiss100 {
	width: 100%;
	background-color: #FFFFFF;
	height: 30px;

}

#sparrenja {
	width: 330px;
	display: none;
}

#sparrennein {
	width: 330px;
	display: block;
}

#dachja {
	width: 330px;
	display: none;
}

#dachnein {
	width: 330px;
	display: block;
}

#unterkonstruktion {
	width: 660px;
	display: none;
}

#auswertung {
	width: 660px;
	display: none;
}

#berechnungszeug {
	width: 660px;
	display: none;
}

#impressum a, #impressum a:link, #impressum a:active, #impressum a:hover, #impressum a:visited {
	color: #fff;
}

#buttons {
	width: 30%;
	margin-left: 3%;
	float: left
}