/*
Basis-Schriftgroesse: 14px
-> 0.72em = 10px;
-> 0.79em = 11px;
-> 0.86em = 12px;
-> 0.92em = 13px;
-> 1.15em = 16px;
-> 1.21em = 17px;
-> 1.5em = 21px;
-> 1.85em = 25px;
*/

/*<agl.folder "Defaults (globale Settings fuer Schriftarten und -groessen, Farben etc.) ------------------------------------------------ ">*/
body	{
	margin: 0px 0px 0px 0px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #4f4f4f;
	color: #000000;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

a  {text-decoration: none;}
a:link  {color : #ff6633;} /* Linkfarbe */
a:visited  {color : #666666;} /* besuchter Link */
a:active  {color : #ff6633;} /* aktiver Link */
a:hover  {color : #ff6633; text-decoration: underline;} /* Mouseover */

a img {border: 0px;}

p, td, th, div, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd {
	font-family: inherit;
	font-size: inherit;
}

table, form, thead, tbody, tfoot	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table {border-collapse: collapse;}
tr {vertical-align: top;}

p {
	line-height: 150%; 
	margin: 0px; 
	padding: 10px 0px;
	font-size: 0.86em;
	}

/* -------- LISTEN */
ul {
 margin: 0px;
 padding: 10px 0px;
}

  ul li {
	list-style-type: disc;
    margin: 2px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
  }

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

  ol li {list-style-type: decimal;
    margin: 2px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
  }

dt {
	margin-bottom: 2px;
	padding-top: 10px;
	clear: both;
}

dd {margin-bottom: 5px;}

/* -------- Header Styles */

H1, H2, H3, H4, H5, H6 {font-weight: bold; line-height: 115%; margin: 0px; padding: 20px 0px 5px 0px;}

H1 {font-size: 1.85em; font-family: 'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif}
H2 {font-size: 1.5em; font-family: 'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif}
H3 {font-size: 1.21em; color: #ff6633; font-weight: normal; font-family: 'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif}
H4, H5 {font-size: 1em; font-family: 'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif}
H5 {color: #ff6633;}
H6 {clear: both; font-size: 1.21em; background-color: #ff6633; color: #ffffff; padding: 10px; text-align: center; margin: 10px 0px;}
/*</agl.folder>*/

/*<agl.folder "--- Misc. Klassen - ----------------------------------------------------------------------------------------------------------------">*/
.box {clear: both;}
.box:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0.1px;
}

.center {text-align: center;}
.right {margin-left: auto;}

.leftfloat {float: left; margin: 0px 20px 20px 0px;}
.rightfloat {float: right; margin: 0px 0px 20px 20px;}

.highlight {color: #ff6633;}
.bordertop {border-top: 1px solid #ff6633;}
.borderbottom {border-bottom: 1px solid #ff6633;}

/*  clearer - prevent floated images from overlapping the div-containers they are wrapped in  */
.clearer {
	width: 1px;
	height: 1px;
	clear: both;
	font-size:1px;
	line-height: 0px;
}

.smalltext {font-size: 0.92em;}
.tinytext {font-size: 0.86em;}
.realsmalltext {font-size: 0.72em;}

/*</agl.folder>*/

/*<agl.folder "Menue-Eigenschaften generell ------------------------------------------------ ">*/
/* damit man nicht bei jedem Menue diese default-Werte neu setzen muss! */

/* kein Textumbruch bei horizontalen Menues, kein Listenbild */
.menu ul {margin: 0px; padding: 0px; }
.menu li {
		list-style: none;
		list-style-image: none;
		display: inline;
		padding: 0px;
		margin: 0px;
		white-space: nowrap;
		line-height: 100%;
		font-family: 'Trebuchet MS', "Lucida Grande", Verdana, Arial, sans-serif;
}

.menu a {text-decoration: none;}
.menu a:link, .menu a:visited {text-decoration: none; color: inherit;}

#mainnav ul li.first,
#topnav ul li.first,
#subnav ul li.first {border-left: 0px; padding-left: 0px; margin-left: 0px;}

#mainnav ul li.last,
#topnav ul li.last,
#subnav ul li.last {border-right: 0px; padding-right: 0px; margin-right: 0px;}

/*</agl.folder>*/

/*<agl.folder "Menues: #mainnav, #subnav, #topnav ------------------------------------------------ ">*/
/* Hauptmenue */
#mainnav {
	position: absolute;
	top: 155px;
	width: 100%;
	height: 26px;
	text-align: center;
	font-size: 1.15em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
}

#mainnav ul {height: 24px; margin-left: auto;}
#mainnav a {
	display: block;
	float: left;
	width: 180px;
	height: 22px;
	padding: 4px 0px 0px 0px;
	background-image: url(../images/bg_mainnav.gif);
	background-color: #ff6633;
}

#mainnav .first a {background-image: url(../images/bg_mainnav_first.gif);}
#mainnav .firstselected a {background-image: url(../images/bg_mainnav_first_active.gif);}
#mainnav .last a {background-image: url(../images/bg_mainnav_last.gif);}
#mainnav .selected a {background-image: url(../images/bg_mainnav_active.gif);}
#mainnav .lastselected a {background-image: url(../images/bg_mainnav_last_active.gif);}


#mainnav a:link, #mainnav a:visited, #mainnav a:active, #mainnav a:hover    { color: #333333;}
#mainnav a:hover, #mainnav a:active, 
#mainnav a.active, #mainnav a.active:link, #mainnav a.active:visited {background-image: url(../images/bg_mainnav_active.gif);}

#mainnav .first a:hover, #mainnav .first a:active, 
#mainnav .first a.active, #mainnav .first a.active:link, #mainnav .first a.active:visited {background-image: url(../images/bg_mainnav_first_active.gif);}

#mainnav .firstselected a:hover, #mainnav .firstselected a:active, 
#mainnav .firstselected a.active, #mainnav .firstselected a.active:link, #mainnav .firstselected a.active:visited {background-image: url(../images/bg_mainnav_first_active.gif);}

#mainnav .last a:hover, #mainnav .last a:active, 
#mainnav .last a.active, #mainnav .last a.active:link, #mainnav .last a.active:visited {background-image: url(../images/bg_mainnav_last_active.gif);}

#mainnav .lastselected a:hover, #mainnav .last a:active, 
#mainnav .lastselected a.active, #mainnav .last a.active:link, #mainnav .last a.active:visited {background-image: url(../images/bg_mainnav_last_active.gif);}

/* --------------------------------------- */

#subnav {
	position: absolute;
	top: 190px;
	width: 100%;
	font-weight: bold;
	font-size: 0.92em;
}

#subnav li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ff6633;
}

#subnav a:link, #subnav a:visited    {color: #ff6633;}
#subnav a:active, #subnav a:hover,
#subnav a.active, #subnav a.active:link, #subnav a.active:visited    { color: #ffead5;}

/* --------------------------------------- */
/* Home-und Kontakt-Link */

#topnav {
	position: absolute;
	top: 6px;
	right: 8px;
	text-align: right;
	font-size: 0.86em;
	text-transform: lowercase;
}

#topnav a {
	display: block;
	float: right;
	padding: 8px 0px 5px 28px;
	margin-left: 40px;
	background-repeat: no-repeat;
}

#topnav .home a {background-image: url(../images/bg_topnav_home.gif);}
#topnav .email a {background-image: url(../images/bg_topnav_email.gif);}

#topnav a:link, #topnav a:visited    {color: #ff6633;}
#topnav a:active, #topnav a:hover,
#topnav a.active, #topnav a.active:link, #topnav a.active:visited    { color: #ffffff;}
/*</agl.folder>*/

/*<agl.folder "Grundraster der Seite: #seite, #header, #inhalt ------------------------------------------------ ">*/
#seite {
	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	background-color: #141414;
}

#header {
	height: 220px;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
}


#inhalt {
	width: 900px;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-y;
}
/*</agl.folder>*/

/*<agl.folder "Einzel-Elemente in Header- und Inhalts-Bereich: #logo, #main, #sidebar... ------------------------------------------------ ">*/
#logo {
	position: absolute;
	top: 30px;
	left: 30px;
}

#main {
	float: left;
	width: 700px;
	background-color: #ffffff;
}

#content {padding: 30px 60px 50px 20px;}

#footer {
	clear: both;
	background-color: #141414;
	padding: 10px 0px;
	font-size: 0.86em;
}
#footer, #footer a, #footer a:visited {color: #ffffcc;} 

#sidebar {
	width: 180px;
	float: right;
	color: #ffffcc;
	font-size: 0.92em;
}/*</agl.folder>*/

/*<agl.folder "--- Einzelne Content-Box in Content-Bereich - ----------------------------------------------------------------------------------------------------------------">*/
#content .box {
	margin: 0px 0px;
	padding: 20px 0px;
	border-top: 1px solid #ff6633;
}

#content .box h1, #content .box h2, #content .box h3, #content .box h4, #content .box h5, #content .box h6 {
	padding-top: 0px;
}

.titleimage { padding-bottom: 20px;}

/*</agl.folder>*/

/*<agl.folder "--- Einzelne Content-Box in Sidebar - ----------------------------------------------------------------------------------------------------------------">*/
#sidebar .box {
	margin: 0px 0px 30px 0px;
	text-align: center;
}

#sidebar .box p, #sidebar .box h1, #sidebar .box h2, #sidebar .box h3, #sidebar .box h4, #sidebar .box h5, #sidebar .box h6, #sidebar .box ul, #sidebar .box ol, #sidebar .box dl, #sidebar .box h1 a {
	padding: 5px 10px 10px 10px;
	text-align: left;
}

#sidebar .box h1 {
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size:1.21em; 
}
#sidebar .box h1 a  {color: #ff6633; line-height: 100%; background-image: url("../images/bg_sidebarlink.gif"); background-repeat: no-repeat; display: block; padding: 4px 10px 10px }

/*</agl.folder>*/

/*<agl.folder "--- Banner ----------------------------------------------------------------------------------------------------------------">*/
#banner       {
	position: absolute;
	top: 45px;
	right: 8px;
	width: 500px;
	height: 90px;
	text-align: right;
}

#skyscraper {
	position: absolute;
	top: 35px;
	right: -200px;
	width: 1;
	height: 1px;
	text-align: right;
}

.inputs {border: solid 1px #8c8c8c; }
/*</agl.folder>*/

/*<agl.folder "--- Dynamic Content ----------------------------------------------------------------------------------------------------------------">*/
.dynamics { 
	font-family: inherit;
	}
	
.dynamics h2,h3,h4,h5 {
	font-weight: bold; 
	line-height: 115%; 
	margin: 0px; 
	padding: 0px 0px 5px 0px;
	}
	
.dynamics p {
	margin: 0px; 
	padding: 0px 0px 5px 0px;
	font-size:0.9em;
	line-height:normal}
	
.line { 
	border-top:solid #FF3300; 
	border-top-width:1px;
	padding-bottom: 10px;
	padding-top: 0px;
	}

.advertise {
	color:#FF6633;
	font-size:14px;
	font-weight:bold;
	}

.fltLft {
	float:left;
	margin-right:14px;
	}

.fltRgt {
	float:right;
	margin-left:14px;
	}

#ListMe {
	font-size: 0.86em;
	list-style-image:url(../images/icn_BulletPoint.gif);
	}