/**********************************************************************************/
/*****************  Standardlayout SEMINARPLAER  **********************************/
/************** Markus Baersch , gandke marketing & software  *********************/
/**********************************************************************************/
/*
  Datei       		: style.css
  Autor       		: Markus Baersch , gandke marketing & software - http://www.gsn.de
  Fassung vom	    : 27.05.2009
**
*/

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

* {
padding : 0;
margin : 0;
}

body {
font-family:Arial,Helvetica,Geneva,Sans-serif;
color: #222;
background-color: #D3D6DE;
font-size: 15px;
line-height: 1.4em;
margin: 0;
padding: 0;
text-align:center;
}

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

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

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

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

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

/********* Formulare  & Co.. ***********  */

hr {
color: #0983D9;
background: transparent;
margin:0;
padding:0.5em 0;
margin-bottom: 1em;
border:0;
height: 1px;
border-bottom: 1px # solid;
}

fieldset {
border:0;
}

select,
input,
textarea {
background: #fefefe;
padding: 3px;
border: 1px #0983D9 solid;
font-size: 99%;
}

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 #0983D9;
background-color: #fff;
padding: 3px;
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: #666;
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;
border: 1px solid #000;
}

th {
font-weight: bold;
}

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

h1,h2,h3,h4,h5,h6 {
margin-top: 0.25em;
margin-bottom: 0.5em;
margin-left: 0px;
font-size: 1.2em;
color: #444;
line-height:1.1em;
}

h1  {
font-size: 1.5em;
font-weight:normal;
}

h2  {
font-size: 1.3em;
font-weight:bold;
}

h4  {
font-size: 1.0em;
margin-top: 1.0em;
margin-bottom: 3px;
}

#content h1 {
font-size: 2em;
margin-bottom: 0.6em;
color:#0983D9;
}


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: #0983D9;
text-decoration: none;
font-weight:bold;
}

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

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

.bordered {
padding: 0.6em;
border: 1px solid #0983D9;
}

.lighted, .whitebox {
padding: 0.6em;
color: #21609a;
background-color: #ddeffb;
border: 1px solid #b7d1e2;
-moz-border-radius: 8px;
}

.whitebox {
background-color: #fff;
}

.pad_m {
padding: 0 0 0 0.8em;
}

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

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

.right  {
text-align: right;
}

.dotted {
border: 1px dotted #0983D9;
}

.noborder {
border: 0px;
}

.nopadding {
padding: 0!important;
}

.nomargin {
margin: 0!important;
}

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

.alert {
color: #c00;
}

.headerbox {
border: 1px 1px 0 solid #B7D1E2;
color: #21609A;
margin:0 0 0;
padding:2px 2px 2px 5px;
background: #B7D1E2;
}

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

.contentbox {
background-color:#FFFFFF;
border:1px solid #B7D1E2;
margin-bottom:1.5em;
margin-top:0;
padding:5px;
}

inserat {
border: 1px 1px 1px 0 solid #B7D1E2;
}

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

.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;
}

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

#container_page {
position: relative;
margin: 0 auto 400px;
width: 970px;
text-align: left;
aborder: 1px solid #0983D9;
background: #f4f4f4;
-moz-border-radius: 16px;
}

#eventlog {
position: relative;
margin: 0 auto 400px;
width: 176px;
text-align: left;
font-size: 0.7em;
line-height:120%;
background: #E6E6E6;
}

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

#logo {
position: absolute;
cursor:pointer;
width:145px;
height:145px;
left: 777px;
top: 10px;
}

#header {
padding-left:45px;
color: #fff;
background: url('img/logo.jpg') 27px 0 no-repeat;
height:220px;
}

#content {
float: left ;
width: 705px ;
padding-left: 30px ;
min-height: 400px ;
border-right: 1px solid #B7D1E2 ;
}

* html #content {
height: 400px;
}

#margin {
border-right:27px solid #f4f4f4;
float: right ;
width: 205px ;
}

#inserpic {
width:164px;
height:110px;
border-left:1px solid #b7d1e2;
border-right:1px solid #b7d1e2;
padding:0;
}

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

#nav  {
font-size: 0.9em;
color: #0983D9;
}

#nav li a {
font-weight: normal;
color: #222;
}

#nav li.current a {
font-weight: bold;
}

#nav li.current a:hover {
color: #FD0C00;
}

/************** Zus. Klassen und Sondercontainer *************/

#claim {
font-size: 22px;
padding-top: 38px;
}

#header h1 {
margin: 0;
color: #fff;
font-size: 52px;
padding-top: 17px;
}

#header p {
margin:0;
font-size:48px;
padding:17px 0 0 0;
}

#boxes img {
border: 0;
padding: 0;
}

#boxes .box {
width: 166px;
float:left;
border-right: 9px solid #f4f4f4;
border-bottom: 15px solid #f4f4f4;
font-size: 12px;
line-height: 1.4em;
background: #fff url('img/boxfoot.png') 0 100% no-repeat;
padding-bottom:12px;
}

#boxes h1,
#boxes h2,
#boxes h3,
#boxes h4 {
height: 53px;
font-size: 13px;
font-weight:bold;
padding: 8px 8px 0 8px;
background: #E6F4FD url('img/boxhead.png') 0 0 no-repeat;
color: #21609A;
margin:0;
line-height: 1.3em;
}

#boxes .boxcnt {
min-height: 290px;
border-left: 1px solid #B7D1E2;
border-right: 1px solid #B7D1E2;
padding: 5px 7px 5px 7px;
}

* html #boxes .boxcnt {
height: 290px;
}

#footer {
border-left: 753px solid #F4F4F4;
color: #000000;
font-size: 10px;
font-weight: lighter;
padding-bottom: 10px;
padding-left: 130px;
-moz-border-radius:16px;
}

/************** Bookmarks *************/

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

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

.bmarklst li a:hover {
color: #0983D9!important;
background: #fff;
}

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

.bmarklst img {
border:0;
}


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

.bmarks {
-moz-border-radius:8px;
line-height: 1em;
width: 173px;
background: #DDEFFB ;
border: 1px solid #B7D1E2 ;
text-align: left;
padding: 10px;
margin-bottom:1em;
}

#sbm_wrap {
font-size: 17px ;
font-family: Arial,Verdana,sans-serif;
}