/******************************************************************************
 *
 *  Projekt.......: stockmaritime.com
 *  Modul.........: default.css
 *  Kurzinfo......: Standard-Stylesheet, best viewed with Gecko-Engine et al.
 *  Autor.........: Thomas Hooge (tho)
 *  eMail.........: entwicklung@tho-consulting.de
 *
 ******************************************************************************/

/* ======= Alte Stile, in den HTML-Seiten korrigieren! ====================== */

 a.menu {color:#ff0000 }
    a.menu:link    { color:#ffffff;  }
    a.menu:visited { color:#ffffff;  }
    a.menu:hover   { color:#aaaaff;  }
    a.menu:active  { color:#ffffff;  }



a.link_top:link {color:#aa0000; text-decoration:none;font-size: 9pt;letter-spacing:0.1em;font-weight: bold; }
a.link_top:visited {color:#800000; text-decoration:none;font-size: 9pt;;font-weight: bold  }
a.link_top:hover {color:#ff0000; text-decoration:none;font-size: 9pt;font-weight: bold }
a.link_top:active {color:#800000; text-decoration:none;font-size: 9pt;font-weight: bold  }

a.black_link:link {color:#8899ee; text-decoration:none;}
a.black_link:visited {color:#8668ee; text-decoration:none;}
a.black_link:hover {color:#8888ee; text-decoration:none; }
a.black_link:active {color:#66ffee; text-decoration:none; }

.wk_grau {
 font-size: 8pt;
   font-weight: bold;
  color: #222222;
  }
  
  

.wk_aktiv {
 font-size: 8pt;
  font-weight: bold;
  color: #0000ff;
  }
.wk {
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  }

.anzeige_font {
  font-size: 8pt;
  color: #111111;
  }
  
  
.text_rot {
  font-size: 10pt;
  color: #aa2211;
   font-weight: bold;
  }
  

a.link_text:link {color:#2222ff; text-decoration:none; font-weight:bold;font-size: 8pt;}
a.link_text:visited {color:#2222aa; text-decoration:none; font-weight:bold;}
a.link_text:hover {color:#1122aa; text-decoration:none; font-weight:bold;}
a.link_text:active {color:#003399; text-decoration:none; font-weight:bold;}


a.blog_link:link {color:#78BADA; text-decoration:none;font-size: 9pt}
a.blog_link:visited {color:#78BADA; text-decoration:none;font-size: 9pt;}
a.blog_link:hover {color:#3478ab; text-decoration:none;font-size: 9pt;}
a.blog_link:active {color:#78BADA; text-decoration:none;font-size: 9pt;}


a.blog_link2:link {color:#143CEA; text-decoration:none;font-size: 9pt;}
a.blog_link2:visited {color:#143CEA; text-decoration:none;font-size: 9pt;}
a.blog_link2:hover {color:#137B9E; text-decoration:none;font-size: 9pt;}
a.blog_link2:active {color:#143CEA; text-decoration:none;font-size: 9pt;}

a.blog_link3:link {color:#2222ff; text-decoration:none;font-size: 9pt;}
a.blog_link3:visited {color:#2222ff; text-decoration:none;font-size: 9pt;}
a.blog_link3:hover {color:#aaaaaa; text-decoration:none;font-size: 9pt;}
a.blog_link3:active {color:#2222ff; text-decoration:none;font-size: 9pt;}

#blog_kom_0,#blog_kom_1,#blog_kom_2,#blog_kom_3,#blog_kom_4,#blog_kom_5,#blog_kom_6,#blog_kom_7,#blog_kom_8,#blog_kom_9,#blog_kom_10,#blog_kom_11,#blog_kom_12 { display:none; }
#blog_form_0,#blog_form_1,#blog_form_2,#blog_form_3,#blog_form_4,#blog_form_5,#blog_form_6,#blog_form_7,#blog_form_8,#blog_form_9,#blog_form_10,#blog_form_11,#blog_form_12 { display:none; }
#text_rot_0,#text_rot_1,#text_rot_2,#text_rot_3,#text_rot_4,#text_rot_5,#text_rot_6,#text_rot_7,#text_rot_8,#text_rot_9,#text_rot_10,#text_rot_11,#text_rot_12 { display:none; color: #aa2211;font-weight: bold; }



.blog_link_aktiv {
   font-size: 9pt;
  color: #357696;
  text-decoration: none;
  font-weight: bold;
 float: left;
}
#block_l {
 
float: left;
 width: 100%;
}


#haupt__2 {
 font-size: 9pt;
  color: #000000;   
  background-color: #ffffff;
display:inline;
hight: 100%;
float: left;
 width: 100%;
}

#haupt {
	float: left;
  font-size: 9pt;
  color: #000000;   
 background-color: #ffffff;
 width: 91%;
 

}

#hauptx {
  font-size: 9pt;
  color: #000000;   
 background-color: #ffffff;
 
float: left;

}

 
.blog_note_i {
  font-size: 9pt;
  color: #6084a9;
  font-style:italic; 
  }


#menu_blog {
  float: right;
  width: 200px;

  margin-left: 20px;
  background-color: #ffffff;
}



#inhalt_blog {
  width: 65%;
  background-color: #ffffff;
}

 #menu_blog_titel{
    width: 90%;
    float: left;
  background-color: #DAE2E5;
 
 }
 
 #menu_blog_titel2{
    width: 90%;
    float: left;
  background-color: #DAE2E5;
 margin-top:12px;
margin-bottom:10px;
} 


 #blog_note{
    width: 97%;
  float: left;
  background-color: #DAE2E5;
 padding:5px; 
 margin-top :3px;
margin-bottom:15px;
 border: 1px solid #222222;
 
}
 
 
 


.blog_t_menu {
float: left;
   font-size: 9pt;
  color: #78BADA;
  text-decoration: none;
   width: 140px;
  }

.blog_t_menu_fett {
   font-size: 9pt;
 color: #5698a9;
  text-decoration: none;
   width: 140px;
   
  }



.blog_rub {
  background-color: #DAE2E5;
  font-size: 13pt;
  color: #ffffff;
  text-decoration: none;
   width: 140px;
 
 }
  
  
  .blog_note_text {
  font-size: 9pt;
  color: #768d9d;
  text-decoration: none;
  }

 .blog_datum {
  font-weight: bold;
  font-size: 13pt;
  color: #4D9EC9;
  text-decoration: none;
  }



.blog_titel {
  font-weight: bold;
  font-size: 13pt;
  color: #111111;
  text-decoration: none;
  }


.blog_t11 {
  font-weight: bold;
  font-size: 11pt;
  color: #111111;
  text-decoration: none;
  }

 


.blog_klein {
  font-size: 9pt;
  color: #666666;
  text-decoration: none;
  }

.blog_blau {
  font-size: 8pt;
  color: #5555ee;
  text-decoration: none;
  }


.blog_klein2 {
  font-size: 9pt;
  color: #2222ff;
  text-decoration: none;
  }


.blog_form2 {
  font-size: 8pt;
  color: #333333;
  text-decoration: none;
  }



.wk_text1 {
  font-size: 9pt;
  text-decoration: none;
  color: #000000;
  }
.wk_text2 {
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  }


 


.fett {
  font-weight: bold;
  }


.tbl_small {
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  }

/* ======= Anpassungen an den Standardelementen (ohne Klasse und ID) ======== */



h2.content_r {
 float: right;
 margin-top: 0;
 margin-left: 1em;
 font-size: 9pt;
 font-style:italic;
}


h2.content_l {
 float: left;
 margin-top: 0;
 margin-left: 1em;
 font-size: 9pt;
 font-style:italic;
}




html {
	background: #34abb8 url("../images/bg-side.jpg") repeat-y top left;
 	font-size: 0.8em;
}
body {
	position: relative;
	background: url("../images/bg-top.jpg") repeat-x top left;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}



H1.eig	{ font-size: 1.25em }
H1.h		{ font-size: 1.25em }



h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h1 {
	margin-top: 0.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
img {
	border: none;
}

q { /* Deutsche Anführungszeichen für Zitate */
	quotes:"\201E" "\201C" "\201A" "\2018";
	font-style: italic;
}

/* ========== Häufig und global verwendete Klassen ========================== */

p.hinweis {
	color: #f66;
	font-size: smaller;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	background: #f0f0f4;
	border-left: 8px #ccd solid;
}

a.external {
    background: url("../images/extlink.png") center right no-repeat;
    padding-right: 13px;
}

img.left {
	float: left;
	margin-top: 0;
	margin-right: 1em;
}
img.right {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

/* ========== Float-Clearing, Markupfrei ==================================== */

.clearfix:after {
    clear: both; 
    display: block; 
    content: "."; 
    visibility: hidden;
}
/* Für Safari-Browser zwingend: */
.clearfix { display: block; }

.floatbox { overflow: hidden; }

hr.clear_columns {
    content: ".";
    clear: both;
    visibility: hidden;
}

/* ========== Fehler- und sonstige Meldungen ================================ */

div.ermsg {
	font-family: sans-serif;
	border-left: solid;
	padding-left: 1em;
	border-left-color: red;
	color: #900;
	background-color: #edd;
	font-size: 0.8em;
}
div.errmsg p {
	padding-top: 1ex;
	margin-bottom: 0.25ex;
}
div.errmsg ul {
	list-style-image: url("../images/dot1e.png");
	margin-top: 0ex;
	padding-top: 0ex;
	padding-left: 3em;
	padding-bottom: 1ex;
}
div.errmsg ul li {
	margin-bottom: 0;
}

div.okmsg {
	background: #cfc;
	border: 1px solid #8f8;
}

/* ========== Boxmodel ====================================================== */

#header {
	color: #fff;
	font-family: "URW Gothic L", "Century Gothic";
	font-weight: bold;
	margin: 0 10px;
}

#container {
	background: #4fa2c4 url("../images/bg-side.jpg") repeat-y top right;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	min-height: 101%;
}

#metanav {
	position: relative;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	padding: 1px 0 2px 4px;
}
#metanav ul {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 7pt;
	font-weight: normal;
	margin: 0;
	list-style-type: none;
}
#metanav li {
	display: inline;
}
#metanav a,
#metanav a:visited {
	color: #000;
	text-decoration: none;
}
#metanav a:hover {
	color: #fff;
}

#offers {
	position: relative;
	z-index: 100;
	float: right;
	width: 18em;
	background: url("../images/off_lo.gif") top left no-repeat;
	color: #000;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 7pt;
	font-weight: normal;
	margin: 0 0 0 1em;
}
#offers h2 {
	background: url("../images/off_ro.gif") top right no-repeat;
	font-size: 9pt;
	font-weight: bold;
	margin: 0 0 0 1em;
	padding: 0.3em 1em 0.2em 0;
}
div.offer {
	background-color: #fffbe5;
	padding: 1em;
	border-top: 1px solid #dbdecd;
}
div.offer h3 {
	font-size: 8pt;
	margin: 0 0 0.3em 0;
}
div.offer p {
	clear: left;
	margin: 0.25em 0;
}

div#topnav {
	font-family: "Arial", "Helvetica", sans-serif;
}
div#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#topnav li {
	float: left;
	background: url("../images/left.gif") no-repeat left top;
	margin: 0 1px 0 0;
	padding: 0;
}
div#topnav a {
	display: block;
	background: url("../images/right.gif") no-repeat right top;
	padding: 2px 5px 2px 2px;
	margin: 0 0 0 3px;
	text-decoration: none;
	color: #fff;
}
div#topnav a:hover {
	color: #000;
}
div#topnav li.current {
	background-image: url("../images/left_on.gif");
}
div#topnav li.current a {
	background-image: url("../images/right_on.gif");
	color: #000;
}

#main {
	margin: 0;
	padding: 0;
	background-color: #dae2e4;
}

#dbtree {
	float: left;
	overflow: hidden;
	width: 12em;
	margin: 0;
	padding: 0 0 1em 0.5em;
}
#dbtree ul {
	font-size: 9pt;
	list-style: none;
	margin: 0;
	padding: 0;
}
#dbtree ul ul {
	padding-left: 1.5em;
	list-style-type: square;
}
#dbtree ul ul ul {
	padding-left: 1.5em;
	list-style-type: circle;
}
#dbtree li a.current {
	color: #fff;
}
#dbtree form {
	margin: 0.5em 0;
	font-size: 8pt;
}
#dbtree a,
#dbtree a:visited {
	color: #000;
	text-decoration: none;
}
#dbtree a:hover {
	color: #fff;
}

div.subnav {
	display: block;
	overflow: hidden;
	font-family: "Arial", "Helvetica", sans-serif;
	margin: 0 0 0 0;		/* 0 -2em 0 0 weil safary >4.2 bug */
	padding: 0 0 0 0.5em;
}
div.subnav ul {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
}
div.subnav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
div.subnav a {
	display: block;
	padding: 2px 5px 2px 2px;
	margin: 0 0 0 3px;
	text-decoration: none;
	color: #000;
}
div.subnav a:hover {
	color: #4fa2c4;
}

div#subnav1 { background-color: #dae2e4; }
div#subnav1 li.current { background: url("../images/left1_on.gif") no-repeat left top; }
div#subnav1 li.current a { background: url("../images/right1_on.gif") no-repeat right top; }

div#subnav2 { background: #f0f0f0 url("../images/subnav2_lo.png") no-repeat left top; }
div#subnav2 li.current { background: url("../images/left2_on.gif") no-repeat left top; }
div#subnav2 li.current a { background: url("../images/right2_on.gif") no-repeat right top; }


div#subnav3 { background: #f8f8f8 url("../images/subnav2_lo.png") no-repeat left top; }
div#subnav3 li.current { background: url("../images/left2_on.gif") no-repeat left top; }
div#subnav3 li.current a { background: url("../images/right2_on.gif") no-repeat right top; }


div#content {
	display: block;
	margin: 0 0 0 12.5em;
	padding: 0.5em 1em;
	border-bottom: 1px solid white;
	background-color: #fff;
	
}
div.corner {
	background: url("../images/content_lo.png") no-repeat left top;
}
div.corner2 { /*Black*/
	background: url("../images/content_lo2.png") no-repeat left top;
}

/* ========================================================================== */

dl.abbildung {
	margin: 0;
	font-size: 9pt;
}
dl.abbildung dt {
	position: relative;
}
dl.abbildung dd {
	margin: 0;
	padding: 0.25em;
	text-align: center;
	background: #f0f0f0;
}
dl.abbildung img {
	display: block;
}
dl.abbildung .quelle {
	position: absolute;
	right: 2px;
	bottom: 2px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

/* ========== Fotogalerie =================================================== */

ul.galerie {
	list-style: none;
  	padding: 0;
}
ul.galerie ul {
    font-size: 0.9em;
	line-height: 1.1;
}
ul.galerie a {
    text-decoration: none;
}
ul.galerie a:hover {
    text-decoration: underline;
}
ul.galerie li {
	display: block;
	float: left;
	position: relative;
	border-left: 1px solid #666;
	padding-left: 8px;
  	margin: 0 16px 16px 0;
}
ul.galerie li.portrait div.actions {
	position: absolute;
	top: 30px;
	left: 97px;
	width: 20px;
}
ul.galerie li.landscape div.actions {
	position: absolute;
	top: 105px;
	left: 10px;
}
ul.galerie li hr {
	margin: 0 0 0 -8px;
	border: none;
	width: 20px;
	height: 1px;
	background: #666;
}
ul.galerie li p.caption {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 9px;
	height: 3em;
}
ul.galerie div.image {
	width: 100px;
	height: 135px;
	overflow: hidden;
}

/* 2. Version mit anderen Abmaßen */
ul.galerie div.image_v2 {
	width: 120px;
/*	height: 120px; */
	overflow: hidden;
}
ul.galerie ul {
	margin: 0.5em 0 0 0.5em;
	padding: 0;
}
ul.galerie ul li {
	float: none;
	border: none;
	margin: 0;
	padding: 0;
}

dl.thumbnail {
	position: relative;
	margin: 0;
}
dl.thumbnail dt {
	width: 100px;
}
dl.thumbnail dd {
	position: absolute;
	left: 104px;
	top: 0px;
	margin: 0;
}

div.pagination {
	text-align: center;
}
div.pagination a {
	text-decoration: none;
}
div.pagination a:hover {
	text-decoration: underline;
}

div.galerie-subnav {
	margin-top: 1em;
	text-align: center;
}

#stl a:visited {
	color: #000000;
	text-decoration: none;
  	font-size: 10pt;
}


 
a.plain { text-decoration: none; }
a.plain:hover { text-decoration: underline; }
 

.font9_2 {
  font-size: 8pt;
  text-decoration: none;
  color: #ffffff;
  }



.font9_3 {
  font-size: 8pt;
  text-decoration: none;
  color: #ßßßßßß;
  }


.font9_4 {
  font-size: 8pt;
  text-decoration: none;
  color: #666666;
  }

.font9_5 {
  font-size: 8pt;
  text-decoration: none;
  color: #666666;
 
  }


#container3c .pullout { width:130px; height:160; background:#ffffff; margin:.5em 1em .1em 0px ;font-size:12px;color: #0000ff;}

  #content2 {
margin: 0px 150px 0px 0px;
padding: 1em 30px 1em 40px;
background-color: #fbf7ec;
color: #00ff00;
border-right: 1px solid #000;
border-left: 1px solid #000;
}


.small {
  font-size: 8pt;
  text-decoration: none;
  color: #551111;
  }
.small2 {
  font-size: 8pt;
  text-decoration: none;
  color: #111111;
  }
.small2_f {
  font-size: 8pt;
  text-decoration: none;
  color: #111111;
  font-weight: bold;
  }
  
  .font9_2 {
  font-size: 8pt;
  text-decoration: none;
  color: #ffffff;
  }
  
    .font9_3 {
  font-size: 7pt;
  text-decoration: none;
  color: #ffffff;
  }