/*
Theme Name: DocDiDac Wordpress Theme
Theme URI: http://www.3mo.de
Description: Individualentwicklung für DOCDIDAC e.V.
Version: 1.0
Author: 3MO Medien
Author URI: http://www.3mo.de
Tags: docdidac, notarztkurs, sylt
*/


/*
   global elements
  -----------------------
*/

.private {
display:none;
}

* {
 margin: 0;
 padding: 0;
}

html {
 width: 100%;
overflow: -moz-scrollbars-vertical;
}

body {
 background-color: #cecece;
 font-family: Arial, Helvetica, sans-serif, Verdana;
 font-size: 1.0em;
 height:101%;
}


/*
   header elements
  -----------------------
*/
h1,h2,h3,h4,h5,h6 {
 color: #913536;
 font-family: "Times New Roman", Times, serif;
 margin: 0 0 5px 0;
}

h1 {
 font-size: 1.4em;
}
h2 {
 font-size: 1.2em;
}

div#leftSidebar h2,
div#leftSidebar h3 {
 font-family: Verdana, Arial;
 font-size: 0.8em;
 text-transform: uppercase;
 padding: 5px 0 0 4px;
}

h3 {
 font-size: 1.2em;
}


div.boxCTop h2,
div.boxCTop h3 {
 text-align: center;
 font-size: 1.25em;
 font-weight: normal;
 margin-right:20px;
}



div.boxSBTop h3 {
 font-size: 0.8em;
 margin:0;
}


h4 {
 font-size: 1.1em;
}
h5 {
 font-size: 1.0em;
}



/*
   paragraph elements
  -----------------------
*/
p {
 margin: 0 0 0 0;
 line-height: 1.5em;
}

#content p {
 margin: 10px 0 0 0;
}

blockquote {
 font-style: italic;
}

/*
   list elements
  -----------------------
*/

div.navigation ul {
 list-style: none;
 margin: 0 0 0 195px;
 height:34px;
}

div.navigation ul li {
 float: left;
 text-transform: uppercase;
 margin:0;
}

div.DDD ul{
float: left;
margin:10px 0 10px 20px;
}

div#navigationSub ul {
 background: url("images/line-pixel-white.png") 0px 15px repeat-x #b3b5b5;
 height: 21px;
 clear: both;
 margin: 0;
}

div#navigationSub ul li {
 margin: 0 0 0 20px;
}

div#navigationSub ul li.highlight {
 background-image: none;
}

div#leftSidebar ul {
 list-style: none;
}

div#leftSidebar ul li {

}

div#footer ul {
 list-style: none;
}

div#footer ul li {
 display: inline;
 margin: 0 25px 0 0;
}

div.boxCText ul li{
margin:0 0 0 20px;
}

/*
   table elements
  -----------------------
*/
table {

}

caption {

}

tr {

}
th {

}
td {

}


/*
   form elements
  -----------------------
*/
form {

}

form#commentform {
 margin: 15px 0 0 0;
}

#content form {
 width: 500px;
}

input {
 border: 1px solid #999;
 margin: 0 0 5px 0;
 padding: 2px;
}

form#commentform #submit {
 margin: 5px 0 0 0;
}

textarea {
 border: 1px solid #999;
 padding: 2px;
}


/*
   devide elements
  -----------------------
*/

div#container {
 background: url("images/container-shadow-lr.png") top left repeat-y #fff;
 margin: 0 auto;
 padding: 0 0 0 15px;
 width: 923px;
}

div#header {
 height: 204px;
 width: 908px;
}

div.navigation {
 background: url("images/bg_nav_docdidac.gif") repeat-x;
 font-family: "Times New Roman", Times, serif;
 font-size: 1.0em;
 height: 34px;
 line-height: 34px;
 width: 908px;
}

div#navigationSub {
 
 font-size: 0.9em;
 line-height: 21px;
 text-align: right;
}

div#leftSidebar {
 /*clear: left;*/ 
 float: left;
 width: 180px; /*185*/
 margin: 0 0 0 5px; /*0 -3px 0 5px;*/
}

div#content {
 margin: 0 0 0 8px;
 float: left;
 width: 500px;
}
div#rightSidebar {
 float: right;
 width: 195px;
}

div#footer {
 background: url("images/container-shadow-bottom.png") top center no-repeat transparent;
 clear: both;
 font-size: 0.7em;
 margin: 0 auto;
 padding: 6px 0 0 0;
 text-align: center;
 width: 938px;
}


div.browseEntries {
 width: 100%;
}

div.post {

}

div.postContent {
 font-size: 0.8em;
}

div.postMetadata {
 font-size: 0.8em;
}

.page {

}

.pageContent {
 font-size: 0.9em;
}


/* box shadowed sidebar */
div.boxSBTop,
div.boxSBText,
div.boxSBBottom {
  width: 160px;
  padding: 10px 0 0 12px;
}
div.boxSBTop {
 background: url("images/boxSidebar/boxSBTop.png") left top no-repeat #fff;
 height: 10px;
}
div.boxSBText {
 background: url("images/boxSidebar/boxSBLR.png") left top repeat-y #fff;
 font-size: 0.8em;
 padding: 15px 20px 0 15px;
 width: 138px;
}
div.boxSBTextWetter {
 background: url("images/boxSidebar/boxSBLR.png") left top repeat-y #fff;
 font-size: 0.8em;
 padding: 0px 20px 0 15px;
 width: 138px;
}
div.boxSBBottom {
 background: url("images/boxSidebar/boxSBBottom.png") left top no-repeat #fff;
 height: 20px;
}



/* box shadowed content */
div.boxCTop,
div.boxCText,
div.boxCBottom {
  width: 510px;
  padding: 10px 0 0 12px;
}
div.boxCTop {
 background: url("images/boxContent/boxCTop.png") left top no-repeat #fff;
 height: 18px;
}
div.boxCText {
 background: url("images/boxContent/boxCLR.png") left top repeat-y #fff;
 font-size: 0.8em;
line-height: 1.5em;
 padding: 10px 25px 20px 20px;
 width: 475px;
}
div.boxCBottom {
 background: url("images/boxContent/boxCBottom.png") left top no-repeat #fff;
 height: 22px;
 margin: -10px 0 0 0;
 color:#FFF;
}
div.boxCBottomLink {
 background: url("images/boxContent/boxCBottomLink.png") left bottom no-repeat #fff;
 width: 510px; 
 height: 25px;
 margin: -10px 0 12px 0;
 padding: 10px 0 10px 12px;
 text-align:right;
}
div.boxCBottomLink a {
 color:#913536;
 font-size:11px;
 margin:-10px 15px 10px 0;
}



/*
   graphical elements
  -----------------------
*/

img {
 border: none;
}

img#imgLogo {
 padding: 0 0 0 0;
}

hr {
 height: 1px;
 background: #555;
}

#content hr {
 width: 498px;
}

/*
   link elements
  -----------------------
*/
a {
 color: #913536;
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}


div#navigationSub ul li a {
 background: #b3b5b5;
 color: #913536;
 font-weight: normal;
 padding: 0px 3px;
 text-transform: none;
}

div#navigationSub ul li a:hover {
 background-image: none;
 background-color: #b3b5b5;
 color: #fff;
}

/* aktiver Untermenüpunkt */
div#navigationSub ul li.highlight a {
 background-image: none;
 color: #fff;
}

div#navigationSub ul li.current_item_parent a {
 background-image: none;
 color: #fff;
}


/* alle Links im Contentbereich unterstreichen */
#content a {
 text-decoration: underline;
}

/* �berschriftenlinks nicht unterstreichen */
#content div.boxCTop a {
 text-decoration: none;
}



/*
   format elements
  -----------------------
*/
#content strong {
 color: #913536;
}

em {

}
abbr {
 border-bottom: 1px dashed #000;
}

span {

}



/*  Wetterdaten
 * =======================================
 *  wettercomheadline196533 = Hamburg
 *  wettercomheadline196534 = Westerland
 *  table Hamburg = wettercomsmall196534
 *  table Westerland = wettercomsmall196533
*/

table.wettercomsmall196534,
table.wettercomsmall196533,
wettercomtext196534,
wettercomtext196533 {
font-family: Arial, Helvetica, sans-serif, Verdana;
 font-size: 1.0em;
}
table.wettercomsmall196534 td, table.wettercomsmall196533 td {
 padding: 1px 0 1px 0;
}


font.wettercomheadline196533,
font.wettercomheadline196534 {
 color: #913536;
 text-transform: uppercase;
}

table.wettercomsmall196533,
table.wettercomsmall196534 {
 margin-left: 8px;
}

/*
 * Sitemap, Styleanpassung
*/
.ddsg-wrapper h2 {
 font-size:1.3em;
}
.ddsg-wrapper ul{clear:both;margin:0 0 20px 20px;}
.ddsg-wrapper ul li {margin:10px 0 0 0;}
.ddsg-wrapper ul li ul{margin:0 0 20px 10px;}

.copydd, .copydd a, .copydd a:link, .copydd a:hover, .copydd a:visited {
 color:#CCC;
}

/*
 * Anmeldeformular
*/
.firstrow {
 background:#CCC;
}

/*
 * Kurstabelle
*/
.course-text-message {
 font-weight:bold;
}
.row-desciption {
 font-weight:bold;
 color: #913536;
}





/* Grafische Navigation */

#mainmenu{list-style:none;float: left;}
#mainmenu li{float:left;}
#mainmenu li a{float:left;height:34px;}
#mainmenu li a span{ display:none;}

#mainmenu li a{background:transparent url("images/nav_docdidac.gif") no-repeat 0 0;}

#mainmenu li.home a{ width:118px; background-position:0 0;}
#mainmenu li.home a:hover{ background-position:-150px 0;}
#mainmenu li#active.home a{ background-position:-300px 0;}

#mainmenu li.ueberuns a{ width:148px; background-position:0 -50px;}
#mainmenu li.ueberuns a:hover{ background-position:-150px -50px;}
#mainmenu li#active.ueberuns a{ background-position:-300px -50px;}

#mainmenu li.kurse a{ width:120px; background-position:0 -100px;}
#mainmenu li.kurse a:hover{ background-position:-150px -100px;}
#mainmenu li#active.kurse a{ background-position:-300px -100px;}

#mainmenu li.kontakt a{ width:113px; background-position:0 -150px;}
#mainmenu li.kontakt a:hover{ background-position:-150px -150px; }
#mainmenu li#active.kontakt a{ background-position:-300px -150px;}