/* CSS-Stylesheet fuer kleineHaie.net */

html {
	color: #000000;
	height: 100%;
	margin-bottom: 1px;
	background-color: #C7EAFB;
}

body{
margin: 0;
padding: 0;
height: 100%;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 70%;
line-height: 1.45em;
}


a:link, a:visited {
color: #000000;
background-color: transparent;
text-decoration: none;
}


a:hover,a:active,a:focus{
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
}


h1, h2, h3 {
padding: 0px 0px 10px 0px;
font-weight: bold;
font-size: 130%;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #333333;
background-color: inherit;
}

h4, h5, h6 {
font-weight: bold;
font-size: 100%;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #333333;
background-color: inherit;
}

td, tr, p, div, li {
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #000000;
background-color: inherit;
}

p {
padding: 0;
margin: 4px 0px 6px 0px;
}

ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}


/* ================  Layout ================ */

/* Main-Container*/
#containermain{
position: absolute;
text-align:left;
top: 5%;
left:50%;
margin-left: -450px;
width: 900px;
padding: 0 0 0 0;
}

/* Header-container */

#header {
height: 154px;
background: url(../img/header.jpg) top left no-repeat;
margin: 0 0 0 0;
}

/* Topmenu */

#navi {
position: relative;
width: 900px;
height: 38px;
background: url(../img/navibg.jpg) top left no-repeat;
}


/* Container for textzoom and date */

#textzoom{
position: relative;
padding: 0px 5px 0px 0px;
float: right;
}

#createdate {
float: left;
width: 180px;
height: 20px;
margin: 10px 0px 0px 40px;
}


/* Main content area with Random Picture column*/

#maincontent {
min-height: 400px;
width: 100%;
background: url(../img/contentbg.jpg) left repeat-y;
padding: 15px 0 0 0;
margin: 0px 0 0 0px;
}

/* left column */

#leftcol{
width: 205px;
float: left;
padding: 40px 0 0 0px;
font-size: 12px;
border-right: 2px solid #F46F1F;
}

#leftcolcontent {
position: relative;
padding: 5px 0 0 40px;
}
/* Main text area */

#contenttext {
margin: 0px 0px 0px 230px;
color: #000;
background: transparent;
padding: 0px 75px 0 5px;
}

#contenttext1 {
margin: 0px 0px 0px 40px;
color: #000;
background: transparent;
padding: 0px 40px 0 5px;
}

* html #contenttext {
padding-top: 0px;
}

.content {
padding: 10px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
}

.contentsmall {
padding: 4px 0px 0px 0px;
font-size: 10px;
line-height: 14px;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
}

.leftcontent{
float: left;
width: 300px;
}

.rightcontent{
margin: 0px 0px 0px 310px;
}

.componentheading, .componentheading1  {
color: #333333;
background: transparent;
text-align: left;
font-size: 1.3em;
font-weight: bold;
}

#contenttext h1,.componentheading, div.componentheading {
background: url(../img/compheading.png) left no-repeat;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
line-height: 30px;
padding: 0px 0px 8px 5px;
font-style: italic;
}

#contenttext1 h1,.componentheading1, div.componentheading1 {
background: url(../img/compheading1.png) left no-repeat;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
line-height: 30px;
padding: 0px 0px 8px 8px;
font-style: italic;
}

td.contentheading {
background: transparent;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.4em;
font-weight: bold;
padding: 20px 0 0 0;
line-height: 25px;
}


#contenttext ul li, .contentpane ul li {
margin-left: 0px;
padding-left: 15px;
background: url(../img/list_bul.png) 0px 3px no-repeat;
list-style: none;
}



#contenttext h1, h2, h3 {
font-size: 120%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
}



#contenttext h2{
color: #FF3333;
background-color: inherit;
font-size: 110%;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
text-align: left;
padding: 7px 0px 0px 25px;
}


html>body #contenttext h1, h2, h3 {
margin: 0px 0px 0px -1px;
padding: 0px 0px 6px 0px;
}


/* Layout ID'S for footer and footer content */

#footer {
position: relative;
padding: 40px 0 0 0;
text-align: center;
width: 900px;
height: 90px;
background: url(../img/footer.jpg) left top no-repeat;
}

#validator {
width: 150px;
float: left;
padding: 10px 0px 0px 25px;
color: #333333;
background-color: transparent;
}



#validator ul li{

float: left;

}

#validator a, #validator a:link, #validator a:hover {
font-size: 8px;
font-style: italic;
line-height: 10px;
text-decoration: none;
color: #333333;
background-color: transparent;
}


#copyright {
margin-left: 170px;
width:300px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
float: left;
color: #000;
padding: 3px 0px 0px 0px;
background-color: transparent;
}

#counter {
float: right;
margin: 0px 40px 0px 0px;
width: 120px;
height: 20px;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
color: #000;
font-size: 8px;
font-style: italic;
background-color: transparent;
}

#pagetop {
width: auto;
float: right;
color: #000;
background-color: transparent;
line-height: 12px;
padding: 2px 50px 0px 0px;
}

#pagetop a {
color: #000;
background-color: transparent;
font-size: 6px;
line-height: 12px;
text-decoration: none;
background: url(../img/top.png) 0px 0px no-repeat;
padding-left: 15px;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
}



/* ================= Additional Classes and Id's ================= */

.thumbnail{
padding: 3px 3px 8px 3px;
background-color: #BAE7FE;
border: 1px solid #BAE7FE;
float: left;
margin-right: 10px;
margin-bottom: 10px;
font-size: 11px;
font-family: Verdana, "Trebuchet MS", Helvetica, Arial, Sans-serif;
}

.impressum {
text-align: center;
}

.nowrap {
white-space: nowrap;
}

.nospace {
padding: 0;
margin: 0;
}


.clrspace {
padding: 6px 0px 6px 0px;
margin: 0;
clear: both;
}

.column1 {
float: left;
width: 40%;
}

.column2 {
float: right;
width: 50%;
}

.image {
float: right;
}

div.columnone p {
padding: 0px 0px 0px 0px;
margin: 4px 0px 6px 0px;
}



html>body div.columnone {
padding: 0px 0px 0px 0px;
margin-top: -4px !important;
}

.ppeicons, .columnone .ppeicons {
text-align: right;
padding: 0px 35px 0px 0px;
}




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

.weblink{
font-size:0.9em;
color: #FF3333;
background-color: inherit;
text-decoration: none;
}

.weblink a:hover {
font-size:0.9em;
color: #FF3333;
background-color: inherit;
text-decoration: underline;
}


.weblinkactive {
color: #bd252b;
background-color: inherit;
}


/* ======= Additional Classes for Content Style & Design ======= */

.acceskey_dec {
border: 1px solid #747474;
font: bold 11px 'courier new', courier, monospace;
color: #333333;
background-color: #ffff99;
padding: 0px 3px 1px 3px;
margin: 0px 2px 0px 2px;
}

acronym {
border-bottom: 1px dotted #333333;
cursor: help;
}

.waiaccess {
position:absolute;
left:-999em;
width:500px;
}

.clrcontent {
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 1px;
clear: both;
}

* html #contenttext .clrcontent {
margin-top: -12px;
}

.vspace2px {
margin: 0;
padding: 0;
line-height: 2px;
}

.vspace4px {
margin: 0;
padding: 0;
line-height: 6px;
}

.clear {
padding: 0;
margin: 0;
}

.fixfloat {
float: none;
clear: both;
width: auto;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
height: 1px;
}