/* ----------------------------------------------------------------
Basic Style Sheet für all4webdesign.ch - 2008

Author:		all4webdesign Markus Jenni
Website:	www.all4webdesign.ch
Version: 	2008, 1.0
-------------------------------------------------------------------*/

/* Allgemeine Formatierungen   */
* {
margin:0;
padding:0;
}

body {
font-family:verdana, arial, helvetica, sans-serif;
background:  url(../images/bg_blau.jpg) repeat-x;
background-color:#fff;
}

h1 {
font-size:1.4em; 
font-weight: bold;
color:#333;
line-height:1.6em;
}

h2	{
font-size: 1em;
font-weight: normal;
color: #333;
}

p {
font-size:0.8em; 
color:#555;
line-height:1.3em;
}

/* wird im Moment nicht verwendet 
.quote {
font-style: italic;
float:left;
}
*/

.important	{
font-weight: 600;
}

acronym {
border-bottom: 2px dotted #FF9900;
cursor: help;
}

a:link {
color:#619fde;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:visited {
color:#619fde;
font-style:normal;
font-weight:normal;
text-decoration:none;
}

a:hover {
color:#ff9900; 
font-style:normal;
text-decoration:underline;
 }

/* Layout */
#container {
margin: 0 auto;
width:1000px;
background:transparent;
}

#header {
width: 1000px;
background: url(../Img/b.jpg) repeat-x;
}

#header .logo {
float:left;
padding-left:20px;
border: none;
}

/* Navigation */
#nav ul {
display:block;
float:right;
list-style:none;
margin-top:120px;
margin-right:7px;
}
#nav li {
float:left;
padding-right:10px;
}

#nav ul li a {
float:left;
color: #ffffff;
font-size: 0.8em;
text-decoration: none;
display:block;
border-left:3px solid #fff;
margin-right:1px;
padding: 5px 5px;
}

#nav  li a:hover {
color: #ff9900;
border-left:3px solid #fff;
}

#nav .selected {
color: #ff9900;
border-left:3px solid #ff9900;
}

/* Content */
#content {
float:left;
background-color:transparent;
padding:10px;
width:920px;
border-bottom:1px solid #eaeaea;
}

#col1 {
float:left;
background-color:transparent;
margin-top:15px;
padding:10px 10px 0 10px;
width: 570px;
border-right:1px solid #eaeaea;
}

#col1 p {
font-size:0.8em;
padding:0 20px 20px 0;
color:#555;
}

#col1 h1 {
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}

.image_right {
float: right;
margin: 20px;
margin-top: 5px;
margin-right: 0px;
}

#col1 ul	{
margin:0 5px 16px 35px;
font-size: 0.7em;
color: #555;
}

.aufzaehlung li ul	{
list-style-type: square;
padding: 0 0 0 4px;
}

#col2 {
float:left;
background-color:transparent;
margin-top:15px;
padding:15px 0 0 40px;
width: 210px;
}

#col2 p {
font-size:0.8em;
padding:0 20px 20px 0;
color:#555;
}

#col2 h1 {
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.2em;
color: #6d6d6d;
font-weight:normal;
padding-bottom:10px;
}

/* Kontaktformular Definitionen */
#formular	{
width: 480px;
float: left;
padding: 0 0 0 12px;
color: #555;
font-size: 0.8em;
}

.form	{
padding: 0px;
}

.dataleft	{
float: left;
width: 190px;
}

.dataright	{
float: right;
width: 290px;
}

.error	{
color: #FF0000;
font-weight: bold;
}

.formzeile	{
clear: both;
}

/* Unternavigationsblock Definitionen */
.unternaviblock{margin:0 0 20px 8px; font-size:0.8em;}
.unternaviblock li{list-style:none; display:block; padding:2px; margin-bottom:2px; }
.unternaviblock li a{text-decoration:none;}
.unternaviblock li a:hover{text-decoration: underline;}
.unternaviblock li ul{margin:3px 0 3px 15px; font-size:0.8em; }
.unternaviblock li ul li{margin-bottom:0;}
.unternaviblock li ul a{font-weight:normal;}

#boxcontainer {
float:left;
clear:both;
background-color:transparent;
margin-bottom:15px;
padding:10px;
width: 920px;
}

.box1  {
width:167px;
float:left;
margin: 8px 10px;
padding-right: 15px;
border-right:1px dotted #dadada;
}

.box1 p {
color:#555;
font-size:0.7em;
padding-top: 10px;
}

.box1 h1 {
background-image:url(../images/one.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
font-family: 'Trebuchet MS';
font-size: 0.9em;
padding-top:0px;
padding-left:30px;
color:#619fde;
}

.box2 {
width:167px;
float: left;
margin: 8px 10px;
padding-right: 15px;
border-right:1px dotted #dadada;
}

.box2 p {
color:#555;
font-size:0.7em;
padding-top: 10px;
}

.box2 h1 {
background-image:url(../images/two.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
font-family: 'Trebuchet MS';
font-size:0.9em;
padding-top:0px;
padding-left:30px;
color:#619fde;
}

.box3 {
width:167px;
float:left;
margin: 8px 10px;
}

.box3 p {
color:#555;
font-size:0.7em;
padding-top: 10px;
}

.box3 h1 {
background-image:url(../images/three.gif);
background-repeat:no-repeat;
background-position:top left;
font-family: 'Trebuchet MS';
font-size:0.9em;
padding-top:0px;
color:#619fde;
padding-left:30px;
}

#footer {
clear: both;
padding:8px;
background-color:#619FDE;
}

#footer p {
font-size: 0.7em;
line-height:2.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 10px 0; 
text-align: center;
color: #fff;
}

#footer a	{
color: #ff9900;
font-weight:bold;
font-size: 0.9em;
}