/* dissens unserplatz.css
by iris manhold
last modified 090702 */

/* TOC
html elements
container
header
navigation
main
	internal navigation
footer
images
foto collection
general classes
*/

/*
colors:
bkgr #9dbef3
gelb #ffffbb
gruen #7db0a0
blau #9ec0ee
orange #d26e2a
*/

/* html elements */

body  {
	font-size : 95%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	background : #b2ccf6 url(../bilder/platz-bkgr2.jpg) fixed top left no-repeat;
	margin : 0;
	padding : 0;
	}

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

abbr, 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;
	}

dt {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #fff;
	background : #7db0a0;
	border : 1px dashed #bbb;
	}
	
dd {
	margin-top : .2em;
	margin-bottom : .2em;
	}

h1,h2,h3,h4,h5,h6 {
	background : transparent;
	}

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

h2 {
	font : bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	padding-top : 1em;
	}

h2 a {text-decoration : none;}

h2 a:hover {text-decoration : underline;}

h2.nomarg {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	margin : 0;
	padding : 0;
	}

h3 {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.2em;
	}

h4 {
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left : 0.5em;
	}

h5 {
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left : 0.5em;
	letter-spacing : 0.2em;
	}

h6 {
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left : 1em;
	letter-spacing : 0.2em;
	}

p {margin-left : 2%;}
	
strong {
	color : #222;
	background : transparent;
	}
	
textarea {
	width : 100%;
	margin-top : 1em;
	}

ul li {padding-top : 0.5em;}

/* container */

#container {
    padding : 0 5px;
	margin : 0 5px;
	}

/* header */

#header {
	width : 100%;
    padding : 0 0 0 50px;
	margin : 0;
	}

/* navigationsleiste */

#menu {
	float : left;
	width : 170px;
	margin : 30px 10px 0 10px;
	padding : 0 0 10px 0;
	background : #d26e2a;
	}

#navigation {
	text-align : center;
	margin : 0px;
	padding : 5px;
	}

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

#navigation li {
	width : 160px;
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 2px 0;
 	padding : 0;
	background : #cee0de;
	}

#navigation li a {
	display : block;
	text-decoration : none;
	padding : 5px;
	border-top : none;
	border-right : 1px solid #7db0a0;
	border-bottom : 1px solid #7db0a0;
	border-left : none;
	}

#navigation li a:link  {color : #333; background: transparent;}
#navigation li a:visited {color : #666; background: transparent;}
#navigation li a:hover {
	color : #666; 
	background : #fff8eb;
	border-top : 1px solid #7db0a0;
	border-right : none;
	border-bottom : none;
	border-left : 1px solid #7db0a0;
	}
#navigation li a:active {color : #666; background: transparent;}

/* main */

#main {
	max-width : 600px;
	margin : 0 30px 0 210px;
	padding : .3em;
	border : double 3px #7db0a0;
	background : #fff;
	line-height : 1.2em;/* fixes ie peekaboo */
	}

#inhalt {
	font-size : 95%;
	margin : 0 20px 10px 2em;
	}

#main img {
	padding : 4px;
	}

/* internal navigation */

#intnav {
	float : right;
	font : normal 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	margin : 80px 0 5px 5px;
 	padding : .5em;
	border : 1px solid #7db0a0;
	}

#intnav p {
	font : bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	padding : 0em;
	border-bottom : 1px solid #7db0a0;
	}

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

#intnav ul li {
	font-size : 90%;
	padding : .2em;
	}

/* footer */

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

#footercontent {
	width : 170px;
	margin : 5px;
	padding : 5px;
	font : normal .8em Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	background : #fff;
	border : double 3px #7db0a0;
	}

/* images */

img.right {float : right;}

img.rightmarg {
	float : right;
	margin : 5px 0 5px 10px;
	}

img.left {float : left;}

img.center {text-align : center;}

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

/* foto collection */

.border {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	letter-spacing : 0.1em;
	padding-top : 0;
	border : 1px solid #000;
	background : #cee0de;
	}

.thinframe {
	width : 180px;
	margin : 0;
	padding : 5px 2px;
	text-align : center;
	vertical-align : bottom;
	border : 1px solid #7db0a0;
	}

.framewtext {
	float : left;
	clear : bottom;
	width : 142px;
	height : 185px;
	margin : 5px;
	padding : 5px;
	text-align : center;
	border : 1px solid #7db0a0;
	}

.thinframe p, .framewtext p {
	font-size : .9em;
	margin : 0;
	padding : 0;
	}

.thinframe img {
	margin-top : 10px;
	}

/* general classes */

.arrow {padding-top : .6em;}

.center {text-align : center;}

.clear {clear : both;}

.centerlarge  {
	text-align : center;
	font : bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing : 0.1em;
	}

.large  {font : bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;}

.minusleft {margin-left : -2%;}

.new {background : #ffcc00;}

.news {
	font : bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #7db0a0;
	text-align : center;
	letter-spacing : 0.1em;
	padding : .2em;
	border : 1px solid #7db0a0;
	}

ul.notopmarg li {
	margin-top : 0;
	padding-top : 0;
	}

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

.right  {text-align : right;}

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

.smallright  {
	text-align : right;
	font : normal 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.textbox {
	margin : 5px;
	padding : 5px;
	border : 3px double #7db0a0;
	}

.textbox2 {
	width : 50%;
	margin : 5px auto;
	padding : 5px;
	border : 3px double #7db0a0;
	}

.textbox h2, .textbox2 h2 {
	font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 3px 0 0 0;
	padding : 0;
	}

.topborder {border-top : 5px double #7db0a0;}

.transparent {display : none;}

.warnung {background : #ffffbb;}