@import url("reset.css");

img, div, a {
behavior: url(scripts/iepngfix.htc)
}

/*
date: 12-02-2009
for www.gass-hh.de
author: sandra loewe
*/

body {
color: #000000;
background-image:url(../img/bg.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color: #ffffff;
/*text-align: center;*/
}

#logo {
position:absolute;
left:0px;
top:15px;
width: 455px;
}
#logo img {
margin-right:12px;
}
#topnavi {
position:absolute;
left:455px;
top:102px;
width:500px;
text-align:right;
}
#navi {
position:absolute;
left:118px;
top:160px;
}
#container {
width: 955px;
background-image:url(../img/bg_container.png);
margin: 0 auto 0 auto;
text-align: left;
z-index:5;
}

#header {
position:relative;
background-image:url(../img/bg_header.jpg);
background-repeat:no-repeat;
height:367px;
z-index:10;
}

#sidebar1 {
float: right;
width: 284px;
padding-top:53px;
}

#mainContent {
padding: 420px 0px 50px 118px;
width:838px;
}

#media {
position:absolute;
left:108px;
top:420px;
	}

#ci_bilder {
position:relative;
width:900px;
height:435px;
}

#ci_bilder img {
margin-bottom:3px;
}
#scroller {
position:absolute;
height:409px;
width:165px;
/*overflow-y:scroll;
overflow-x:hidden;*/
overflow:auto;
}
/*
classes typo 
*/

a {
color:#007DFE;
text-decoration:underline;
}
a:hover {
color:#333333;
text-decoration:underline;
}
body,
#mainContent p ,
#sidebar1 p,
ul, li,
fieldset,
legend, label,
td, .blau_fett {
font-family:Tahoma, Verdana, sans-serif;
font-size:13px;
line-height:148%;
color:#575555;
}
td {
padding-top:10px;	
	}
h1, h2, h3,h4{
font-family:Tahoma, Verdana, sans-serif;
}
h1 {
font-size:18px;
color:#007DFE;
font-weight:normal;
line-height:148%;
margin-bottom:10px;
}
h2 {
font-size:15px;
font-weight:bold;
color:#666666;
line-height:148%;
}
h3 {
font-size:13px;
color:#007DFE;
font-weight:bold;
margin-top:8px;
}
h4 {

}
h5 {

}

ul {
margin-left:12px;
}

li{
list-style-image:url(../img/point.jpg);
margin:0;
padding:0;
}

.blau_fett {
color:#007DFE;
font-weight:bold;
}

/*
classes navi 
*/
a.topnavi, a:hover.topnavi,
a.topnavi_in, a:hover.topnavi_in {
font-size:10px;
margin-left:22px;
text-decoration:none;
font-family:Tahoma, Verdana, sans-serif;
}
a.topnavi {
color:#007DFE;
}
a:hover.topnavi,
a.topnavi_in, a:hover.topnavi_in {
color:#999999;
}
a.navi, a:hover.navi,
a.navi_in, a:hover.navi_in {
font-size:15px;
font-weight:bold;
margin-bottom:30px;
text-decoration:none;
font-family:Tahoma, Verdana, sans-serif;
display:block;
line-height:100%;
letter-spacing:0.05em;
}
a.navi {
color:#FFFFFF;
}
a:hover.navi,
a.navi_in, a:hover.navi_in {
color:#cccccc;
}
a.login, a:hover.login {
font-family:Tahoma, Verdana, sans-serif;
line-height:156%;
font-size:22px;
text-decoration:underline;
margin-bottom:30px;
display:block;
}
a.login {
color:#007DFE;
}
a:hover.login {
color:#999999;
}

/*
classes positioning
*/
.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/*
formular
*/
label {
margin-top:10px;
display:block;
}
fieldset {
border:1px solid #007DFE;
padding:10px;
width:420px;
}
legend {
padding:10px;
}
.formfeld {
border:1px solid #007DFE;
height:20px;
width:250px;
margin:10px;
background-color:#dddddd;
}
.formarea {
border:1px solid #007DFE;
height:200px;
width:250px;
margin:10px;
background-color:#dddddd;
}
.button {
border:1px solid #007DFE;
height:30px;
width:150px;
margin:10px;
text-align:center;
color:#007DFE;
background-color:#dddddd;
}
.text_small {
font-family:Tahoma, Verdana, sans-serif;
font-size:10px;
line-height:156%;
color:#575555;
}
/*
table
*/
td {
vertical-align:top;
}
/*
feste positionen 
*/
#ci_big {
position:absolute;
left:178px;
top:0px;
}