/* dissens isgp2.css
by iris manhold
last modified 100602 */

/*
colors:
bkgr #f1fffc
beige #fff8eb
light green #deecea
nav bar li #cee0de
bit darker green #b4d2c9
#9ec8ba
really dark green #7db0a0
even darker green #0b5b2d
nav cef2ea + ddfff7
*/

/* html elements */

body  {
	font-size : 95%;
	font-family : "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	background : #f1fffc;
/*	background : #f1fffc url(../../bilder/snowflakes-bkgr.jpg);*/
	margin : 0;
	padding : 0;
  	behavior: url(/isgp/csshover.htc);
	}

a:link  {color : #03c; background: transparent;}
a:visited {color : #09c; background: transparent;}
a:active {color : #333; background: transparent;}

abbr {
	border-bottom : none;
	cursor : help;
	}

acronym {
	border-bottom : 1px dashed #aaa;
	cursor : help;
	}

blockquote, caption, cite, q  {font-style : italic;}

blockquote {
	border : 1px dashed #bbb;
	margin-left : 4%;
	padding : 5px;
	}

h1,h2,h3,h4,h5 {color : #555;}

h1 {
	font : bold 130% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	padding : .2em;
	border-bottom : dashed 1px #7db0a0;
	}

h2 {
	font : bold 100% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	border-top : solid 1px #b4d2c9;
	border-right : solid 1px #b4d2c9;
	border-bottom : solid 1px #b4d2c9;
	border-left : solid 10px #b4d2c9;
	margin-top : 2em;
	margin-left : -10px;
	padding-left : 0.5em;
	}

h1 a, h2 a {text-decoration : none;}
h2 a:hover {text-decoration : underline;}

h3 {
	font : bold 100% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top : 2.5em;
/*	letter-spacing : 0.2em;*/
	border-top : solid 1px #b4d2c9;
	border-left : solid 1px #b4d2c9;
	padding-left : 0.5em;
	}
	
h4 {
	font : bold 95% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	margin-top : 2.5em;
	margin-left : 15px;
	}

h4 + p {margin-left : 15px;}
h4 + p + p {margin-left : 15px;}
h4 + p + p + p {margin-left : 15px;}
h4 + p + p + p + p {margin-left : 15px;}
h4 + p + p + p + p + p {margin-left : 15px;}
h4 + p + p + p + p + p + p {margin-left : 15px;}
h4 + p + p + p + p + p + p + p {margin-left : 15px;}
h4 + p + p + p + p + p + p + p + p {margin-left : 15px;}
.h4 {margin-left : 15px;}

h5 {
	font : bold 90% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left : 20px;
	}

h5 + p {margin-left : 20px;}
h5 + p + p {margin-left : 20px;}
h5 + p + p + p {margin-left : 20px;}
h5 + p + p + p + p {margin-left : 20px;}
h5 + p + p + p + p + p {margin-left : 20px;}

ol.loweralpha {list-style-type : lower-alpha;}

strong {color : #555;}

table {margin : 0 10px;}

td {
	padding : 5px;
	border : solid 1px #deecea;
	}

td.column1 {width : 10em;}

textarea {
	width : 100%;
	margin-top : 1em;
	}

/* container */

#container {
	background : url(/isgp/bilder/bkgr2.gif) 70% 0 no-repeat;
	width : 900px;
    padding : 0;
	margin : 0 auto;
	}

/* header */

#header {
	width : 100%;
	min-height : 130px;
    padding : 0;
	margin : 0;
	}

#logo {
	float : left;
	padding : 45px 0 0 70px;
	margin : 0;
	}

#title {
	float : right;
	margin : 50px 110px 20px 150px;
	padding : 1px 0 0 0;
	font : bold 290% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #468865;
	text-align : right;
	}

/* headerbottom */

#headerbottom {display: none;}
	
/* wrapper */

#wrapper {
	width : 700px;
    padding : 0;
	margin : 100px 10px 0 45px;
	}

/* navigationsleiste */

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

#menu {
	float : left;
	width : 170px;
	padding : 0;
	margin : 0;
	border-bottom : 1px solid #7db0a0;
	}

#navigation {
	font : bold 80% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	padding : 0;
	margin : 0;
	}

#navigation ul {
	margin : 0;
	padding : 0;
	width : 170px;
	}

#navigation li {
	list-style-type:none;
	margin : 0;
	padding : 0;
	border-top : 1px solid #7db0a0;
	border-left : 1px solid #7db0a0;
	}

#navigation li.one {background : #cef2ea;}

#navigation li.two {background : #ddfff7;}

#navigation .last {border-bottom : 1px solid #9ec8ba;}

#navigation a	{
	display : block;
	padding : 0.5em;  /* expands menu box */
	color : #0b5b2d;
	background : transparent;
	}

#navigation a, #navigation a:visited {  /* menu at rest */
	text-decoration : none;
	}

#navigation a.parent 	/* attaches parent-arrow on all parents */
	{background: url(/isgp/bilder/bkgrarrowright1.gif) right center no-repeat;}

#navigation a.parent:hover {background: #fff url(/isgp/bilder/bkgrarrowright1.gif) right center no-repeat;}

#navigation a:hover	/* on mouse over -- all menus */
	{background: #fff;}
	
#navigation ul li {position:relative;}

#navigation ul li ul {
	width : 180px;
	}

#navigation li ul {
	position: absolute;
	top: 0;
	left: 170px;	/* distance from of left menus (should be same as width) */
	display: none;
	border-right : 1px solid #7db0a0;
	border-bottom : 1px solid #7db0a0;
	}

#navigation li ul li {
	margin-left : -1px;
	}

div#navigation ul, #navigation ul ul, div#navigation ul ul ul {
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width : 170px;
	}

div#navigation ul ul, div#navigation ul ul ul, div#navigation ul li:hover ul ul, div#navigation ul li:hover ul ul ul
	{display: none;}

div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul
	{display: block;}

/* projekt */

#projekt {
	width : 170px;
	margin : 0;
	padding : 0;
	text-align : center;
	}

#projekt img {
	border : double 3px #0b5b2d;
	margin-bottom : 20px;
	}

/* main */

#main {
	font-size : 95%;
	margin : 0 0 0 170px;
	padding : 20px 0 0 0;
	background : #fff;
	border : solid 1px #7db0a0;
	}

#inhalt {
	font-size : 95%;
	min-height : 400px;
	margin : 0;
	padding : 1px 30px 30px 40px;
	background : #fff /*url(/isgp/bilder/snowflake-bkgr.gif)*/;
	}

#main img {padding : 4px;}

#main dt {
	font-size : 105%;
	border-top : 2px solid #deecea;
	border-left : 2px solid #deecea;
	margin-top : 25px;
	padding : 3px 3px 3px 10px;
	}

#dtstrong dt {
	font-weight : bold;
	color : #555;
	}

#main ol {margin-left : 20px;}

#main dd, #main ul li {
	list-style : none;
	background : url(/isgp/bilder/bkgrarrowright1.gif) 0 .8em no-repeat;
	padding-top : .5em;
	padding-left : 40px;
	}

#main ul li {margin-left : -20px}

/* footer */

#footer {
	clear : both;
	width : 100%;
    padding : 0;
	margin : 0;
	}

#footercontent {
    padding : 10px;
	margin : 0;
	font : normal .8em Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
	}

/* images */

img.center {text-align : center;}

img.left {
	float : left;
	margin-right : 20px;
	}

img.leftnomarg {float : left;}

img.right {float : right;}

img.frame, .frame img {
	margin : 5px;
	padding : 5px;
	display : inline;
	border-width : thin;
	border-color : #7db0a0;
	}

/* general classes */

.author {
	font : normal 90% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
	}
	
.center {text-align : center;}

.clear {clear : both;}

.clearleft {clear : left;}

.floatright  {float : right;}

.italic {font-style: italic;}

.larger  {font : normal 110% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;}

.margin {margin-left : 5%;}

.margin15 {margin-left : 15px;}

.outofsight {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	}

.right  {text-align : right;}

.small  {font : normal 80% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;}

.smallcenter {
	text-align : center;
	font : normal 80% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.smallmargin {
	font : normal 85% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left : 5%;
	}

.smallred {
	font : normal 80% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0;
	color : #c60;
	}

.smallright {
	text-align : right;
	vertical-align : middle;
	font : normal 95% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

p.smallright img {margin-bottom : -4px;}

.textbox {
	margin : 0 1em;
	padding : 20px;
	background : #fff5e1;
	border : 1px solid #7db0a0;
	}

.textbox h2 {
	font : bold 100% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	border : none;
	margin : 0;
	}

.textbox h2 a {
	text-decoration : underline;
	color : #555;
	}

.textbox p {font : normal 90% "Lucida sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;}

.transparent {display : none;}

.warnung {background : #fc9;}

.rot {color : #dc143c;}
.blau {color : #00f;}
.rosa {color : #ff69b4;}