/********** STYLE.CSS - SPEEDYNET.DE **********/

body {
 font: 0.82em Arial, Verdana, Helvetica, sans-serif;
 color: #333;
 line-height: 1.166;
 padding: 0;
 background: #fff url(images/bg-main.png) fixed;
 margin: 0;
 text-align: center;
}

/***** Links und Listen *****/
a:link, a:visited {
 color: #005FA9;
 text-decoration: none;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
}

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

h1 {
 padding: 0;
 font: bold 150% Arial, Verdana, Helvetica, sans-serif;
}

h2 {
 padding: 0;
 font: bold 130% Arial, Verdana, Helvetica, sans-serif;
}

h3 {
 padding: 0;
 font: bold 113% Arial, Verdana, Helvetica, sans-serif;
}

h4 {
 padding: 0;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
}

h5 {
 padding: 0;
 font: bold 87% Arial, Verdana, Helvetica, sans-serif;
}

p { font: 102.5% Arial, Verdana, Helvetica, sans-serif; }

ul { list-style: url('micha/images/feeds_yellow.gif'); }

ul ul { list-style: url('micha/images/feeds_blue.png'); }

ul ul ul { list-style-type: square; }

ol { list-style-position: outside; }

acronym {
 border-bottom: 1px dashed #999;
 cursor: help;
}

blockquote, fieldset {
 border: 1px solid #9EBFDB;
 background: #fff;
 padding: 4px;
 color: #333;
}

img, p img, a img, .info_table img, .rahmen_table img { border: 0; }
	
.strong, legend, strong, th .con_nav { font-weight: bold; }

.underline { text-decoration: underline; }

.small, small { font: 76% Arial, Verdana, Helvetica, sans-serif; }

#head { font:100% Arial, Verdana, Helvetica, sans-serif; }

thead { font:110% Arial, Verdana, Helvetica, sans-serif; }

/***** Formulare *****/
.input {
 font: 100% Arial, Verdana, Helvetica, sans-serif;
 color: #000;
 margin: 1px;
 padding: 2px;
 border: 1px solid #ccc;
 background: #fff;
}

#buttons { text-align: center; }

.button {
 border: 1px solid #95C2E9;
 background: #fff;
 color: #1A89EA;
 font: bold 87% Arial, Verdana, Helvetica, sans-serif;
}

.field_hover {
 background: #F9F6F6;
 color: #000;
}

.field_blank {
 background: #fff;
 color: #000;
}

.nein {
 background: inherit;
 color: #f00;
}

.ok {
 background: inherit;
 color: #390;
}

.preview {
 width: 500px;
 margin: auto auto;
 text-align: left;
}

.input_link { text-decoration: none; }

.right { text-align: right; }

/***** allgemeine Bereiche *****/
#global {
 margin: auto auto;
 width: 980px;
 text-align: left;
 height: 100%;
 background: #ccc url(../images/repeater.jpg) repeat-y 50% 0;  
}

#pagecell1 {
 position: absolute;
 margin: 147px auto 0 auto;
 width: 980px;
}

#masthead {
 position: absolute;
 margin: 0 auto 0 auto;
 width: 980px;
 padding: 0;
 height: 90px;
}

#pageNav {
 float: left;
 width: 170px;
 padding: 0;
 background: #C3DDED;
 border-right: 1px solid #3891DC;
 border-bottom: 1px solid #3891DC;
 border-left: 1px solid #3891DC;
 font: 102.5% Arial, Verdana, Helvetica, sans-serif;
 vertical-align: middle;
 color: #333;
}

#content {
 padding: 0;
 margin: 1px 0 5px 180px;
 width: 797px;
 background: #fff;
 border: 1px solid #3891DC;
 min-height : 100%;
 height : auto !important;
 height : 100%;
}

/***** Die einzelnen Bereiche ******/
/*** der Banner ***/
#siteName, #sectionLinks, form {
 margin: 0;
 padding: 0;
}

#siteName img { border: 1px solid #3891DC; }

/*** Das Menu unter dem Banner ***/
#globalNav {
 top: 100px;
 left: -1px;
 position: absolute;
 width: 980px; 
 background: #fff url(images/glbnav_background.png);
 border: 1px solid #3891DC;
 height: 30px;
 color: #ccc;
 padding: 0;
 margin: 0;
}

#globalNav ul li a {
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
 color: #000;
 margin: 0;
 border-right: 1px solid #a1c7f2;
 background: inherit;
}

#globalNav ul li ul li a {
 border-right: 0 none;
}

#globalNav ul li a:hover {
 background: #fff;
 margin-top: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-bottom: 5px;
 text-decoration: none;
 color: #000;
}

#globalNav ul li ul li {
 padding-top: 0;
 margin-top: 0;
}

#globalNav ul li ul li a:hover{
 background: none;
 text-decoration: underline;
}

/*** Der Fußbereich der Seite ***/
#siteInfo {
 width: 980px;
 height: 25px;
}

#siteInfo div {
 text-align: center;
 font-size: 92%;
 color: #000;
 font-weight: bold;
 padding: 4px;
 background: #fff url(images/glbnav_background.png);
 border: 1px solid #3891DC;
 clear: both;
 margin-top: 1px;
}

/*** Das Linke Menu ***/

#sectionLinks h3 {
 padding: 10px 0 2px 10px;
 border-bottom: 1px solid #3891DC;
}

#sectionLinks a:link,
#sectionLinks a:active,
#sectionLinks a:visited,
.sectionLinks div a:link,
.sectionLinks div a:active,
.sectionLinks div a:visited {
 border-top: 1px solid #3891DC;
 background: #fff url(images/bg_nav.png);
 font-weight: bold;
 padding: 3px 0 3px 10px;
 color: #21536A;
 cursor: pointer;
 margin: 0;
 display: block;
}

#sectionLinks a:hover, .sectionLinks div a:hover {
 background: #fff;
 font-weight: bold;
 text-decoration: none;
 color: #21536A;
}

#sectionLinks2 a:link,
#sectionLinks2 a:visited,
#sectionLinks .sectionLinks2 a:link,
#sectionLinks .sectionLinks2 a:active,
#sectionLinks .sectionLinks2 a:visited {
 display: block;
 background: #fff url(images/bg_nav2.png);
 font-weight: bold;
 padding: 3px 0 3px 10px;
 color: #000;
}

#sectionLinks2 a:hover,
#sectionLinks .sectionLinks2 a:hover{
 border-top: 1px solid #3891DC;
 background: #fff;
 font-weight: bold;
 text-decoration: none;
 color: #21536A;
}

/*** Das dynamische Menu Links ***/
.menutop {
 display: block;
 border-top: 1px solid #3891DC;
 border-bottom: 1px solid #fff;
 background: #000 url(images/bg_nav.png);
 font-weight: bold;
 padding: 3px 0 3px 10px;
 color: #21536A;
}

.menutopover {
 border-top: 1px solid #3891DC;
 background: #fff;
 font-weight: bold;
 text-decoration: none;
 color: #21536A;
 padding: 3px 0 4px 10px;
 cursor: pointer;
}

.subItem a {
 display: block;
 border-top: 1px solid #3891DC;
 border-bottom: 1px solid #fff;
 font-weight: bold;
 padding: 3px 0 3px 10px;
 color: #000;
 background: inherit;
}

/*** die Funbox ***/
.relatedLinks {
 margin: 24px;
 padding: 0;
 font-size: 10px;
 text-align: center;
 font-variant: small-caps;
}

/*** Inhalt des Hauptbereiches ***/

/** Tabelle für Pfade **/
.pfad {
 padding: 2px;
 margin-left: 3px;
 width: 760px;
 font: 100% Arial, Verdana, Helvetica, sans-serif;
}

.pfad a:link, .pfad a:visited {
 color: #005FA9;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
 text-decoration: none;
}

.pfad a:hover { text-decoration: underline; }

/** Navigationsleisten **/
.con_nav {
 margin: 2px;
 padding: 2px;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
 background: #fff url(images/bg_nav.png);
}

.balken_4 {
 margin: 2px;
 padding: 4px;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
 background: #fff url(images/bg_nav3.png);
 border-right: 1px solid #3891DC;
 border-bottom: 1px solid #3891DC;
 border-left: 1px solid #3891DC;
 color: #000;
}
	
/** Inhalt **/
.feature {
 margin: 0;
 padding: 5px;
 width: 788px;
 min-height : 100%;
 height : auto !important;
 height : 100%;
 font: 100% Arial, Verdana, Helvetica, sans-serif;
}


html>body .feature { height: auto; }

.info_table {
 font: 100% Arial, Verdana, Helvetica, sans-serif;
 padding: 4px;
 border-collapse: collapse;
 width: 100%;
}
	
.rahmen_table {
 border: 1px solid #069;
 font: 100% Arial, Verdana, Helvetica, sans-serif;
 border-collapse: collapse;
}

#box { text-align: center; }

.info_box2 {
 color: #333;
 text-align: center;
 margin: auto auto;
 font: 100% Arial, Verdana, Helvetica, sans-serif;
 width: 120px;
}

.info_box {
 font: 100% Arial, Verdana, Helvetica, sans-serif;
 background: #fff;
 color: #333;
}

.infobox th { text-align: left; }

 /** Schatten für für Bilder und Zitatboxen **/
div.shadow {
 background: #ccc;
  padding: 1px; 
}

div.shadow3 {
  background: #fff;
  padding: 3px; 
  margin: 3px;
}

div.shadow3 blockquote, DIV.shadow3 img {
  margin: -2px;
  display: block;
  position: relative;
  top: -3px;
  left: -3px;
}

/** Erweiterung für die Darstellung von Layern **/
.layer {
 position: absolute; 
 z-index: 10; 
 border: 1px none #000;
 display: none;
 color: #f00;
 font: bold 100% Arial, Verdana, Helvetica, sans-serif;
}

/** letzte Beiträge aus Forum **/
.intern_link {
 background: url('images/link_external.gif') no-repeat right;
 text-decoration: none;
 padding-right: 12px;
 cursor: pointer;
}

.extern_link {
 background: url('images/link_internal.gif') no-repeat right;
 text-decoration: none;
 padding-right: 12px;
 cursor: pointer;
}

a.extern_link, a:visited.extern_link {
 color: #1D9B3D;
 background: url('images/link_internal.gif') no-repeat right;
}

a.extern_link:hover, a.intern_link:hover { text-decoration: none; }
a.extern_link:hover { color: #5FB375; }

.navigation { cursor: pointer; }

.list ul {list-style: url('micha/images/feeds_yellow.gif');}

.about { text-align: center; }

.contentstyle {
 border: 1px solid #3891DC;
 width: 97%;
 margin-bottom: 1em;
 padding: 10px;
}

/* Developer Table */
table.userpage_developer {
 background: #C00;
 color: #FFF;
}

table.userpage_developer h2 {
 padding: 4px;
 margin: 0;
 text-align: center;
 font: 107% Arial, Helvetica, sans-serif;
}

table.userpage_developer h2 a:hover{
 background: #FF0000;
 color: #FF0000;
}

ul#gallery, ul#sectionLinks, ul#sectionLinks li ul { list-style: none; }

#gallery li { padding: 10px 0 10px 35px; }

ul#sectionLinks li ul { padding: 0 }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
    color: #000;
    margin: -3px 0 5px 0;
}
.sf-menu a {
	display:		block;
	position:		relative;

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-6px;
	top:			22px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}