/* CSS hortussa.ch | Design und Umsetzung Kompatibel websolution */

/* Globale Einstellungen*/

body {
background:#CCCCCC;
background-image:url(images/background.gif);
background-position:50% top;
background-repeat:repeat-y;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

img {
border:none;
}

fieldset {
border: solid 1px #009933;
padding:0 0 0 10px;
}

input, textarea {
background-color:#F9F9F9;
border: solid 1px #999999;
margin:0 0 0 10px;
padding:1px 5px;
}

#container	{
width:980px;
margin:0 auto;
padding:0;
background-image:url(images/background.gif);
background-position:center;
background-repeat:repeat-y;
}

/* Header */

#header	{
width:100%;
height:100px;
margin:0;
padding:0;
background-color:#FFFFFF;
background-image:url(images/header.gif);
background-repeat:no-repeat;
position:relative;
}

#header a {
text-decoration:none;
color:#FFFFFF;
font-size:8px;
}

#header a:hover {
color:#CCCCCC;
}

#header .telnr {
position:absolute;
top:60px;
left:15px;
}

/* Container fuer Navigation und Buttons */

#navi-container {
width:980px;
height:55px;
margin:0;
padding:0;
background-color:#FFFFFF;
}

/* Navigation */

#navigation {
width:810px;
height:35px;
float:right;
margin:0;
padding:0;
background-color:#99CC99;
background-image:url(images/navi-ecke.gif);
background-position:left;
background-repeat:no-repeat;
}

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

#navigation ul li {
margin:0;
padding:0;
display:inline;
}

/* Schnellzugriff Buttons */

#buttons {
width:150px;
height:45px;
margin:0 20px 0 0;
padding:0;
}

#buttons img {
padding-left:10px;
margin:0;
border:none;
}

#buttons p {
font-size:9px;
padding-left:18px;
margin:0;
}

/* Subnavi */

#subnavi {
width:150px;
height:400px;
background-color:#009933;
background-image:url(images/subnavi-ecke.gif);
background-position:top;
background-repeat:no-repeat;
margin:0;
padding:0;
}

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

#subnavi ul li {
margin:0;
padding:0;
}

/* Content */

.content {
width:770px;
height:400px;
float:right;
background-color:#99CC99;
background-image:url(images/content-ecke.gif);
background-position:top;
background-repeat:no-repeat;
margin:0;
padding:20px;
font-size:12px;
line-height:150%;
}


.content h1 {
font-size: 16px;
height:18px;
color:#009933;
border-bottom:solid #009933;
border-width:1px;
letter-spacing:1px;
line-height:16px;
margin:0 0 20px 0;
padding:0;
}

.content li {
list-style:square;
}

.text-button {
float:right;
width:67px;
height:22px;}


.content h2 {
font-size:14px;
}

.content a{
color:#3366FF;
text-decoration:none;
}

.content a:hover {
color:#3399CC;
}


.personal {
border:2px solid #FFFFFF;
float:left;
height:276px;
margin:0 16px 20px 0;
padding:0;
width:236px;
background-color:#EFEFEF;
}

.personal h2 {
font-size:16px;
color:#009933;
margin:5px 5px 3px 5px;
padding:0;
}

.personal p {
padding:0;
margin:5px;
line-height:120%;}

.bilder {
float:right;
margin:0px 0px 200px 20px;
border:solid 2px #FFFFFF;}

.flash {
float:right;
margin:0px 0px 200px 20px;
border:none;}

.umaenderung {
float:left;
padding:0 60px 20px 0; 
margin:0;
width:325px;
}

.umaenderung img {
border:2px solid #FFFFFF;
}

/* Home Typo */

.px16 {
font-size:18px;
}

.px14 {
font-size:16px;
}

.px12 {
font-size:14px;
}

.px10 {
font-size:12px;
}