/****************************************************************************************************/
/**********************************  Standardlayout nutzerforum.de - DNN -.Skin*********************************/
/****************************************************************************************************/
/*
Datei       		: style.css f�r nutzerforum
Autor       		: Markus Baersch 
Fassung vom	: 14.03.2008
**
*/

/**********STYLE ELEMENTE ***********************************/
* { padding : 0; margin : 0;}
body { font-family: Verdana,Arial,Helvetica,sans-serif; color: #222; /*Schriftfarbe Vorgabe */
background: #fff ; font-size: 87%; line-height: 1.2em; margin: 0; 
padding: 0; /*Zur zentrierten Platzierung auch im IE5/6...*/
text-align:center;}
.SkinObject { color: #222; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:none;}
.Head ,
.SubHead  { color:#1B78D5; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight:bold;}
a.2Forum { font-size: 2em; } 
.Head { font-size: 1.1em;}
/********* Bilder    ***********  */
img.leftfloat { float: left; margin: 5px; margin-right: 15px;}
img.rightfloat { float: right; margin: 5px; margin-left: 15px;}
/********* Formulare  & Co.. ***********  */
hr { color: #000; 
background: transparent; 
margin: 0 0 0.5em 0; 
padding: 0 0 0.5em 0; 
border: 0; 
height: 1px; border-bottom: 1px #1B78D5 solid; }
fieldset { border:0;}
select, input, textarea { background: #fefefe; padding: 3px; border: 1px #1B78D5 solid; 
font-size: 99%; margin: 3px; }
input[type=image] { border: 0;}
textarea { font-size: 100%;}
input[type=reset],
input[type=submit],
input[type=button] { width: auto; overflow:visible; background: #1B78D5; border-color: #1B78D5; color:#fff; padding: 6px 15px; -o-border-radius:8px; -moz-border-radius:8px;border-radius:8px; 
-moz-box-shadow:2px 2px 6px #444; -o-box-shadow:2px 2px 6px #444; -webkit-box-shadow:2px 2px 6px #444; box-shadow:2px 2px 6px #444; margin-bottom:10px;}
input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover { border-color: #000;}
input[type=text]:focus, textarea:focus { background: #fff; border-color: #666;}
input[type=radio], input[type=checkbox] { background:transparent none repeat scroll 0% 50%; border:0pt none;}
option { padding-left: 0.4em; padding-right: 1.0em;}
/*************** Textauszeichnungen... *************/
pre {	
font-family: "Courier New", Courier, monospace; }
dt, strong,
b { font-weight: bold;}
i, em { font-style: italic;}
/***************************** Tabellen *********************************/
table.formatted { border: 1px solid #1B78D5; 
background-color: #fff; 
empty-cells: show; }
table.formatted caption { padding: 3px; 
margin-bottom: 5px; font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top; text-align: left; }
table.formatted thead { font-size:1.0em; 
text-align:center; background-color: #1B78D5; 
color: #fff;}
table.formatted tfoot { font-size: 0.8em; text-align: left; background-color: #fff; font-weight: bold; 
background-color: #eee; }
table.formatted tbody { font-size: 0.9em; 
text-align: left; 
vertical-align: top; 
background-color: #fff;}
td, table.formatted th { padding: 1px;}
th { font-weight: bold; }
/********* �berschriften und Textauszeichnungen ***********  */
h1,h2,h3,h4,h5,h6 { font-family: 'Telex',Tahoma,Helvetica,sans-serif; margin: 0.25em 0 0.8em 0; font-size: 1.2em; letter-spacing: 2px; color: #10467C;}
h1  { font-size: 1.5em; font-weight: normal; }
h2  { font-size: 1.3em;}
h4  { font-size: 1.2em; margin-top: 1.0em; 
margin-bottom: 3px;}
/**************************/
.leftPane h2 { color: #444; font-size: 1.1em; letter-spacing: 0;}
.leftPane h1 { letter-spacing: 1px;}
h5, h6 { font-size: 1.0em; margin-bottom: 2px;}
p, ul, blockquote, cite { margin-top: 0.2em; padding-bottom: 1em; font-size: 1.0em; }
blockquote, cite { width: auto;}
cite { font-style: italic; }
ul, ol, dl { padding: 3px; padding-left: 1.8em;}
li { line-height: 1.5em;}
/***************************** Links *********************************/
#footer a,
.SkinObject a,
.Container_ContentPane a,
a { color: #299AD4; 
text-decoration: underline; }
#footer a:hover,
.Container_ContentPane a:hover,
a:hover { color: #000; }
/*****************************  TOOLS  UND KLASSEN   *********************************/
.bordered { border: 1px solid #1B78D5; }
.bordered, .lighted { padding: 0.6em;}
.padded,
.padded_plus { padding: 1em; padding-top: 0;}
.padded_plus { padding-right: 3em;}
.right  { text-align: right;}
.dotted { border: 1px dotted #1B78D5; }
.noborder { border: 0px; }
.nopadding { padding: 0!important; }
.nomargin { margin: 0!important; }
.highlight { padding: 5px; background-color: #B7E9F7; border: 1px solid #1B78D5; color: #111;}
.lighted { background-color: #D9F3FB; border: 1px solid #1B78D5; color: #111;}
.alert { color: #c00; }
.headerbox { margin: 0; border: 1px solid #1B78D5; 
border-bottom: 0px; padding: 2px; padding-left: 5px; margin-bottom: 0px; color: #fff!important; background-color: #1B78D5; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;}
h1.headerbox, h1.headerbox_round, h2.headerbox, h2.headerbox_round, h3.headerbox, h3.headerbox_round { font-size: 1.1em!important;}
.headerbox_round, .headerbox_fix { margin: 0px; border: 1px solid #1B78D5; 
border-bottom: 0px; padding: 2px; padding-left: 5px; margin-bottom: 0px; color: #fff; background-color: #1B78D5; font-size: 1.1em; font-weight: bold;}
.headerbox_round { border-top: 0px; border-bottom: 0px; padding-bottom: 3px; padding-top: 0px;}
.contentbox_round, .contentbox { border: 1px solid #1B78D5; 
padding: 0.6em; padding-left: 1.3em; padding-right: 1em; margin-top: 0px; margin-bottom: 1.5em; background-color: #fff;}
.contentbox { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;}
.contentbox_round { -o-border-radius:8px;  -moz-border-radius:8px;border-radius:8px; 
-moz-box-shadow:3px 3px 9px #bbb; -o-box-shadow:3px 3px 9px #bbb; -webkit-box-shadow:3px 3px 9px #bbb; box-shadow:3px 3px 9px #bbb; }
/*"runde Ecken" ohne Grafik*/
.l1u, .l2u, .l3u, .l4u,
.l1, .l2, .l3, .l4 { margin: 0px; padding: 0px; display: block; 
overflow: hidden; 
font-size: 1px;}
.l1u, .l2u, .l3u, .l1, .l2, .l3 { height: 1px;}
.l2u, .l3u, .l4u,
.l2, .l3, .l4 { background: #1B78D5; /*Hintergrundfarbe der Boxheader eintragen*/
border-left: 1px solid #1B78D5; /*Rahmenfarbe hier einsetzen */
border-right: 1px solid #1B78D5; /*Rahmenfarbe hier einsetzen */}
.l2u, .l3u, .l4u { background: #fff; /*Hintergrundfarbe der Box eintragen*/}
.l1u, .l1 { margin: 0 5px; 
background: #1B78D5; /*Rahmenfarbe hier einsetzen */}
.l2u, .l2 { margin: 0 3px; 
border-width: 0 2px 0 2px;}
.l3u, .l3 { margin: 0 2px;}
.l4u,
.l4 { height: 2px; 
margin: 0 1px 0 1px;}
.l1u { margin-bottom: 15px;}
/**********************************/
.float_right { float: right; 
background-color: transparent;}
.float_left { float: left; 
background-color: transparent;}
.cleaner { clear: both; height: 0px; padding:0px; margin: 0px; border: 0px; overflow: hidden;}
.pgcl { margin-bottom:300px;}
.colorfont { color: #E48F00;}
.colorfont2{ color: #1B78D5;}
img.ns { height: 0 ; width : 0 ;}
.bgline  li { margin-bottom: 0.5em;}
.centered { text-align: center;}
/******SEITENLAYOUT ****************************************/
#tp { background: #B7E9F7; padding: 10px 0 15px 0 ; 
border-bottom: 1px solid #1B78D5 ;}
*html #tp { height: 60px;}
.bg_page { padding-top: 5px; background: #fff url('body.jpg') 0 0 repeat-x ;}
.bg_nav { padding-top: 5px; background: #fff; border-bottom: 1px solid #1B78D5; height: 40px;}
#c_page { margin: 0 auto; width: 930px; text-align: left; padding-top: 10px;}
.h_page { margin: 0 auto; width: 900px; text-align: left; font-size: 0.9em ; color: #444;}
.h_page p { margin: 0; font-size: 0.9em; padding-top: 16px; line-height:22px; overflow: hidden; }
.big  { font-family: 'Telex',Tahoma,Helvetica,sans-serif; font-size: 3.5em; font-weight: bold; letter-spacing:2px; text-shadow: 2px 2px 8px #aaa; }
#skip { position: absolute; 
left: -3000px;}
#maincnt { font-size: 0.9em ; min-height: 500px ;}
*html #maincnt { height: 500px;}
#Mcontent { float: left ; width: 700px ;}
#MContent.Forumwrp { width: 100%;}
#sidebar { float: left ; width: 220px ;}
#footer { padding: 0.5em ; border-top: 1px solid #1B78D5 ; font-size: 0.8em;}
/****************NAVIGATION ********************************/

#mnav { float: left; }
#secnav,
#mnav  { margin-bottom: 0!important; padding: 0!important; list-style-type: none; font-weight: normal; line-height: 1.0em;}
#secnav { float: right; 
margin-top: 7px;}
#mnav  ul { padding-left:0; }
#secnav  li,
#mnav  li { margin: 0; 
padding: 0; 
float: left; 
text-align: center ; line-height: 1.0em; margin-right: 10px; list-style-type: none;}
#secnav  li a { font-size: 0.9em; 
padding-left: 1em ; text-decoration: none; color: #444;}
#secnav  li a:hover { color: #000; 
text-decoration: underline;}
#secnav li { padding-top: 0.3em;}
#mnav  li a { border: 1px solid #1B78D5 ; background-color: #F7F9FC; -o-border-radius:8px; -moz-border-radius:8px;border-radius:8px; 
-moz-box-shadow:1px 1px 3px #666; -o-box-shadow:1px 1px 3px #666; -webkit-box-shadow:1px 1px 3px #666; box-shadow:1px 1px 3px #666; padding: 5px; padding-left: 1em ; padding-right: 1em ; display: block; font-weight: bold; text-decoration: none; color: #444;}
#mnav  li.firstcurrent a,
#mnav  li.lastcurrent a,
#mnav  li.current a { background: #D8E8FA;}
#mnav  li a:hover { color: #fff; 
background: #1B78D5; }
#dnav { border: 1px solid #1B78D5 ; border-top: 0; margin-bottom: 20px; line-height: 1.0em; background: #fff; padding: 10px; }
/***************************/
#mnav li ul { position: absolute; 
margin: 0px -1px 0px; padding: 2px;}
#mnav  li:hover { z-index: 10000; white-space: normal; /* F�r den IE7, weil der sonst vom z-Index nix wissen will*/}
#mnav  li li { float: left; border: 0; font-size: 10px; padding: 0; margin:0; }
#mnav li ul { position: absolute; z-index: 10;}
#mnav li:hover>ul { top: 100%;	/* An das Elternobjekt unten dranh�ngen */}
#mnav  li li a { padding: 1px; font-weight: normal!important; text-decoration: none; color: #444; text-align: left; line-height: 1em;}
/***************************/

#suchen { padding: 0!important; font-size: 0.9em; margin-top: 8px;}
#suchen input[type="text"] { width: 16em;}
#startsuche { border: 0; padding: 0!important; background: #fff url('img/suchen.jpg') 0 0 no-repeat; height: 30px; width: 90px;}
.toplist { font-size: 0.9em; 
margin-bottom: 15px;}
.toplist a { font-size: 1.1em; }
/********************/
.smaller { font-size: 0.9em;}
h1 small { font-size: 0.7em; color: #444; letter-spacing: 0;}
#plhld { background: #D8E8FA; height: 60px;}
#poswrp { position:absolute; top:61px; left: 0; width: 100%;}
* html #poswrp { border-top: 1px solid #1B78D5;}
.rtext { text-align: right; }
.tline { padding-top: 5px ; border-top: 1px solid #ccc; }
.bgr { font-size: 1.1em;}
input.standardbutton { margin-left: 2px;}
div.news { background-color: #F1F8FB; border: 1px solid #C4EAFB ; padding: 0.8em; margin-bottom: 1.2em; -moz-border-radius:8px;}