/*  CSS-Stylesheet Jürgen Lange */
/* Copyright 2010 // Schneider Kommunikation | IT-Marketing aus Leidenschaft www.mitdenken.com */

/*Inhaltsverzeichnis
1. Allgemeine Einstellungen
2. Containereinstellungen
3. Navigation
4. Schriften
*/


/*1. Allgemeine Einstellungen--------------------------------------------------------------------------------*/

html,
body {

width:100%;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color: #666666;
}

body a:link, body a:visited, body a:active {
color: #0098a1;
text-decoration: none;
outline:none;
}

body a:hover {
color:#05d7e5;
text-decoration: none;
outline:none;
}

.clearfix {
clear:both;
}


/*2. Containereinstellungen-----------------------------------------------------------------------------------*/

#wrap {
width:1000px;
height:590px;
margin:30px auto 30px auto;
}

#header {
width:970px;
height:100px;
margin:0;
padding:0 0 0 30px;
}

#logo {
width:235px;
height:34px;
float:left;
padding:0;
margin:0;
}

#slogan {
width:401px;
height:34px;
float:left;
padding:0;
margin:0 0 0 50px;
}

#nav {
width:990px;
height:60px;
margin:0;
padding:0 0 0 10px;
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
font-size:26px;
clear:both;
}

#content-container {
background: url(../gfx/bg-content-container.gif) repeat-y;
width:1000px;
height:390px;
margin:0;
padding:0;
}

#content-image {
width:560px;
height:390px;
margin:0 0 0 30px;
padding:0;
overflow:hidden;
float:left;
}

#content-text {
width:340px;
height:405px;
margin:0 18px 0 20px;
padding:0;
float:left;
}

#footer {
width:970px;
height:24px;
margin:0;
padding:16px 0 0 30px;
clear:both;
}

/*3. Navigation --------------------------------------------------------------------*/

#nav ul {
margin:0;
padding:0;
}

#nav li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

#nav li a {
padding:0px 20px 0px 20px;
color:#666666;
}

#nav li a:hover {
color:#0098a1;
}
	
#nav li a.selected  {
color:#0098a1;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

#footer li a {
padding:0px 20px 0px 0px;
color:#666666;
}

#footer li a:hover {
color:#0098a1;
}
	
#footer li a.selected  {
color:#0098a1;
}

/*4. Schriften --------------------------------------------------------------------*/

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
font-weight:bold;
margin:0 0 24px 0;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
margin:0 0 24px 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
margin:0;
}

p {
margin:0 0 16px 0;
padding:0;
}

li {	
list-style-type:square;
}

.small {
	font-size:12px;
	line-height:13px;
}