@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

div#wrapper {
	width:1000px;
	
}
p {
	margin:0 0 1em 0;
	padding:0;
}
div#logo {
	float:left;
	margin: 23px 0 0 0;
	width:148px;
	height:92px;
}
div#firstRow {
	
}
div#navi {
	float:left;
	margin:0 0 0 0;
	width:852px;
	height:105px;
}
div#mainNavi{
	float:left;
	width:650px;
	height:30px;
	padding:0 5px 10px 0px;
	font-size:1.3em;
}
div#langNavi{
	float:right;
	padding:25px 0px 0 0;
	font-size:1.0em;
}

div#main {
	clear:both;
	width:101%;
	font-size:1.3em;
}
div#leftCol {
	float:left;
	
	width:493px;
	padding:26px 7px 0 0;
}
div#rightCol {
	float:left;
	width:474px;
	padding:0px 13px 0 13px;
}

div#breadcrumb {
	height:18px;
	margin-left:-7px;
	padding-top:8px;
	font-size:0.85em;
}
div#rightColContent {
	margin:15px 0 0 0;
}
div#rightColContent.adresse {
	margin:0;
}
div#rightCol.kontakt #rightColContent {
	margin:0;
}
div#breadcrumb a {
	color:#000000;
	text-decoration:none;
}
div#breadcrumb a:hover {
	color:#000000;
	text-decoration:underline;
}
div#leftCol.kontakt table {
	margin-bottom:1em;
}
div#leftCol.kontakt {
	width:313px;
	margin-left:180px;
}

img {
	border:none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/*********************************** Dropdown Menü ************************************************/


div#langNavi a, div#langNavi a:hover,div#langNavi a:active {
	text-decoration:none;
	color:#000000;
}

ul.menu, ul.menu ul {
    list-style-type: none;
	margin:0 0 0 30px;
	padding:13px 0 0 0;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
ul.menu a:hover,ul.menu a.active {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}
ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
	color:#FFFFFF;
    background-color:#000000;
    float:left;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 0px 0;
    position: absolute;
    background-color: #26383D;
    z-index:1;
    display:none;
    min-width:auto;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

ul.menu ul a { 
	display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
ul.menu ul a:hover, ul.menu ul a.active {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
	
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	
}


/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}
ul.menu ul li {
    float:none;
	color:#FFFFFF;
    background-color:#000000;
}
ul.menu ul li:hover {
	float:none;
	color:#000000;
	background-color:#000000
}
/************************************* Schriftformatierungen ***********************************/
h1 {
	padding-top:3px;
	padding-bottom:0.5em;
	margin:0;
	font-size:3.0em;
	font-weight:bold;
}
div#mainNews h1 {
	font-size:1.4em;
	padding-top:7px;
}
h2 {
	padding-bottom:0.5em;
	font-size:1.4em;
	font-weight:bold;
}
div#mainNews h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:2px;
}
div#main a, p a:visited {
	text-decoration:none;
	color:black;
}
div#main a:hover {
	text-decoration:underline;
	color:black;
}
p.backlink {
	text-align:right;
	font-size:0.85em;
}
p.backlink img {
	margin: 0 4px -1px 0;
	
}
p.newsText img{
	margin-top:1em;
}
p.copyright {
	font-size:0.85em;
	text-align:left;
}
p.copyright img {
	margin:0 4px -1px 0;
}
p.copyright a {
	text-decoration:none;
	color:black;
}
p.copyright a:hover {
	text-decoration:underline;
	color:black;
}
div#mainNews a {
	text-decoration:none;
	color:black;
}
div#mainNews a:hover {
	text-decoration:underline;
	color:black;
}
/************************************** Slider ************************************************/
        .sliderGallery {
            overflow: hidden;
            position: relative;
            height: 75px;
            width: 820px;
			margin: 0 0 0 30px;
			clear:both;
        }
        .sliderGallery img {
			border:none;
		}
        .sliderGallery ul {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }


        .sliderGallery ul li {
            display: inline;
			
        }
        
        .slider {
            width: 820px;
            height: 11px;
            top: 64px;
            position: relative;
            background: url(../img/slider_bg.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 11px;
            width: 175px;
            top: 0;
            background: url(../img/slider_handle.png) no-repeat;
            z-index: 100;
        }
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        .slider .slider-lbl1 {
            left: 50px;
        }
        .slider .slider-lbl2 {
            left: 107px;
        }
        .slider .slider-lbl3 {
            left: 156px;
        }
        .slider .slider-lbl4 {
            left: 280px;
        }
        .slider .slider-lbl5 {
            left: 455px;
        }
/************************************************** Gallery ***********************************/

.thumbs img {
	border:none;
	margin:-1px;
	padding:0px;
}
.thumbs a {
	margin:0;
	padding:0;
}
/************************************************** Hot News **********************************/
div#imageHotNews {
	padding-top:15px;
}

div#hotNews font{
	width:300px;
	padding: 0 10px 0 10px;
}
div#singleEntry {
	margin-bottom:2em;
}
div.hotNewsEntry {
	float:left;
	max-width:220px;
	padding:1em 0 0 23px;
}
div.hotNewsEntry a {
	color:#000000;
	text-decoration:none;
}
div.hotNewsEntry a:hover {
	color:#000000;
	text-decoration:underline;
}

/************************************************ kontaktformular ******************************/
input.firma,
input.vorname,
input.nachname,
input.strasse,
input.plz,
input.ort,
input.email,
input.telefon,
input.von,
input.betreff{
	width:180px;
}

select.select {
	width:184px;
}

textarea.anmerkung {
	width:280px;
	height:80px;
}
input.senden{
	background:transparent url(../img/senden.jpg) top no-repeat;
	width:94px;
	height:24px;
	border:none;
}
/********************************************* content **********************************************/
td.name{
	width:300px;
}
td.referenzName{
	width:300px;
}
a.fotoicon{
	display:block;
	background:url(../img/foto.gif) no-repeat;
	height:20px;
	width:20px;
}
a.fotoicon:hover{
	display:block;
	background:url(../img/foto_hover.gif) no-repeat;
	height:20px;
	width:20px;
}
a.videoicon{
	display:block;
	background:url(../img/video.gif) no-repeat;
	height:20px;
	width:20px;
}
a.videoicon:hover{
	display:block;
	background:url(../img/video_hover.gif) no-repeat;
	height:20px;
	width:20px;
}
a.soundicon{
	display:block;
	background:url(../img/audio.gif) no-repeat;
	height:20px;
	width:20px;
}
a.soundicon:hover{
	display:block;
	background:url(../img/audio_hover.gif) no-repeat;
	height:20px;
	width:20px;
}

p.galleryImage object{	
	margin-left:88px;
}
p.galleryImage object.kontaktSlideshow{
	margin-left:0px;
}
td.tdPortrait{
	width:450px;
}
td.tdFoto{
	vertical-align:top;
	padding-left:10px;
}
td.tdAdressName{
	width:260px;
}
p.galleryImage {
	display:block;
	width:493px;
	height:324px;
}
span.soundButtons{
	display:block;
	width:20px;
	height:20px;
	background:url(../img/soundButtons.png) 0px 0px no-repeat;
}