/* nobicom.de stylesheet */ 
/* 2005-04-26  */
/* goersch@bytebetrieb.com  */



/* ... / Allgemeines / ................................. */
body { padding: 0; margin: 0; width: 100%; font: 12px/14px Verdana, Geneva, Helvetica, Arial, sans-serif; text-align: center; color: #000; background: #aaa url(../_p/bg.gif) top center repeat-y; }

* { margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, td, fieldset { font-size: 10px; line-height: 18px; font-weight: normal; }

a:link 		{ text-decoration: underline; color: #16a; }
a:visited 	{ text-decoration: underline; color: #16a; }
a:hover 	{ text-decoration: none; color: #16a; }
a:active 	{ text-decoration: underline; color: #16a; }
a:focus 	{ text-decoration: none; color: #16a; }
a img, img 	{ border: none; }



/* ... / Hauptbereiche / ................................. */

#seitenblock 	{ position: relative; margin: 0 auto; padding: 0 30px 30px; text-align: left; width: 800px; voice-family: "\"}\"" voice-family: inherit; width: 740px; }
.tantek-dummy-1 { } /* Tanteks Hack zur Ausgleichung der Breite mit dem Padding für IE 5.5 */

#kopf 			{ position: relative; margin: 0 -30px 20px; width: 740px; height: 120px; background: #fff; }
#kopf a 			{ display: block; position: absolute; top: 102px; text-decoration:none;}
#subnavi-startseite { left:500px; width: 13px; height: 13px; text-indent: -9999px; background: transparent url(../_p/button-startseite.gif) bottom left no-repeat; }
#subnavi-bookmark 	{ left:530px; width: 19px; height: 13px; text-indent: -9999px; background: transparent url(../_p/button-bookmark.gif) bottom left no-repeat; }
#subnavi-mailto 	{ left:560px; width: 16px; height: 13px; text-indent: -9999px; background: transparent url(../_p/button-mailto.gif) bottom left no-repeat; }
#nutzer-ip 			{ position: absolute; top: 102px; left:604px; width:190px; font-size:12px; background: none; color:#333;}
#nutzer-ip em 		{ font-style: normal; }

#spalte-links 	{
position:absolute;
top:208px;
left:30px;
width: 170px; margin: 0 20px 0 0; height: 10px; }
html>body #spalte-links { height: auto; min-height: 10px; }
#spalte-mitte 	{
position:absolute;
top:208px;
left:220px;
width: 170px; margin: 0 20px 0 0; height: 10px; }
html>body #spalte-mitte { height: auto; min-height: 10px; }
#spalte-rechts 	{
position:absolute;
top:208px;
left:410px;
width: 170px; margin: 0 20px 0 0; height: 10px; }
html>body #spalte-rechts { height: auto; min-height: 10px; }

#spalte-links img,
#spalte-mitte img,
#spalte-rechts img { margin-bottom: 54px; }






/* ... / Kopf / ................................. */

h1 		{ width: 800px; height: 120px; text-indent: -9999px; background: transparent url(../_p/kopf.jpg?v=2011.2) 0 0 no-repeat; }



/* ... / Navigation / ................................. */
#navigation 		{ margin: 0 0 31px 0; background: #eee; width: 740px; border-bottom: 1px solid #666; display: table; }
#navigation	ul		{ list-style-type: none; width: 100%; height: 36px; }
#navigation li 		{ font-size: 12px; font-weight: bold; color: #999; float: left; }
#navigation select 	{ font-size: 12px; font-weight: bold; color: #999; background: #eee; width: 120px; margin: 8px 0 0 0; }

#navigation a 			{ font-weight: bold; display: block; margin: 10px 0 0 15px; }
#navigation a:link 		{ text-decoration: none; color: #999; }
#navigation a:visited 	{ text-decoration: none; color: #999; }
#navigation a:hover 	{ text-decoration: none; color: #d32; }
#navigation a:active 	{ text-decoration: none; color: #d32; }
#navigation a:focus 	{ text-decoration: none; color: #d32; }

#navi-00 { }
#navi-01 { }
#navi-02 { }
#navi-03 { }
#navi-04 { }
#navi-05 { }
#navi-06 { }
#navi-07 { }
#navi-08 a,
#navi-08 a:link,
#navi-08 a:visited { color:#d32 }
#navi-08 a:hover { color:#16a }

#subnavigation 		{
position:absolute;
top:208px;
left:30px;
list-style-type: none; width: 170px; margin: 0; padding: 0; }
#subnavigation li 	{ margin: 0 0 1px 0; color: #fff; background: #aaa; padding: 0; }

#subnavigation a 			{ font-weight: normal; padding: 2px 5px 2px 15px; margin: 0; width: 150px; display: block; height: 18px; }
html>body #subnavigation a 	{ height: auto; min-height: 18px; }

#subnavigation a:link 		{ text-decoration: none; color: #fff; }
#subnavigation a:visited 	{ text-decoration: none; color: #fff; }
#subnavigation a:hover 		{ text-decoration: none; color: #d32; }
#subnavigation a:active 	{ text-decoration: none; color: #d32; }
#subnavigation a:focus 		{ text-decoration: none; color: #d32; }


/* ... / Inhalt / ................................. */

/* Allgemeine Angaben für die Seiteninhalte */
p 	{ margin-bottom: 10px; }
strong 	{ font-style: normal; font-weight: bold; }
em 		{ font-style: italic; font-weight: normal; }
h2 	{ font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #16a; }
img { margin-bottom: 10px; }

#inhalt 		{
position:absolute;
top:208px;
left:220px;
width:340px; margin:0; }

#news 		{
position:absolute;
top:208px;
left:600px;
width: 170px; margin: 0; padding: 0; background: #eee; }
#news dt 	{ background: #16a; color: #fff; font-weight: bold; padding: 10px 5px; }
#news dd 	{ padding: 5px; margin: 0 0 5px; }
#news p 	{ font-weight: bold; margin: 0 5px 0; }

#news a 		{ display: block; margin: 0 5px 5px; }
#news p a 		{ display: inline; margin: 0; }

#news-popup a 		{ display: block; margin: 0 5px 5px; }
#news-popup p a 		{ display: inline; margin: 0; }

#news-popup a:link,
#news a:link 		{ text-decoration: none; color: #d32; }
#news-popup a:visited,
#news a:visited 	{ text-decoration: none; color: #d32; }
#news-popup a:hover,
#news a:hover 		{ text-decoration: underline; color: #d32; }
#news-popup a:active,
#news a:active 		{ text-decoration: none; color: #d32; }
#news-popup a:focus,
#news a:focus 		{ text-decoration: none; color: #d32; }

#inhalt dl 	{ margin: 10px 0 0; }
#inhalt dt 	{ background: #eee; border-bottom: 1px solid #666; margin: 0 0 5px; padding: 5px 10px 5px; color: #16a; font-weight: bold; }
#inhalt dd 	{ line-height: 18px; }
#inhalt dd em	{ font-style: normal; font-weight: bold; }

#news-popup 	{ background: #fff; text-align: left; }
#news-popup h3 	{ padding: 10px; font-weight: bold; background: #eee; border-bottom: 1px solid #666; }
#news-popup p 	{ padding: 10px;  }




/* ... / Rufensiemichan-Form / ................................. */
#news dd.kontaktformfeld {overflow:auto;border-top:10px solid #fff;margin-top:10px}
form#kontaktform {color:#333;padding:3px 0 0}
#kontaktform .formhead {text-align:center;text-transform:uppercase;margin:0 0 5px;color:#16A}
#kontaktform fieldset {border:none;overflow:auto;padding:3px 0}
#kontaktform fieldset.buttonfeld {text-align:center;padding:5px 0 0}
#kontaktform label {width:63px;overflow:auto;float:left;letter-spacing:-1px}
#kontaktform input.textfeld {width:90px;overflow:auto;float:left}

.ie7 #kontaktform label,
.ie7 #kontaktform input,
.ie8 #kontaktform label,
.ie8 #kontaktform input {font-size:9px;}

.ie6 #formabsenden {padding:0;width:160px;}