/*--------------------------Let's start with text, links and HTML-------------------------*/

html,body{
margin:0;
padding:0;
background:#ededed url(/img/bg.gif) repeat-x fixed;
height:100%;font:13px Tahoma, Arial, Verdana, Sans-Serif;
}
img { border:0px;}
border { border:1px;}
a:link{
color:#2a3d54;
text-decoration:none;
}

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

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

a:active{
color:#2a3d54;
text-decoration:none;
}

h1{
	font:bold 15px Verdana;  padding-left:10px;
	margin:0;
	padding:0;
	color:#2c425c;
	margin-bottom:8px;
	margin-left:20px;
	margin-top:10px;
}
h1 span {background:url(/img/ugol.png) 0 3px no-repeat ; padding-left:20px;}

h2{ font-size:20px;
	margin:0;
	padding:0;
	color:#2c425c;
	margin-bottom:8px;
	margin-top:10px; font-family:"Times New Roman", Times, serif; font-weight:bold
}
h2 a{color:#2c425c;}
h2 a:hover{color:#2c425c; text-decoration:underline;}
.cramble { padding:10px 0 10px 20px;} 
h3{
font: bold 14px Verdana;
margin-top:3px;
margin-left:4px;
}

* html h3{
margin-left:20px;
}

h4{
font: bold 12px Verdana;
margin:0;
color:#000; padding-left:10px;
}

* html h4{
margin-left:20px;
}

.style1{
	float:left;
	font:9px Verdana;
	color:#006;
	margin:0;
	padding:0;
	margin-left:10px;
}

.style2{
padding:20px;
font:10px Verdana;
}

#footer a{
color:#a0d500;
}

#footer a:hover{
color:#CCCCCC;
}

/*--------------------------End-------------------------*/

/*--------------------------start Image styles-------------------------*/

.img{
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}

/*--------------------------End-------------------------*/

/*--------------------------Start divs-------------------------*/

#container{
width:980px;
height:100%;
text-align:left;
margin:0 auto;
}

#top{
width:980px;
height:79px;
background:#2c425c;
border-bottom:2px solid #FFFFFF;
}

#menu{
width:980px;
background:url(/img/navbg.gif) repeat-x;
height:30px;
border-bottom:1px solid #c8d6e6;
}

#headertext{
	width:507px;
	height:224px;
	background:#fff;
	float:left;
	border-bottom:1px solid #c8e0ff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
}

#banner{
background:url(/img/banner.jpg);
float: right;
width:473px;
height:224px;
border-bottom:1px solid #c8e0ff;
}

#content{
width:980px;
min-height:332px;
background:#FAFCFF url(/img/contentbg.gif) repeat-x;
margin:0;
padding:0;
border-top:1px solid #FFFFFF;
float:left; font-size:11px; font:Verdana, Geneva, sans-serif;
}

#content_text { padding:5px 20px 20px 20px; font:11px Tahoma, Geneva, sans-serif;}
#content_text p{ padding:5px; line-height:inherit; text-align:justify; font-size:13px;}
* html #content{
height:162px; /*defines the height in IE6*/
}
#content_text ul {}
#content_text ul li { padding:2px; font-size:14px;}
#welcomecontainer{
width:490px;
height:100%;
float:left;
margin-left:10px;
padding:0;
border-right:1px solid #dedede;
margin-top:10px;
margin-bottom:10px;
}

.welcome{
width:420px;
height:100%;
float:left;
margin:0;
padding:0;
}

.news{
width:340px;
height:100%;
float:left;
margin-left:10px;
padding:0;
margin:0;
margin-top:10px;
}

* html .news{
width:320px;
}
#footer p{ margin:0; padding:10px 0 0 10px;}
#footer{
width:980px;
height:80px;
background:#2c415c;
font:10px Verdana;
color:#FFFFFF;
padding:0;
float:left;
margin:0;
}

/*--------------------------End-------------------------*/

/*--------------------------Start menu css-------------------------*/

#menu ul{
list-style-type:none;
margin:0;
font:bold 10px Verdana;
text-decoration:none;
float:left;
padding:8px;
width:960px;
}

#menu li{
	display:inline;
	color: #646464;
}

#menu li a{
color:#646464;
padding:8px; font-size:12px;
}

#menu li a:hover{
background:url(/img/navover.gif) repeat-x;
}
#container #headertext p {
	font-size: 13px; padding-left:20px;
}

#container #headertext p {
	font-size: 14px;
}
/* CROSS-SITES CLASSES */
.clear {clear:both; overflow:hidden; padding:0!important; border:0; height:0px!important;}

#container #headertext .telefon { float:left; padding:70px 10px; font-size:16px; font:Arial, Helvetica, sans-serif; color:#F00; font-weight:bold;}
#container #headertext .telefon p{ margin:0; padding:0; color:#F00; }
#container #headertext .logo { float:left; padding:40px 10px 20px 20px; font-size:16px; font:Arial, Helvetica, sans-serif; color:#F00; font-weight:bold;}
#container #headertext .telefon  .cont a{ text-decoration:underline; float: left;padding:10px 0px; margin:0px; font-weight:normal; color:#000; font:Arial, Helvetica, sans-serif; font-size:12px}
#container #headertext .telefon  .cont a:hover { text-decoration:none;}



#content .othernews { border-top:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; padding:5px 12px 0 0; margin:0 0 15px 0;}
#content .othernews .onews { width:720px;}
a h1.fll{cursor:pointer}
.fll {float:left !important; display:block;}
.flr {float:right !important; display:block;}
.fll img{margin-left:0px;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:760px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:587px; height:400px; padding-left:90px; background:#FFF;}
#information {position:absolute; bottom:0; width:500px; height:0; background:#fff; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=60)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:587px;}
#image img {position:absolute; z-index:25; width:587px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:90px; background:url(/img/left.gif) left center no-repeat}
#imgnext {right:0px; background:url(/img/right.gif) right center no-repeat}
#imglink {position:absolute; height:106px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/img/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:123px; background:url(/img/scroll-left.gif) center center no-repeat; background-color:#999}
#slideleft:hover {background-color:#CCC}
#slideright {float:right; width:20px; height:126px; background:#999 url(/img/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#CCC}
#slidearea {float:left; position:relative; width:710px; margin-left:5px; height:130px; overflow:hidden}
#slider {position:absolute; left:0; height:130px}
#slider img {cursor:pointer; float:left; height:120px; border:1px solid #666; padding:2px}