/********************   (c) kielmonitor.de    **************/
 /********************   Farben Blau #012469 / Neues blau #012469 TEXT #111  BG #e1e4e7  **************/


img {border:0px;}
body
{
margin:0px;
padding:0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #111;
font-size: 11px;
text-align: left;
background: #fff;
}

li
{
	list-style-type: none;	
	}

table
{
margin:0px;
padding:0px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #111;
font-size: 10px;
text-align: left;

}

table.sortable th{
border-top: 1px #990000 solid;
background: #eeeeee;
font-size: 12px;
padding-bottom: 5px;	
}

table.sortable td{
border-bottom: 1px #666 dotted;	
}

a:active     {color:#012469; font-weight: normal; text-decoration:underline; }
a:link       {color: #012469; font-weight: normal;text-decoration:none; }
a:visited    {color: #012469; font-weight: normal; text-decoration:none; }
a:hover      {color: #012469; font-weight: normal; text-decoration:underline; border-bottom: 0px dashed #E90000; }

a.ohneeffekt:hover      {border-bottom: 0px; margin:0px; padding:0px; }

.ohneeffekt {border: 0px; border-bottom: 0px; margin:0px; padding:0px;}


.monitorzelle{float:left; margin: 0px; padding: 0 5px 0 0;  width: 245px; height: 180px;}
.monitorzelle4{float:left;margin: 0px; padding: 0 0 0 0;  width: 245px; height: 180px;}

.monitortitel, .monitortitel a:link, .monitortitel a:visited
{margin: 0px; padding: 0px;
background: #e1e4e7; color:#111;
font-size: 10px; text-align: center; }

.monitortitel a:hover
{
	text-decoration:underline;
}


.monitorbild{margin: 0px; padding: 0px; overflow:hidden; height:160px; width: 245px }

.monitorpanoramazelle{float:left; margin: 0px; padding: 0 5px 0 0;  width: 995px; height: 258px;}
.monitorpanoramabild{margin: 0px; padding: 0px; overflow:hidden; }

.blogbild {border: 0px; border-bottom: 0px; margin:3px; padding:0px;}
a.blogbild:hover      {border-bottom: 0px; margin:0px; padding:0px; }


a.rot:active, a.rot:link, a.rot:visited {color:#ff0000; font-weight: normal; text-decoration:none; }
a.rot:hover      {color: #ff0000; font-weight: normal; border-bottom: 1px dashed #E90000; }

iframe{
margin:0px;
padding:0px;
background: #fff;

}


.kameras{

}


.txt {
color: #111;
font-size: 11px;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0; 
}

.txt_kreuz {
color: #111;
font-size: 10px;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0;
border: 1px;
border-style: solid;
border-color: black;
line-height: 1.5em;

}

#breadcrumbs{
padding:0px;
margin: 0px;
padding-bottom: 3px;
font-size: 11px;
}
#breadcrumbs a{
color: #111;
	
	}

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


.textfeld, .textfeld_extern{
padding-left:0px;
display:block;
font-size: 10px;
text-decoration:none;
line-height: 14px;
color: #111;
text-decoration:none;
padding: 2px 2px 2px 2px;
margin: 0 0 1px 0;
background: #f4f4f4;
}

.textfeld p{
padding:0px;
margin: 0px;
}


.textfeld ul, .textfeld li, .textfeld_extern ul, .textfeld_extern li    {
      font-size: 10px;
	  margin: 0px;
  	  padding: 0px;
      display: block;
      list-style-type: none;
           }

.textfeld_extern ul a:link, .textfeld_extern li a:link, .textfeld_extern ul a:visited, .textfeld_extern li a:visited, .textfeld_extern ul a:hover, .textfeld_extern li a:hover {
     padding-left: 16px;
     background-image: url(images/external.gif);
	 background-repeat: no-repeat;
	 background-position: center left;
}

.textfeld a:link, .textfeld a:visited, .textfeld_extern a:link, .textfeld_extern a:visited {
color: #111;
}

.textfeld a:hover, .textfeld_extern a:hover{
color: #111;
text-decoration: underline;
}

.textfeld img{
        border: none;
        text-decoration: none;
        padding: 0 0 0 0;
        margin: 0 0 2px 0;
        }


.textfeld_kamera{
	float: left;
font-size: 10px;
width: 305px;
text-decoration:none;
line-height: 14px;
color: #111;
text-decoration:none;
padding: 2px 2px 2px 2px;
margin: 0 0 10px 0;
background: #f8f8f8;
}
.textfeld_kamera p{
padding:0px;
margin: 0px;
}
.textfeld_kamera ul{
padding-left: 0px;
}


h1
{
       	font-family: Tahoma, Verdana, Arial;
        font-size: 12px;
        text-align:left;
    	color: #111;
    	padding: 0px;
    	padding-bottom: 3px;
    	margin: 0px;
}
h4
{
       	font-family: Tahoma, Verdana, Arial;
        font-size: 11px;
        text-align:left;
        font-weight: bold;
    	color: #111;
    	padding: 0px;
    	padding-bottom: 3px;
    	margin: 0px;
		border-bottom: 1px #ccc solid    	
}
h2, h3, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited  {

       	font-family: Tahoma, Verdana, Arial;
        font-size: 11px;
        text-align:left;
    	color: #111;
		letter-spacing: normal;
        font-weight: bold;
		padding: 0 0 2px 0px;
		margin: 0 0 0 0;
        background: #e1e4e7;
		border-top: 1px #990000 solid
     }

h3 a:link,
h3 a:hover,
h3 a:visited {
       	font-family: Tahoma, Verdana, Arial;
         font-size: 12px;
         text-align:left;
         letter-spacing: normal;
         font-weight: bold;
    	color: #888;
	padding-left: 16px;
	background-image: url(images/icons/document.gif);
	background-repeat: no-repeat;
	background-position: center left;


               }

.textfeldlink{
	  padding-left: 14px;
	  background-image: url(images/pfeil.gif);
	  background-repeat: no-repeat;
	  background-position: center left;


}


.feed a:link,
.feed a:hover,
.feed a:visited {
	padding-left: 16px;
          background-image: url(images/rss-feed.png);
	 background-repeat: no-repeat;
	 background-position: center left;

}
#km_main{
width: 995px;
margin-left: 10px;;
margin-right: auto;

}
#km_meta_menu {
 width: 995px;
 text-align: right;
 height: 15px;
 }

#km_meta_menu a{
 color: #000;
 font-size:7pt;
 text-decoration:none;
 border:0px;

}

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


#km_bannerbild {
width: 995px;
height: 82px;
padding: 0;
margin: 0;
text-align:right;
background: url(/pix/logo_km.png) no-repeat 0 0;
cursor: pointer;
}

#km_bannerbild2 {
width: 995px;
height: 82px;
padding: 0;
margin: 0;
text-align:right;
background: url(/pix/banner_km_2010.png) no-repeat 0 0;
cursor: pointer;
}

#km_bannerdatum {
height: 50px;
padding-right: 5px;
padding-top: 35px;
color: #000;
font-family: Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: bold;
}

#km_sonne{
padding-right: 5px;
color: #D2DBE6;
color: #000;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
font-weight: bold;
padding-top: 5px;
}
#powered{
position: absolute;
top: 241px;
}

.floatleft{
float:left;	
}

#TakeMeBack{
color: #666666;
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
padding-bottom: 7px;
}

#kartenbedienung{
color: #666666;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
padding-top: 10px;
padding-bottom: 5px;
padding-right: 5px;
width: 668px;
float: left;
}
#kartenbedienung p {
padding: 0;
margin: 0;
}

#consist{
padding-top: 10px;
}

#consist_kameras{
left: 529px;
position: absolute;
bottom: 96px;
}



#TakeMeBack2{
color: #666666;
background: url(/pix/white50p.png);
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
font-weight: normal;
text-align: center;
padding-bottom: 0px;
position: fixed;
top:14px;
left:1185px;
height:100px;
width: 70px;
border: 1px dashed;
padding: 2px
}

.TakeMeBack_Pfeil{
color: #012469;
font-family: Tahoma, Verdana, Arial;
font-size: 22px;
font-weight: bold;
padding: 0px;
margin: 0px;
padding-top: 1px;


}


.TakeMeBack_Pfeil a:link, .TakeMeBack_Pfeil a:visited, .TakeMeBack_Pfeil a:hover {
color: #012469;

}

.TakeMeBack_Anzeige{ 
color: #000;
font-weight: bold;
font-size: 9px;
border: 0px solid;
border-color: #999;
line-height: 0px;
margin-top: 5px;

}

.Infotext {
color: #333;
font-family: Tahoma, Verdana, Arial;
font-size: 9px;
padding-top: 5px;

}

.Infotext a{
 color:#333;
 text-decoration:none;

}

.Infotext a:hover{
 color:#333;
 text-decoration:underline;
}


#km_content{
width: 995px;
margin:0;
padding:0;

}

#km_contentx{
position:absolute; z-index:1; width:auto; height:85%;
}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 






.post {
 float:left;
 width: 668px;
 border: 1px solid #d0d0d0;
 text-align: left;
 padding: 10px;
 margin: 0 0 30px 0;
}

.panoramapost{
 float:left;
 width: 995px;
 border: 0px solid #d0d0d0;
 text-align: left;
 padding: 0px;
 margin: 0 0 20px 0;
}


.post_breiter {
 float:left;
 width: 688px;
 border: 1px solid #f0f0f0;
 text-align: left;
 padding: 0px;
 margin: 0 0 30px 0;

}

#blogpost{
 float:left;
 width: 690px;
 padding: 0;
 margin: 0;

}

.km_sidebar{
 float:left;
 width: 160px;
 padding: 0 10px 0 10px;

 }


.km_sidebar_home{
position: absolute;
top: 14px;
left: 1010px;
width: 160px;
padding: 5px 5px 0 5px;
 border: 1px solid #d0d0d0;

 }

.statistik_bereich {
 width: 600px;	
}

.statistik_box {
 float: left;
 width: 220px;
 border: 1px solid #d0d0d0;
 text-align: left;
 padding: 10px;
 margin: 0px 30px 20px 0px;
}

.admin_neue_schiffe {
 float: left;
 width: 220px;
 text-align: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

.admin_neue_schiffe_tabelle{
width: 1200px;
border: 0px;
margin: 0;
padding: 0;

}

.admin_neue_schiffe_tabelle td {
padding: 20px 0 20px 0;	
vertical-align: top;
border-bottom: #333 2px solid;

}


.ad {
 float:left;
 width: 125px;
 padding: 0;
 margin: 0px;
 text-align:right;

}
.karte {
 float:left;
 width: 125px;
 padding: 0;
 margin: 0px;
 text-align:right;

}



#km_footer {
 clear:both;
 width: 995px;
 color:#ccc;
 font-size:8pt;
 font-family: arial, verdana, helvetica, sans-serif;
 text-align: center;
 border-top: 2px #990000 solid;
 margin-top: 10px;
 padding-top: 10px;

 }

#km_footer img{

 margin: 0px;
 padding: 0px;

 }
 
.div_schiff_daten {
 float:left;
 }

.zeitraffer_liste th {
background-color:#eee;	
}
.zeitraffer_liste p {
padding: 0;
margin: 0;
}

.div_schiff_bilder {
float:right;
width: 200px;
text-align: left;
 }

.div_schiffe_maps {
clear:both;
padding-top:20px;	
font-size: 11px;
}

.div_schiff_daten table {
 width: 380px;
 font-size:11px;
 font-family: verdana, helvetica, sans-serif;
 text-align: left;
 padding-right: 10px;

}
.div_schiff_daten table td {
 border-bottom: 1px #cccccc solid;
 margin-top: 5px;
 padding-top: 5px;
 }

.schiffe_header{
	
}

.div_schiff_blick {
padding-top: 20px;	
font-size: 11px;
 }

#txtweiss {
color: #fff;

}

.txtweiss {
color: #fff;

}

.headline {
color: #fff;
padding: 1px;
margin: 0;
text-align: right;
vertical-align: top;
background: #4C4C4C;
}



.viernullvier {
float:left;
color: #adadad;
font-size: 11px;
text-align: right;
padding: 0 20px 20px 0;
}



.txtklein {
color: #111;
font-size: 9px;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0; }

.txtsehrklein {
color: #111;
font-size: 7px;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0; }



.txtmittel{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
}

.txtgross{
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
.txtinfo{
margin:0px;
padding:0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #111;
font-size: 11px;
text-align: left;

}
.bannerpic {
margin:0px;
padding:0px;
border:0px;
}



/* Untermen¸ Kielmonitor */
#umenue {
color: #012469;
font-size: 10px;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
border-bottom: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-style: dotted;
border-color: #012469;

}
.umenue-aktuell-km{
color: #012469;
font-size: 10px;
font-weight: bold;
border:0px;
}
a.umenue-aktuell-km:link, a.umenue-aktuell-km:visited{
color: #012469;
font-size: 10px;
font-weight: bold;
border:0px;
}
a.umenue-aktuell-km:hover{
color: #012469;
font-size: 10px;
font-weight: bold;
border:0px;
}

a.umenuelink-km:link, a.umenuelink-km:visited{
color: #adadad;
font-size: 10px;
font-weight: bold;
border:0px;
}
a.umenuelink-km:hover, a.umenuelink-km:active {
color: #012469;
font-size: 10px;
font-weight: bold;
border:0px;
}



#center {
color: #111;
font-family: tahoma, Geneva, Arial, Helvetica, sans-serif;
border: 0px; border-bottom: 0px; margin:0px; padding:0px;
}

#cam {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;

  }



#wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  border-collapse: collapse;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  width: 995px;
  background-color: #fff;
  }
/* aus wrapper mal align: center; rausgenommen */
  
#title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: tahoma, verdana, arial;
  font-size: 20px;
  font-weight: normal;
  color: #2e408d;
}

.topleft {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #fff;
}

.top {
  height: 20px;
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #fff;
}

.topright {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #fff;
}

.left {
  width: 20px;
  background-repeat: repeat-y;
  background-position: right;
  background-color: #fff;
}

.center {
  background-color: #ffffff;
  width: 995px;
}

.right {
  width: 20px;
  background-repeat: repeat-y;
  background-position: left;
  background-color: #fff;
}

.bottomleft {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #fff;
}

.bottom {
  height: 20px;
  background-repeat: repeat-x;
  background-position: top;
  background-color: #fff;
}

.bottomright {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #fff;
}




IMG.img-picture { border: 1px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #555555; }
IMG.img-thumbnail { border: 0px solid #333333;}
IMG.img-thumbnail-selected { border: 1px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }


TABLE.table-wrapper {
  background-color: #ffffff;
  width: 995px;
  padding: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
TABLE.table-wrapper-neu {
  background-color: #ffffff;
  width: 625px;
  padding: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}



TD.td-thumbnails-thumb {
  padding: 0px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #555555;
  font-size:    8pt;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: top;
  text-align: center;
  height: 135px;
}

TD.td-thumbnails-thumb-selected {
  padding: 0px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #000000;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:   #000000;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
  color:#ccc;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align: center;
  background-color: transparent;
  padding-top: 10px;
}

a.bottom-text:link,a.bottom-text:visited{
 color:#111;
 font-size:8pt;
 text-decoration:none;
 border:0px;
}

a.bottom-text:hover{
 color:#111;
 font-size:8pt;
 text-decoration:underline;
 border:0px;
}

#km_footer_text{
float: left;
width: 450px;
}

#km_fb{
float: left;
width: 300px;

}



A.a-spgm-link {
  color: #111;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  background-color: transparent;
}





TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {

}




TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
  padding-right: 0px;
}

TD.td-galitem-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  width:        100%;
  text-align: left;
  font-weight: bold;
  color: #111;
  border: 0px;
  }

a.td-galitem-title:hover {
border: 0px;
}

TD.td-galitem-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: left;
}




TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777;
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {
 background-color: #ff0000;
 text-align: center;
}

TD.td-picture-filename {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}




TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

TD.td-thumbnails-navi {
  color: #000000;
  border-top: 2px solid #444444;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 1px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}


DIV.div-galheader {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight:  bold;
  color: black;
  margin-bottom: 20px;
  padding: 1px;
  width: 100%;
  text-align: left;
}


TD.td-shadows-main {
  margin: auto;
  background-color: #4C4C4C;
  color: black;
  font-size:7pt;
  font-weight:normal;
  font-family: tahoma, arial, verdana, helvetica, sans-serif;
 }

TD.td-shadows-main-wetter {
  margin: auto;
  width: 210px;
  background-color: #bbbbbb;
  color: black;
  font-size:7pt;
  font-weight:normal;
  font-family: tahoma, arial, verdana, helvetica, sans-serif;
 }
TABLE.table-shadows {
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
 text-align: center;
}

TABLE.table-shadows-txt {
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
 text-align: left;
}

TD.td-shadows-right {
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottom {
  background-position: top left;
  background-repeat: no-repeat;
  height: 5px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottomright {
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}



a.weisslink:link, a.weisslink:visited , a.weisslink:hover
{
font-family: Arial;
font-size: 9px;
color: #ffffff;
border-bottom: 0px;

}

.cam_bild{
padding-bottom: 10px;
	
}

.filmlogo{
background: url(http://www.kielmonitor.de/pix/filmlogo.png) no-repeat;
position: relative;
top: -30px;
left: 3px;
width: 30px;
height: 30px;
cursor: pointer;
}

#map_canvas{
width: 668px; 
height: 500px; 
border: 0px solid black;
}


#twGmapSidebar, #twGmapSidebar2 {
  width: 160px;
  height: 230px;
  overflow:scroll;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #111;
  font-size: 11px;
  margin: 0px;
  padding: 4px;
  background-color: #fff;

}

.liste_maps_kamera{
background: url(http://www.kielmonitor.de/pix/maps/mini-kamera-icon.png) no-repeat 0;
padding: 0 0 0 17px; 	
}

.mapsidebartitel {
  width: 160px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #111;
  margin: 0px;
  padding: 4px;
  background-color: #eee;
}

.ie6weiche{
display: none;
}

* html
.ie6weiche{
display: block;
background: url(http://www.kielmonitor.de/pix/ie6tofirefox.png);
width: 300px;
height: 50px;
margin-bottom:10px;
cursor: pointer;
}