/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

* {
margin: 0;
padding: 0;
}

body {
background: #999 url(img/hg.jpg) repeat-x top left;
font: 12px/160% SunSans-Regular, Helvetica, Sans-Serif;
color: #000;
}


/* ----------container zentriert das layout-------------- */

#container {
width: 1004px;
margin-left: auto;
margin-right: auto;
background: #fff url(img/hg_box.gif) repeat-y top right;
border-right: solid 20px #c00068;

}



#box {
width: 1003px;
margin-left: auto;
margin-right: auto;
background: url(img/hg_content.jpg) no-repeat bottom left;
}


/* -----------------Inhalt--------------------- */
#content {
margin-right: 194px;
width: 800px;
}

/* --------------right ------------ */
#right {
float: right;
width: 190px;
border-left: 1px solid #c00068;
background: #fff;
}

#re1 {
height: 253px;
}

#re2 {
height: 290px;
border-bottom: 7px solid #999;
}

#re3 {
background: #fff;
padding: 5px;
}

/* +++++++++++++++++++++++ FOOT ++++++++++++++++++ */

#footer {
clear: both;
text-align: center; 
background: #333;
color: #fff;
font-size: 11px;
} 



/* ++++++++++++++++++++++++++++++++ NAV ++++++++++++++++++++++++++++++ */

 #headnav { 
 text-align: right;
 color: #c00068;
 font-size: 12px;
 padding-right: 10px;
 padding-top: 10px;
 }

#headnav a,
#headnav a:link,
#headnav a:visited,
#headnav a:active,
#headnav a:hover {
color: #c00068;
text-decoration: none;
font-size: 12px;
}


#headnav a:hover {
color: #c00068;
text-decoration: underline;
font-size: 12px;
}



/* ++++++++++++++++++++++++++++++++ NAV ++++++++++++++++++++++++++++++ */

 #nav { 
 float: left;
 width: 180px; 
 border-right: 1px dotted #000;
 min-height: 190px;
 }

#navlist
{
width: 170px;
margin-left: 10px;
list-style: circle inside;
}

#navlist li {
margin-bottom: 7px;
}

#nav a
{
text-transform: uppercase;
font: bold 12px/140% Helvetica, sans-serif;
}

#nav a:link, 
#nav a:visited,
#nav a:active
{
color: #000;
text-decoration: none;
}

#nav a:hover
{
color: #c00068;
text-decoration: none;
}


/* ++++++++++++++++++++++++++++++++ SUBNAV ++++++++++++++++++++++++++++++ */

#subnav { 
 float: left;
 width: 160px; 
 border-right: 1px dotted #000;
 min-height: 210px;
 -height: 210px;
 }

#subnavlist
{
width: 150px;
margin-left: 10px;
list-style: decimal inside;
}

#navlist li {
margin-bottom: 7px;
}


#subnav a
{
font: normal 12px/140% Helvetica, sans-serif;
}

#subnav a:link, 
#subnav a:visited,
#subnav a:active
{
color: #000;
text-decoration: none;
}

#subnav a:hover
{
color: #c00068;
text-decoration: none;
}


.pink {
color: #c00068;
}

/* ++++++++++++++++++++++++++++++++++++++ INHALT +++++++++++++++++++++++++++++ */

#inhalt {
margin-right: 15px;
margin-left: 360px;

}


#inhalt_gross {
margin-right: 15px;
margin-left: 200px;

}


/* ++++++++++++++++++++++++++++++++++++++ FONT +++++++++++++++++++++++++++++ */

p {
margin-bottom: 10px;
}

h1 {
font: bold 18px/140% Helvetica, sans-serif;
color: #c00068;
text-transform: uppercase;
margin-bottom: 15px;
}

h2 {
font: bold 18px/140% Helvetica, sans-serif;
color: #000;
margin-bottom: 20px;
}

h3 {
font: bold 13px/140% Helvetica, sans-serif;
color: #000;
margin-bottom: 10px;
}

h4 {
font: bold 12px/140% Helvetica, sans-serif;
color: #000;
margin-bottom: 10px;
}

.stext {
font-size: 11px;
color: #999
}

ul
{
list-style: circle inside;
}

ul li
{
margin-bottom: 10px;
}


ul.info
{
margin-left: 150px;
list-style: none inside;
}

ul.info li
{
margin-bottom: 10px;
}


#inhalt a,
#inhalt a:link, 
#inhalt a:visited,
#inhalt a:active, 
#inhalt a:focus,

#inhalt_gross a,
#inhalt_gross a:link, 
#inhalt_gross a:visited,
#inhalt_gross a:active, 
#inhalt_gross a:focus
{
color: #000;
text-decoration: none;
font-weight: normal;
background: url(img/pfeil_grau.gif) no-repeat center right;
padding-right: 15px;
}

#inhalt a:hover,
#inhalt_gross a:hover
{
color: #c00068;
font-weight: normal;
text-decoration: none;
background: url(img/pfeil.gif) no-repeat center right;
padding-right: 15px;
}


#right a,
#right a:link, 
#right a:visited,
#right a:active, 
#right a:focus
{
color: #000;
text-decoration: none;
font-weight: bold;
}

#right a:hover,
{
color: #c00068;
font-weight: bold;
text-decoration: none;
}


input,
textarea {
font: 11px Arial, helvetica sans-serif;
color: #000;
}


.img_bor {
border: 1px solid #999;

}