body {
margin-top: 40px;
background: #ffffff url(img/bg.gif);
font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
/*"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif*/
}

h1 {
font-size: 19px;
line-height:19px;
margin-top:0px;
color:#666;

font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
letter-spacing:0px;
}

h2 {
font-size: 16px;
line-height:20px;
margin-top:0px;
color:#666;

font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
letter-spacing:0px;
}

a:hover h1 {
color:#999;

}

p {
font-size: 14px;
line-height: 20px;
color:#555555;
font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

}



a:link {
text-decoration: none;
color:#333333;
}

a:visited {
text-decoration: none;
color:#333333;
}

a:hover {	
text-decoration: none;
color:#666666;
/*background-color:#333333;*/
}

a img {
padding:5px;
border:1px solid #bbbbbb;
background-color:#FFFFFF;
}

.teaserimg {
-webkit-transition: all .2s ease-in-out;
opacity:0.85;
}

.teaserimg:hover {
opacity:1;

}

/*a img:hover  {
padding:5px;
border:1px solid #bbbbbb;
background-color:#ffffff;
}*/

hr {
width:850px;
color: #cccccc;
background-color: #cccccc;
height: 1px;
border: none;
}

.content
{
width:880px;
height:auto;
margin-left: 80px;
text-align: left;

padding-left: 30px;

}

.logo
{
width:200px;
height:30px;
position:relative;
top: 25px;
}

.menu
{
position:relative;
top: 50px;
padding-left: 0px;
padding-top: 9px;
height:100px;
font-size: 13px;


}

.menu a, .menu a:visited, .menu a:active {
color:#333333;
text-decoration:none;
text-transform:uppercase;
background-image:url(img/sprites-nav.gif); 
padding:10px;  
margin-top:20px;
margin-right:2px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
/* -webkit-transition: all .2s ease-in-out;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));*/
}

.menu a:hover, .selected a, .selected a:visited {
color:#fff;
background-image:url(img/sprites-nav.gif);
background-position: 0 -100px;
/*background: #c2191f;
background: -webkit-gradient(linear, left top, left bottom, from(#d55a64), to(#c2191f));*/
}


#selected {
color:#fff;
background-image:url(img/sprites-nav.gif);
background-position: 0 -100px;
/*background: #c2191f;*/
}

.artikelcontainer
{
width:600px;
position:relative;
padding:bottom:50px;
float:left;
text-align: left;
}

.artikel
{
width:600px;
position:relative;
text-align: left;
margin-bottom:30px;
}


.textcontainer
{
left:225px;
top:0px;
width:375px;
position:absolute;
text-align: left;
margin-bottom:30px;
}

.sidebar
{
width:200px;
position:relative;
left:30px;
float:left;
text-align: left;
z-index:2;
}

.sidebarcontent
{
width:190px;
position:relative;
float:left;
text-align: left;
background: #f7f7f7 url(img/bg-verlauf.jpg);
padding:10px 15px 5px 15px;
-moz-border-radius:7px;
-khtml-border-radius:7px;
margin-bottom:20px;
}

.sidebarcontent p
{
font-size: 13px;
font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;line-height: 24px;
color:#555555;
}

.sidebarcontent h1
{
font-size: 16px;
font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;line-height: 24px;
color:#555555;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

.overlay
{
position:absolute;
top: 0px;
left:0px;
}

.whiteoverlay
{
position:absolute;
top: 0px;
left:720px;
z-index:1;
}

h12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3px;
	font-style: normal;
	line-height: -6px;
	font-weight: normal;
	color: #FFFFFF;
}

#linkarrow{
color:#666666;
background-image:url(img/sprites-nav.gif);
background-position: 0 -200px;
padding-left:9px;

}

#linkarrow:hover{
color:#999;
background-image:url(img/sprites-nav.gif);
background-position: 0 -225px;
padding-left:9px;

}

#toparrow{
color:#666666;
background-image:url(img/sprites-nav.gif);
background-position: 0 -250px;
padding-left:12px;

}

#art_head {
font-size: 18px;
padding-top:20px;
padding-bottom:15px;
color:#555555;
font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}

.submenu
{
position:relative;
top: 0px;
line-height:20px;
font-size: 13px;
width:190px;
height:15px;
color:#333333;
text-decoration:none;
background-image:url(img/sprites-nav.gif); 
padding:5px 15px 10px 15px;  
margin:0px 0px 3px 0px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
overflow:hidden;
}

.submenu a, .submenu a:visited, .submenu a:active {


}

.submenu:hover,  .selected a, .selected a:visited {
color:#fff;
background-image:url(img/sprites-nav.gif);
background-position: 0 -100px;

}

.tags { 
opacity: 0.7;
-webkit-transition: all .2s ease-in-out; 
margin-left:2px;
}

.tags:hover {
opacity: 1;
-webkit-transform: scale(1.1);
}

.livesuche{
position:absolute;
left:748px;
top:118px;
width:181px;
padding:10px 8px 10px 31px;;
z-index:15;

color:#666;
background: url(img/bg-suche.gif) #f7f7f7; 
-moz-border-radius:4px;
-khtml-border-radius:4px;
border:0px;
}