/****************************************************************************************************/
/**********************************  Standardlayout SeminarDesigner *****************************************/
/****************************************** gandke m&s gmbh   ********************************************/
/****************************************************************************************************/
/*
  Datei       		: seminardesigner.css
  Autor       		: Markus Baersch, gandke marketing & software gmbh
  Fassung vom	: 21.02.2008
**
*/


/**********STYLE ELEMENTE ***********************************/

* {
padding : 0;
margin : 0;
}

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #444; /*Schriftfarbe Vorgabe */
background-color: #fff; /*Hintergrund  Viewport*/
font-size: 89%;
line-height: 1.2em;
margin: 0;
padding: 0;
/*Zur zentrierten Platzierung auch im IE5/6...*/
text-align:center;
}


/********* Bilder    ***********  */

img.bordered {
border: 1px solid #255B99;
padding: 3px;
}

img.leftfloat {
float: left;
margin: 2px;
margin-right: 10px;
}

img.rightfloat {
float: right;
margin: 2px;
margin-left: 10px;
}


/********* 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 #000 solid;
}


fieldset {
border:0;
}

select,
input,
textarea {
/*background: #fefefe;*/
padding: 3px;
border: 1px #1660ab solid;
font-size: 100%;
}

textarea {font-size:1.3em}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #fff;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #fff;
border-color: #666;
}

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 {
border: 1px solid #255B99;
background-color: #fff;
empty-cells: show;
}

caption {
padding: 3px;
margin-bottom: 5px;
font-size: 0.8em;
font-weight: bold;
line-height: 1.5em;
caption-side: top;
text-align: left;
}

thead {
font-size:1.0em;
text-align:center;
background-color: #255B99;
color: #fff;
}

tfoot {
font-size: 0.8em;
text-align: left;
background-color: #fff;
font-weight: bold;
background-color: #eee;
}

tbody {
font-size: 0.9em;
text-align: left;
vertical-align: top;
background-color: #fff;
}

td, th {
padding: 3px;
}

th {
font-weight: bold;
}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 {
font-family: Arial,Helvetica,sans-serif;
margin-top: 0.25em;
margin-bottom: 0.5em;
margin-left: 0px;
font-size: 1.2em;
color: #000;
}

h1  {
font-size: 1.4em;
color: #255B99 ;
}

h2  {
font-size: 1.3em;
color: #255B99 ;
}


h4  {
    margin-top:20px;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 2em;
}


#content h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: normal;
margin-top: 0.6em;
margin-bottom: 0.8em;
}


#rechts h1, #rechts h2 {
font-size: 1.1em;
color: #255B99 ;
}


h2 {
font-size: 1.3em;
}

h5, h6 {
font-size: 1.0em;
margin-bottom: 2px;
}


p, ul, blockquote, cite {
margin-top: 0.5em;
margin-bottom: 1.5em;
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 *********************************/

a {
color: #1660ab;
text-decoration: underline;
}

a:hover {
color: #000;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
border: 1px solid #255B99;
}

.bordered,
.lighted {
padding: 0.6em;
}

.padded,
.padded_plus {
padding: 0.5em;
padding-top: 1.0em;
padding-bottom: 1.0em;
}

.padded_plus {
padding-left: 1.5em;
padding-right: 1.5em;
}

.right  {
text-align: right;
}

.dotted {
border: 1px dotted #255B99;
}

.noborder {
border: 0px;
}

.nopadding {
padding: 0!important;
}

.nomargin {
margin: 0!important;
}

.highlight {
padding: 5px;
background-color: #f0fff0;
color: #111;
}

.lighted {
background-color: #fafafa;
}

.alert {
color: #c00;
}

.headerbox {
margin: 0;
border: 1px solid #255B99;
border-bottom: 0px;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #255B99;
}

h1.headerbox, h1.headerbox_round,
h2.headerbox, h2.headerbox_round,
h3.headerbox, h3.headerbox_round {
font-size: 1.0em!important;
}

.headerbox_round,
.headerbox_fix {
margin: 0px;
border: 1px solid #255B99;
border-bottom: 0px;
padding: 2px;
padding-left: 5px;
margin-bottom: 0px;
color: #fff;
background-color: #255B99;
font-size: 1.0em;
font-weight: bold;
}

.headerbox_round {
border-top: 0px;
border-bottom: 0px;
padding-bottom: 3px;
padding-top: 0px;
}

.contentbox_round,
.contentbox {
border: 1px solid #255B99;
padding: 5px;
margin-top: 0px;
margin-bottom: 1.5em;
background-color: #fff;
}

.contentbox_round {
border-top: 0px;
border-bottom: 0px;
margin-bottom: 0px;
background-color: #fff;
}

/*Für "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: #255B99; /*Hintergrundfarbe der Boxheader eintragen*/
border-left: 1px solid #255B99; /*Rahmenfarbe hier einsetzen */
border-right: 1px solid #255B99; /*Rahmenfarbe hier einsetzen */
}

.l2u,
.l3u,
.l4u {
background: #fff; /*Hintergrundfarbe der Box eintragen*/
}

.l1u,
.l1 {
margin: 0 5px;
background: #255B99; /*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;
}

.lw { width: 415px; }

/**********************************/

.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:500px;
}

.colorfont, .c2 {
color: #1660AB;
}

.c1 {
color: #F09A31;
}

.c1, .c2 {
font-weight: bold;
}

img.ns {
height: 0 ;
width : 0 ;
}

.bgline  li {
margin-bottom: 0.5em;
}

.centered {
text-align: center;
}

.vidback {
height: 527px;
width:663px;
padding-top:1px;
padding-left:1px;
margin-left: 26px ;
background: url('img/vidback.jpg') top left no-repeat;
}

.fullwidth {
padding-left:44px;
}


.freepos {
margin-left: 70px ;
position: absolute;
top: 780px;
height: 527px;
padding-top:1px;
padding-left:1px;
width:663px;
background: url('img/vidback.jpg') top left no-repeat;
}

.vision {
color:#255B99;
font-weight: bold;
font-size: 1.4em ;
font-family:Arial,Helvetica,sans-serif;
text-align: center;
line-height:1.6em;
}

/******BOOKMARKS****************************************/

.bm {
margin-left: 56px;
margin-bottom: 10px;
}

.nodisp {
display:none;
}

.bmarklst li a {
text-decoration: none;
display: block;
margin-top: 1px;
margin-bottom: 1px;
font-family:Arial,sans-serif;
color:#255B99;
}

.bmarklst li a img {
padding-right: 5px;
padding-left: 1px!important;
border: 0;
}

.bmarklst li a:hover {
color: #000!important;
background: #F09A31;
}

.bmarklst {
padding:0;
margin: 0;
list-style-image: none;
list-style-type: none;
}

.bmarklst li {
padding:0;
margin: 0;
font-size:10px;
display: block;
}

.bmarks {
-moz-border-radius:8px;
line-height: 1em;
width: 135px;
background: #fff ;
border: 1px solid #255B99 ;
text-align: left;
padding: 3px;
}

/******SEITENLAYOUT ****************************************/

#c_page {
margin: 0 auto;
margin-top: 10px;
width: 775px;
text-align: left;
}

#skip {
position: absolute;
left: -3000px;
}

#header {
padding-left: 42px ;
height: 95px;
background: url('img/hd.jpg') top right no-repeat;
margin-bottom: 6px ;
}

#headtext {
width: 180px;
float: left;
margin-left: 10px ;
padding-top:23px;
text-align: center ;
}

#headtext h1 {
font-size: 17px ;
line-height: 15px ;
letter-spacing: 0.5px;
font-style: italic ;
margin:0 ;
padding:0 ;
color: #1660ab ;
}

#logo {
width: 342px;
height: 75px;
float:left;
margin-top: 6px ;
cursor:pointer;
}

#navmain {
background: url('img/navback1.jpg') top right no-repeat;
padding-left: 20px;
height: 22px;
}

#dnav {
background: url('img/navback2.jpg') top right repeat-y;
padding-left: 1px ;
padding-top: 5px;
min-height: 27px;
}

* html #dnav {
height: 22px;
}

#maincnt {
font-size: 0.85em ;
padding-top: 0.8em ;
padding-bottom: 2em ;
background: url('img/mainback.jpg') top right repeat-y;
min-height: 400px ;
}

*html #maincnt {
height: 400px;
}


#content {
float: left ;
width: 427px ;
padding-left: 44px ;
}

#sidebar {
float: right ;
width: 255px ;
padding-right: 18px ;
}

#sidebar p {
/*font-style: italic ;*/
font-size: 1.0em;
}

#footer {
color: #fff;
background: url('img/footer.jpg') top right no-repeat;
height: 23px;
font-size: 9px ;
text-align: center ;
}

#footer a {
color: #fff;
}

#footer p {
margin: 0px ;
}

/****************NAVIGATION ********************************/

#topnav {
padding-top: 4px ;
margin-left: 8px ;
}

#topnav ul ,
#dnav ul {
padding: 0px;
margin: 0px;
margin-left: 1px ;
list-style-type: none;
font-weight: normal;
}

#dnav ul {
color: #fff ;
margin-left: 30px ;
margin-top: 2px;
}

#topnav li,
#dnav li  {
margin: 0px;
float: left;
}

#topnav li {
font-size: 11px!important;
}

#dnav li {
font-size: 0.7em ;
border-right: 1px solid #fff ;
}

#topnav li {
padding-left: 0.8em ;
background: url('img/navtab_l.gif') bottom left no-repeat;
text-align: center ;
}

#topnav li a {
display: block;
padding-right: 0.8em ;
background: url('img/navtab_r.gif') bottom right no-repeat;
}

#topnav li.current {
background: url('img/navtab_current_l.gif') bottom left no-repeat;
border-bottom:1px solid #255B99 ;
}

#topnav li.current a {
background: url('img/navtab_current_r.gif') bottom right no-repeat;
}

#topnav a,
#dnav a  {
text-decoration: none;
color: #fff ;
}

#dnav a  {
padding-right: 1.0em;
padding-left: 1.0em;
display: block;
font-size:1.1em;
font-weight:bold;
}

#dnav li.current a {
text-decoration: underline;
}

#topnav a  {
font-weight: bold;
}

#topnav a:hover {
text-decoration: none;
color: orange;
}

#dnav a:hover  {
background: orange ;
color: #000 ;
}

#suchform  {
margin-top: 1em ;
margin-bottom: 20px ;
text-align: center ;
}

#suchbegriff {
width: 130px;
}

#dosearch {
width: 75px ;
font-weight: bold ;
}


ul.like_h2  {
margin: 0;
padding: 0;
margin-left: 10px!important;
}


ul.like_h2 li {
font-size: 1.3em;
font-weight: bold;
color: #255B99 ;
font-family: Arial,Helvetica,sans-serif;
margin-top: 10px;
margin-bottom: 0.5em;
margin-left: 0px;
line-height: 2em;
}

.fullback {
background: url('img/fullback.jpg') top right repeat-y!important;
}

.fullwd {
width: 90%!important;
}


/****************FORUM ********************************/

#fo_gruppe {
    clear:both;
    width:100%;
    height:20px;
    background-image: url(http://www.seminardesigner.at/img/topic_back.jpg);
    color: #fff;
    font-weight: bold;
    margin-bottom:10px;
}

#fo_gruppe_letzter {
    float:right;
    width:10em;
}

#fo_beiträge {
    float:right;
    width:5em;
    padding-right:7px;
    text-align:right;
}

#fo_gruppe_titel {
    padding-left:10px;
}

#fo_thema {
    clear:both;
    width:100%;
    margin-bottom:10px;
}

#fo_img {
    clear:both;
    float:left;
    width:5em overflow:hidden;
}

#fo_thema_letzter {
    float:right;
    width:10em;
}

#fo_content {
    margin: 0 10em 0 5em;
    padding:0 5px;
}

#fo_thema_titel {
    font-weight:bold;
}

#fo_text {
    margin: 0 10em 2em 5em;
    padding:0 5px;
}

#fo_user {
    float:right;
    width:15em;
    height:4.1em;
    text-align:right;
}

#fo_topic {
    margin: 0 10em 0 5em;
}

#fo_body {
    margin-left: 5em;
}

#fo_body_last {
    width:100%-5em;
    overflow:auto;
    margin: 0 0 2em 5em;
}

#fo_counter {
    float:right;
    width:5em;
    text-align:right;
}

#fo_counter_img {
    float:right;
    width:3em;
    text-align:right;
}

#fo_thema_title {
    font-weight: bold;
}

#fo_autor {
    font-style: italic;
}

#fo_autor_last {
    font-style: italic;
    margin: 0 0 2em 5em;
}

#fo_preview {
    font-style:normal;
    width:100%-5em;
    overflow:auto;
    margin: 0 0 2em 5em;
}

#forum_message {
    clear:both;
    border-width:1px;
    border-style:solid;
    border-color:black;
    background-color:#ffff80;
    color:red;
    font-weight:bold;
    padding:10px;
    margin: 2em 0;
}


@media print
{
  body { text-align: left; color: #000 ; }
  /*a[href]:after { content: "  ("attr(href)")"; color:#000; font-style: italic; text-decoration: none; }   */
  #c_page { margin: 0; padding: 0; width: 100%; }
  #maincnt, .vidback, .freepos, #footer { background-image: none;}
  #maincnt { width: auto ; margin: 10px ; padding: 0; }
  #content { width: 60% ; margin-left: 2%; padding: 0; margin: 0; }
  #sidebar { width: 35% ; margin-right: 2%; padding: 0; margin: 0; }
  #footer { width: 100%; height: auto; font-size: 1.0em; padding: 0; }
  .c1, .c2 , .colorfont, h1, #footer { color: #000 ; }
  .freepos { margin-left: 0 ; }
  .ns, .pgcl, .dnp,#suchform, .bm,
  #bmarks_c, #logo, #topnav,#skip,
  #headtext, #header, #navmain, #dnav { display: none!important; }
}