/*
 * CSS-Datei der Webseite 'www.nettelkamp.com'
 *
 * Stand: 14.02.2005
 * Autor: Ingo Wolterstorff
 */


/*
 * Regeln fuer gesamtes Dokument
 */

* {padding: 0px; margin: 0px;}

body {
	background-image: url(../back/back_body.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
}
/*******************************************************/


/*
 * Regeln fuer Container (div)
 */
#main {
    	width: 780px;
    	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-right: #666666 1px solid;
	border-left: #666666 1px solid;
	border-top: #666666 1px solid;
	border-bottom: #666666 1px solid;
}

#menu {
	background-image: url(../back/back_menu.gif);
	width: 780px;
	height: 30px;
	background-repeat: repeat-x;
}

#content {
	width: 100%;
	height: auto;
}

#foot {
	width: 100%;
	height: 1px;
}

#head {
	background-image: url(../head/head.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 170px;
}

#site {
    	width: 780px;
    	height: auto;
}

#site-left {
    	width: 80px;
    	height: 300px;
	margin: 5px;
    	float:left; 
}

#site-right {
    	width: 80px;
    	height: 300px;
	margin: 5px;
    	float:right; 
}

#site-cont {
    	width: 590px;
    	height: auto;
    	margin-top: 5px;
    	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
    	float:left;
}

div.artikel {
    	width: 95%;
    	height: auto;
	padding: 5px;
	border: #000000 1px dashed;
	background-image: url(../back/back_artikel.gif);
	background-repeat: repeat;
	margin-top: 5px;
	margin-bottom: 5px;
    	float:left;
}

div.service {
    	width: 95%;
    	height: auto;
	padding: 5px;
	border: #000000 1px dashed;
	background-image: url(../back/back_body.gif);
	background-repeat: repeat;
	margin-top: 5px;
	margin-bottom: 5px;
    	float:left;
}

div.clear {clear: both;}
/*******************************************************/


/*
 * Regeln fuer Ueberschriften
 */
h1 {font-size: 18pt; text-align: center; color: #000000;}
h2 {font-size: 16pt; text-align: center; color: #000000;}
h3 {font-size: 14pt; text-align: center; color: #000000;}
h4 {font-size: 12pt; text-align: center; color: #000000;}
/*******************************************************/


/*
 * Regeln fuer Text
 */
p {font-size: 8pt; text-align: left; color: #666666;}

p.code {font-family: Courier New, sans-serif; font-size: 8pt; text-align: left; color: #000000}

p.menu {font-size: 9pt; color: #000000; text-align: center; padding-top: 7px;}

p.impressum {color: #000000;}

p.foot, p.zentriert, p.nav {text-align: center;}

p.rechts {text-align: right;}
/*******************************************************/


/*
 * Regeln fuer Links
 */
a:link {
	background-color: transparent; 
	color: #0066CC; 
	text-decoration:none; 
	border-bottom: 1px solid;
}
a:visited {
	background-color: transparent; 
	color: #0066CC; 
	text-decoration:none; 
	border-bottom: 1px dotted;
}
a:hover {
	background-color: #CCCCCC; 
	color: #0066CC; 
	text-decoration: none; 
	border-top: 1px dotted; 
	border-bottom: 1px dotted;
}
a:active {
	background-color: transparent; 
	color: #0066CC; 
	text-decoration:none;
}

p.menu a:link {
	background-color: transparent; 
	text-decoration: none; 
	color: #333333;
	border-top: none; 
	border-bottom: none;
}
p.menu a:visited {
	background-color: transparent; 
	text-decoration: none; 
	color: #333333;
	border-top: none; 
	border-bottom: none;
}
p.menu a:hover {
	background-color: transparent; 
	text-decoration: none; 
	color: #FFFFFF;
	border-top: none; 
	border-bottom: #FFFFFF 1px dotted;
}

p.nav a:link {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}
p.nav a:visited {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}
p.nav a:hover {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}

p.foot a:link {
	background-color: transparent; 
	text-decoration: none;
	border-top: none;
	border-bottom: none;
}
p.foot a:visited {
	background-color: transparent; 
	text-decoration: none;
	border-top: none;
	border-bottom: none;
}
p.foot a:hover {
	background-color: #FFFFFF; 
	text-decoration: none;
	border-top: none;
	border-bottom: none;
}

p.rechts a:link {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}
p.rechts a:visited {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}
p.rechts a:hover {
	background-color: transparent; 
	text-decoration: none; 
	border-top: none; 
	border-bottom: none;
}
/*******************************************************/


/*
 * Regeln fuer Listen
 */
ul {font-size: 8pt; text-align: left; color: #000000; margin-left: 20px;}

ul.f-6 {list-style-image: url(../ul6.gif); color: #666666;}
ul.f-3 {list-style-image: url(../ul3.gif); color: #333333;}
ul.f-0 {list-style-image: url(../ul0.gif); color: #000000;}

ol {font-size: 8pt; text-align: left; color: #000000;}
/*******************************************************/


/*
 * Regeln fuer Linien
 */
hr {width: 100%; color: #666666; height:1px;}
/*******************************************************/


/*
 * Regeln fuer Tabellen
 */
table {border: 0; margin:auto;}

table.rand {border: #000000 1px solid; margin:auto;}

table.grau {background-color: #CCCCCC; margin:auto;}

table.hellgrau {background-color: #EEEEEE; margin:auto;}

td.rand {border: #000000 1px solid;}
/*******************************************************/


/*
 * Regeln fuer Bilder
 */
img {border: #000000 1px solid;}