/* CSS-Styhlsheet für web.template */ 
.infobox
	{
	background-image   : url(/fond-infobox.jpg);
	background-repeat  : repeat;
	background-position: top left;
	position: absolute;
	top: 99%;
	width : 100%;
	height: 300px;
	left: 0;
	padding: 0;
	}
.infobox h1
	{
	font-size: 14px;
	font-weight: bold;
	color: #C65518;
	background-color: transparent;
	margin:20px;
	padding: 0;
	}
.infotext
	{
	top: 20px;
	left: 0;
	padding: 0;
	background-color: transparent;
	}
.infocontent
	{
	color: #000000;
	margin: 20px;
	padding: 0;
	font-size: 12px;
	font-family: arial;
	text-align: justify;
	background: transparent;
	border: none;
	}
.infotext strong
	{
	font-weight: normal;
	}


/* Formatierung Basis */
html {

	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 0.9em;
	margin      : 0;
	padding     : 0;

}
body {
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-variant    : normal;
	font-stretch    : normal;
	font-size       : 0.9em;
	margin          : auto;
	padding         : 0;
	border          : hidden;
	background-color: #fff;
	overflow        : hidden; 
}


/* Überschriften */
h1 {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 150%;
	color       : #DF9F2E;
	margin      : 0;
	margin-left : 0;
	padding     : 0;
}

h2 {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 150%;
	color       : #000;
	margin      : 0;
	margin-bottom : 2%;
	padding       : 0;
}

/* Auszeichnungen */
h3 {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	font-size   : 125%;
	color       : #DF9F30;
	margin      : 0;
	padding     : 0;
		
}


/* Betohnungen */
em {
	font-family : Helvetica, Arial, sans-serif;
	font-weight : bold;
	font-style  : normal;
	font-variant: normal;
	font-stretch: normal;
	color       : #3A3A3A;
}

b {
	font-weight : bold;
}
	
strong {
	font-weight : bold;
}


.unternehmen,
.news,
.referenzen,
.kontakt {
	display: none;
}

/* Formatierung Logo */


.logo { 
	background-image   : url(logo.gif);
	background-repeat  : no-repeat;
	background-position: center;
	background-color   : none;
	position           : absolute;
	z-index            : 5;
	width              : 304px;
	height             : 15%;
	right              : 3.8%;
}

.center {
	filter             : Alpha(opacity=70);
	-moz-opacity       : 0.7;
	-moz-border-radius : 15px;
	border             : 1px solid #757575;
	background-color   : #D4D8DB;
	z-index            : 5;	
	position           : absolute;	
	overflow           : auto;
	width              : 73%;
	height             : 83%;
	left               : 26%;
	right              : 4%;	
	top                : 17%;
}

.top { 
	background-image   : url(fond-top.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	background-color   : none;
	position           : absolute;
	z-index            : 2;
	width              : 100%;
	height             : 15%;
	left               : 0;	
	top                : 0;
	border-bottom      : 1px solid #E9A225;
} 

.bottom { 
	overflow           : hidden;
	background-image   : url(fond-bottom.gif);
	background-repeat  : no-repeat;
	background-position: bottom center;
	background-color   : none;
	position           : absolute;
	z-index            : 7;
	width              : 100%;
	height             : 260px; 
	bottom             : -1px;
}

/* Formatierung imagebild */

.imagebild { 
	background-image   : url(imagebild.jpg);
	background-repeat  : no-repeat;
	background-position: bottom right;
	background-color   : none;
	z-index            : 1;	
	position           : absolute;	
	width              : 100%;
	height             : 450px;
	right              : 0;	
	bottom             : 0;
} 

/* Formatierung Contentbereich */
	
.content {
	z-index            : 9;	
	position           : absolute;	
	overflow           : auto;
	width              : 67.5%;
	height             : 60%;
	left               : 29%;	
	top                : 20%;
	vertical-align     : top;
	float              : left;
	font-family        : Arial,sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
	line-height        : 1.4em;
	font-size          : 0.9em;
}


.content a:link,
.content a:active,
.content a:visited {
	color          : #cd6f00;
	font-size      : 1em;
	font-family    : Arial;
	font-weight    : bold;
	text-decoration: underline;
}

.content a:hover {
	color          : #000;
	font-size      : 1em;
	font-family    : Arial;
	font-weight    : bold;
	text-decoration: underline;
}


/* Formatierung Listen im Contentbereich*/
.content p{
	margin         : 0;
	margin-bottom  : 10px;
	padding        : 0;
	clear          : none;
}

.content ul {
	/*float        : left;*/
	margin       : 5px;
	padding      : 0;
	font-size    : 12px;
	font-family  : Arial,sans-serif;
	font-weight  : normal;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
	line-height  : 1.6em;
}

.content li {
	margin       : 0;
	clear: both;

}

/* Liste mit Punkt */
.Content ul li {
	padding            : 0;
	margin-left        : 18px;
	list-style-image   : url(pfeil2.gif);
		clear: both;
	
}

/* Aufzählung */
.content ol {
	margin-left : 32px;
	padding     : 0;
}

/* Normales Bild im Contentbereich */

.content img {	
	float         : left;
	clear         : left;
	border        : none;
	padding       : 0;
	margin-left   : 0px;
	margin-right  : 15px;
	margin-bottom : 10px;
}

.content a img  {	
	float         : right;
	clear         : none;
	border        : 1px solid #000;
	padding       : 0;
	margin-left   : 10px;
	margin-right  : 15px;
	margin-bottom : 10px;
}

/* Listen-Bild im Contentbereich */
/* Vorschau-Bild im Contentbereich */
.content ul li img  {
	border        : none;
	padding-left  : 0;
	margin        : 3px;
	margin-left   : -10px;
	margin-bottom : 0px;
	margin-right  : 12px;
	float         : left;
	clear         : both;	
}


/* Tabellen-Bild im Contentbereich 
.content table img {
	border       : 0;
	margin-bottom: 5px;
	margin-top   : 0px;
	margin-right : 5px;
	margin-left  : 5px;
	float        : none;
	clear        : both;
	
}
*/


/* Ausgezeichnetes-Bild im Contentbereich */
.content h3 img {
	float         : left;
	clear         : left;
	border        : 1px solid #000;
	margin-left   : 0;
	padding       : 0;
}


/* Formatierung der Tabellen im Contentbereich */
.content table {	
	border            : 1px solid #fff;	
	width             : 40%;	
	margin-top        : 2%;
	margin-bottom     : 2%;
	vertical-align    : top;
	font-family       : Arial,sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 11px;
	border-collapse   : collapse;
	background-color  : #CCCCCC;			
}
.content table p {	
	vertical-align    : top;
	font-family       : Arial,sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 11px;		
}
.content table em {	
	vertical-align    : top;
	font-family       : Arial,sans-serif;
	font-weight       : bold;
	font-style        : normal;
	font-variant      : normal;
	font-stretch      : normal;
	font-size         : 11px;		
}

.content th {
	color            : #000;
	margin           : 0;
	padding          : 0.3em;
	font-family      : Helvetica, Arial, sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size        : 13px;
	vertical-align   : top;
}

.content td, th {
	padding          : 0.3em;
	padding-top      : 8px;
	text-align       : left;
	font-size        : 11px;
	vertical-align   : top;
}

.content tr.even td {
	background-color : #E6E6E6;
	padding          : 0.3em;
	padding-top      : 8px;
	margin           : 0;
	border-top       : 1px solid #fff;
	font-size        : 11px;
	vertical-align   : top;
}

.content tr.odd td {
	background-color: #E6E6E6;
	border-top      : 1px solid #fff;
	font-size       : 11px;
	vertical-align  : top;
	padding-top     : 8px;
}

.content table a img,
.content table img  {	
	float         : none;
	clear         : both;
	/* width         : 180px;*/
	border        : 1px solid #000;
	padding       : 0;
	margin-left   : 3px;
	margin-right  : 3px;
}

/* Formatierung feste Panel Navigation */

.panel { 
	background-color   : none;
	position           : absolute;
	/*vertical-align     : bottom;*/
	z-index            : 9;
	width              : 140px;
	height             : 90px;
	left               : 0;	
	bottom             : 10px;
	padding            : 0;
	margin             : 0;
} 

.panel ul { 
	list-style-image: url(pfeil.gif);
	padding        : 0;
	margin         : 0;
	margin-left    : 28px;
	
} 

.panel ul li {
	padding: 0;
	margin : 0;
}	

.panel li a {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #000;
	text-decoration    : none;
	vertical-align     : bottom;
	width              : 140px;
	padding-bottom     : 2px;

}

.panel li a:hover {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #fff;
	text-decoration    : none;
	width              : 140px;
	padding-bottom     : 2px;
	vertical-align     : bottom;
}

.panel  li em {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #DF9F2E;
	text-decoration    : none;
	width              : 140px;
	padding-bottom     : 2px;
	vertical-align     : bottom;
}

/* Formatierung Haupt-Navigation */
.navigation {
	background         : none;
	z-index            : 9;	
	position           : absolute;	
	width              : 8%;
	height             : 65%;
	left               : 6.5%;	
	top                : 16%;
	vertical-align     : top;
	text-align         : left;
	float              : none;
	clear              : both;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
}

.navigation ul {
	float           : left;
	clear           : both;
	font-size       : 11px;
	text-align      : left;
	padding         : 0;
	margin          : 0;
	list-style-type : none;
}

.navigation ul li {
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-variant    : normal;
	font-stretch    : normal;
	font-size       : 11px;
	width           : 120px;
	clear           : both;
	padding         : 0;
	margin          : 0;
	margin-top      : 0;
	list-style-type : none;
}

.navigation p {
	float              : none;
	clear              : both;
	padding            : 0;
	margin             : 0;
}
	
.navigation li a {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #000;
	text-decoration    : none;
	float              : left;
	clear              : both;
	width              : 100%;
}

.navigation li a:hover {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation  li em {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation li a img {
	text-align     : left;
	float          : none;
	clear          : both;
	border         : none;
	padding        : 0;
	margin         : 0;
	width          : 95px;
}






/* Formatierung Haupt-Navigation */
.navigation-links {
	background         : none;
	z-index            : 9;	
	position           : absolute;	
	width              : 8%;
	height             : 65%;
	left               : 1.5%;	
	top                : 18%;
	vertical-align     : top;
	text-align         : left;
	float              : none;
	clear              : both;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
}

.navigation-links ul {
	float           : left;
	clear           : both;
	font-size       : 11px;
	text-align      : left;
	padding         : 0;
	margin          : 0;
	list-style-type : none;
}

.navigation-links ul li {
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-variant    : normal;
	font-stretch    : normal;
	font-size       : 11px;
	width           : 120px;
	clear           : both;
	padding         : 0;
	margin          : 0;
	margin-top      : 0;
	list-style-type : none;
}

.navigation-links p {
	float              : none;
	clear              : both;
	padding            : 0;
	margin             : 0;
}
	
.navigation-links li a {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #000;
	text-decoration    : none;
	float              : left;
	clear              : both;
	width              : 100%;
}

.navigation-links li a:hover {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation-links  li em {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation-links li a img {
	text-align     : left;
	float          : none;
	clear          : both;
	border         : none;
	padding        : 0;
	margin         : 0;
	width          : 95px;
}


/* Navi rechts */
.navigation-rechts {
	background         : none;
	z-index            : 9;	
	position           : absolute;	
	width              : 8%;
	height             : 65%;
	left               : 13.5%;	
	top                : 18%;
	vertical-align     : top;
	text-align         : left;
	float              : none;
	clear              : both;
	font-family        : Helvetica, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;
	font-stretch       : normal;
}

.navigation-rechts ul {
	float           : left;
	clear           : both;
	font-size       : 11px;
	text-align      : left;
	padding         : 0;
	margin          : 0;
	list-style-type : none;
}

.navigation-rechts ul li {
	font-family     : Helvetica, Arial, sans-serif;
	font-weight     : normal;
	font-style      : normal;
	font-variant    : normal;
	font-stretch    : normal;
	font-size       : 11px;
	width           : 120px;
	clear           : both;
	padding         : 0;
	margin          : 0;
	margin-top      : 0;
	list-style-type : none;
}

.navigation-rechts p {
	float              : none;
	clear              : both;
	padding            : 0;
	margin             : 0;
}
	
.navigation-rechts li a {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #000;
	text-decoration    : none;
	float              : left;
	clear              : both;
	width              : 100%;
}

.navigation-rechts li a:hover {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation-rechts  li em {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 11px;
	color              : #DF9F2E;
	text-decoration    : none;
	clear              : both;
	width              : 100%;
}

.navigation-rechts li a img {
	text-align     : left;
	float          : none;
	clear          : both;
	border         : none;
	padding        : 0;
	margin         : 0;
	width          : 95px;
}


/* Formatierung Editor Button */	
.editor form.default input {
	background        : none;
	border            : none;
	z-index           : 8;	
	position          : absolute;	
	width             : 3%;
	height            : 2%;
	right             : 2%;	
	bottom            : 2%;
}
.editor form.default input.submit{
	background-image   : url(/edit.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	font-size          : 0;
	color              :#CCCCCE;
}
/* Formatierung Benutzermanager Button */
.editor form.usermanager input{
	background        : none;
	border            : none;
	z-index           : 8;	
	position          : absolute;	
	width             : 3%;
	height            : 2%;
	right             : 6%;	
	bottom            : 2%;
}
.editor form.usermanager input.submit{
	background-image   : url(/user.gif);
	background-repeat  : no-repeat;
	background-position: left;
	height             : 24px;
	color              : #CCCCCE;
	font-size          : 0;
}


/* Formatierung der Druckversion */
.Druckversion {        
	text-align         : left;
	position           : absolute;
	z-index            : 9;
	width              : 120px;
	height             : 70px;
	left               : 25px;	
	bottom             : 86%;
	vertical-align     : top;
}

.Online-Shop {        
	text-align         : left;
	position           : absolute;
	z-index            : 9;
	height             : 70px;
	width              : 120px;
	left               : 150px;	
	bottom             : 86%;
	vertical-align     : top;
}
.Druckversion ul,
.Online-Shop ul {        
	text-align         : left;
	left               : 0;	
	padding            : 0;
	margin             : 0;
	padding-bottom      : 10px;
		list-style-type : none;
}
.Druckversion ul li,
.Online-Shop ul li {        
	text-align         : left;
	left               : 0;	
	padding            : 0;
	margin             : 0;
	margin-top         : 4px;
}
.Druckversion a:link,
.Druckversion a:visited,
.Druckversion a:active,
.Online-Shop a:link,
.Online-Shop a:visited,
.Online-Shop a:active {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #fff;
	text-decoration    : none;
	background-image   : url(/pfeil2.gif);
	background-repeat  : no-repeat;
	background-position: left;
	padding-left       : 15px;


}
.Druckversion a:hover,
.Online-Shop a:hover {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #DF9F2E;
	text-decoration    : none;
	text-align         : center;
}

.Druckversion em,
.Online-Shop em {
	font-family        : Helvetica, Arial, sans-serif;
	font-style         : normal;
	font-weight        : normal;
	font-size          : 100%;
	color              : #DF9F2E;
	text-decoration    : none;
	background-image   : url(/pfeil2.gif);
	background-repeat  : no-repeat;
	background-position: left;
	padding-left       : 15px;
}