/* --------------------------------------
http://freietemplates.de

Template #1
Date: 11.12.2011
Version: 1.0

http://freietemplates.de
----------------------------------------*/


/*------ general ---------------------- */
* {
padding:0;
margin:0;
outline:none;
}

body {
height:100%;
background-image:url(bilder/bg.png);
font-size:13px;
font-family:Verdana, Arial; 
color:#000;
padding:0;
margin:0;
}

a { color: #1b7aa6;}
a:hover { color: #3b96c1;}

img {
border:none;
}

/*------ headings ---------------------- */

h1 {
font-family:'Trebuchet MS', Arial, Verdana; 
font-size:22px;
font-weight:normal;
color:#363636;
border-bottom:1px dotted #c2c2c2;
padding:5px 0;
margin:0 0 10px;
}

h2 {
font-family:'Trebuchet MS', Arial, Verdana; 
font-size:15px;
font-weight:bold;
color:#363636;
border-bottom:1px dotted #c2c2c2;
margin:15px 0 5px;
}

h3 {
font-family:'Trebuchet MS', Arial, Verdana; 
font-size:16px;
font-weight:bold;
color:#000;
padding:0;
letter-spacing:2px;
margin:0 0 10px 0;
}

.blue {
color:#1b7aa6;
font-weight:bold;
}


/*------ structure ---------------------- */
#firstwrap {
width:960px;
margin:0 auto;
}

#container {
width:960px;
margin:30px auto 0;
}

.lastlink {
margin:0 0 20px 0;
}

/*------ content ---------------------- */
.text {
background-color:#fff;
border:1px solid #e4e4e4;
padding:15px 20px 15px;
text-align:justify;
margin:25px 0 0 0;
box-shadow:0px 0px 6px #d2d2d2;
}

.text:first-child {
margin:0;
}

/*------ head ---------------------- */
#head {
background-image:url(bilder/header_bg.png);
background-repeat:repeat-x;
width:100%;
height:65px;
}

/*------ Logo + Background ---------------------- */
#shine {
background-image:url(bilder/shine.png);
background-repeat:no-repeat;
width:227px;
height:54px;
position:relative;
text-decoration:none;
font-size:28px;
font-family:'Trebuchet MS', Arial, Verdana; 
}

#shine a {
text-decoration:none; 
color:#fff;
}

#shine a:hover {
text-decoration:none; 
color:#e5e5e5;
}


/*------ Topnavigation ---------------------- */
#topnav {
padding:0;
margin:0;
float:right;
position:relative; bottom:32px;
}

#topnav ul {
margin:0;
padding:0;
list-style:none;
}

#topnav ul li {
float:left;
}

#topnav ul li a {
color:#fff;
font-family: Verdana;
font-size:13px;
text-decoration:none;
letter-spacing:1px;
padding:0;
margin:0px 20px 0;
}

#topnav ul li a:hover {
color:#3b96c1;
}

#content {
float:right;
width:720px;
line-height:18px;
}


/*------ sidebar ---------------------- */
#sidebar {
float:left;
width:220px;
margin:0;
}

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

#sidebar ul li {
background-image:url(bilder/dot.png);
background-repeat:no-repeat;
background-position:8px 12px;
border-bottom:1px dotted #c2c2c2;
height:28px;
}

#sidebar ul li:first-child {
border-top:1px dotted #c2c2c2;
}

#sidebar ul li a {
display:block;
width:190px;
height:23px;
text-decoration:none;
color:#000;
padding:5px 0 0 20px;
margin:0;
letter-spacing:1px;
}

#sidebar ul li a:hover {
background-image:url(bilder/dot_hover.png);
background-repeat:no-repeat;
background-position:8px 12px;
color:#3b96c1;
}


/*------ footer ---------------------- */
#footer {
clear:both;
padding:10px 0;
margin:0;
color:#000;
border-top:1px dotted #c2c2c2;
position:relative; top:30px;
}