/*------------------------------------------------------------------------ */
/* Audrey Stauffer. Visuelle Kommunikation - www.audreystauffer.ch                                */
/*-------------------------------------------------------------------------*/



body {
	margin:0px; padding:0px; background-color:#666; color:#000; font-family: arial, helvetica, sans-serif;

	}
	
#circle_content h1 { text-align:center; font-size:1.6em; letter-spacing:0.05em; font-weight:normal;}

p {font-size:1.1em; line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; letter-spacing:0.05em;}

img {border:0;}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul li {margin-left:-25px;}

/* h1 {font-size:1.6em; letter-spacing:0.05em; font-weight:normal; padding-top:0px; margin-top:0px;}
h2 {font-size:1.3em; letter-spacing:0.05em; font-weight:normal; padding-top:0px; margin-top:0px;} */

/* -------------------------------- Links -------------------------------- */
a    {color:#000; text-decoration:underline; cursor:pointer;}
a:link    {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:focus	  {color:#000; text-decoration:underline;}
a:hover   {color:#cc3300; text-decoration:underline;}
a:active  {color:#000; text-decoration:underline;}

/* -------------------------------- Menü -------------------------------- */
#nav {padding:0px; margin:0px;}
#nav ul {padding-left: 0; margin: 0 0 1em 0; background-color:#cc3300; color:#000; float: left; width: 100%; font-family: arial, helvetica, sans-serif; line-height:1em;}
#nav ul li {display: inline;}
#nav ul li a {padding: 0.2em 1em; background-color:#666; color:#fff; text-decoration: none; float: left; border-right: 1px solid #000;}
#nav ul li a:hover {background-color:#333; color:#fff;}
#nav ul li.title {padding: 0.2em 1em; background-color:#cc3300; color: #fff; float: right; font-weight:normal; letter-spacing:0.1em;}

/* ------------------------------ Classes -------------------------------- */
.blanco {background-color:#FFFFFF}

/* ------------------------------ Classes -------------------------------- */
#circle_left {position: fixed; top:0px; left:0px; width:421px; height:100%; z-index:1; background-color:transparent; background-image:url(../images/circle_left.png); background-position:left center; background-repeat:no-repeat}
#circle_right {position: fixed; top:0px; right:0px; width:421px; height:100%; z-index:2; background-color:transparent; background-image:url(../images/circle_right.png); background-position:right center; background-repeat:no-repeat}
#circle_top {position: fixed; top:0px; right:0px; width:100%; height:854px; z-index:3; background-color:transparent; background-image:url(../images/circle_top.png); background-position:center top; background-repeat:no-repeat}
#circle_bottom {position: fixed; bottom:0px; right:0px; width:100%; height:854px; z-index:4; background-color:transparent; background-image:url(../images/circle_bottom.png); background-position:center bottom; background-repeat:no-repeat}
#circle_content {position: absolute; top:20%; right:20%; width:58%; height:58%; z-index:5; background-color:transparent; background-image:url(../images/white_75percent.png); background-repeat:repeat; padding:1%;}
#die_inhalte {overflow:auto; width:98%; height:80%}