u0i* { margin:0; padding:0;}
body { font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#414141;}

input, textarea, select { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

object { vertical-align:top;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top-right { position:absolute; right:0; top:0; width:50%; height:285px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#4c7cbd;}
#contacts-form input { width:170px; padding:1px 0 1px 3px; background:url(news/images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; float:left;}
#contacts-form textarea { width:539px; height:252px; padding:1px 0 1px 3px; background:url(news/images/png-bg.png) left top; border:1px solid #d6d6d6; color:#414141; margin-bottom:15px; overflow:auto; float:left;}


/*==================list====================*/
ul { list-style:none;   }

.site-nav { width:100%; overflow:hidden; padding-top:15px;}
.site-nav li { float:left; font-weight:bold; border-right:1px solid #d5d5d5; padding:0 73px 4px 73px;}
.site-nav li a { color:#000;}
.site-nav li a:hover,
.site-nav li a.act { 
	color:#4c7cbd;
}
.site-nav li.last { border:0;}

.list li { background:url(../images/line.gif) repeat-x bottom; padding-bottom:4px; margin-bottom:2px;}
.list li span { display:inline-block; padding-left:-10px;  width:150px; }
.list li a { color:#414141;}
.list li.last { background:none; padding-bottom:4px; margin-bottom:2px;}

.list0 li { background:url(../images/line.gif) repeat-x bottom;width:150px; padding-bottom:4px; margin-bottom:2px;}
.list0 li span { display:inline-block; padding-left:-10px;   width:150px; }
.list0 li a { color:#414141;}

.list11 li { background:url(../images/line.gif) repeat-x bottom; padding-bottom:0px; margin-bottom:0px;}
.list11 li span { display:inline-block; padding-left:-10px; background:url(../images/marker-1.gif) no-repeat left 3px;  width:150px; }
.list11 li a { color:#414141;}
.list11 li.last { background:none; padding-bottom:4px; margin-bottom:2px;}



.list1 li { width:100%; overflow:hidden; vertical-align:bottom; padding:3px 0 20px 0;}
.list1 li img { float:left; margin:-3px 15px 0 0;}
.list1 li.last { padding-bottom:0;}

.list2 { padding-bottom:15px;}
.list2 li { padding:0 0 4px 8px; background:url(../images/marker-2.gif) no-repeat left 6px;}
.list2 li a { color:#4c7cbd;}
.list2 li ul { padding-top:4px; margin-bottom:-4px;}
.list2 li ul li { padding-left:8px; background:url(../images/marker-3.gif) no-repeat left 6px;}



/*==================other====================*/
.img-box1 { width:100%; overflow:hidden; padding-top:3px;}
.img-box1 img { float:left; margin:-3px 15px 0 0;}

.p1 { margin-bottom:14px;}


/*==================txt, links, lines, titles====================*/
a {color:#414141; outline:none;}
a:hover{text-decoration:none;}

h3 { font-size:1.1em; color:#4c7cbd; margin-bottom:2px;}
h2 { font-size:1.4em; color:#4c7cbd; line-height:1.5;}
h3 a { color:#4c7cbd; text-decoration:none;}
h3 a:hover { text-decoration:underline;}
em { font-size:1em;}
strong { font-size:0.89em;}
big { font-size:1em; font-weight:bold; }
b { font-size:0.89em;  margin-bottom:1px; }
.link { display:block; float:right; background:url(../images/link-bgd.gif) repeat-x top; color:#4c7cbd; font-size:1em; text-decoration:none; line-height:.92em;}
.link em { display:block; background:url(../images/link-left.gif) no-repeat left top;}
.link b { display:block; background:url(../images/link-right.gif) no-repeat right top; padding:5px 21px 6px 21px; font-style:normal;}
.link:hover { text-decoration:underline;}

.line-hor { border-bottom:1px solid #000; margin:20px 0; overflow:hidden; font-size:0; line-height:0;}

.title { margin-bottom:18px;}


/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box1 {background:#fff; width:100%;}
.box .border-top {background:url(../images/border.gif) repeat-x top;}
.box .border-bot {background:url(../images/border.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border.gif) repeat-y left; width:100%;}
.box .border-right {background:url../images/border.gif) repeat-y right;}
.box .inner { padding:30px 30px 40px 31px;}


/*header*/
#header .logo { position:absolute; top:137px; left:55px;}
 
/*content*/
#content { padding:20px 40px 0 40px;}
#content .banner { padding-top:20px;}
#content .indent { padding:14px 0 0 9px;}
#content .indent1 { padding-bottom:28px;}
#content p { line-height:1.17em;}




.forme   {width: 544px; text-align: center; margin-top: 30px; padding-top: 8px; padding-bottom: 8px; margin-left: auto; margin-right: auto; border: 1px solid #FFFFFF;}
.formeG1 {width: 504px; text-align: center; background-color: #F2FAF9; border: 1px solid #FFFFFF; padding: 8px; margin-top: 6px; margin-left: auto; margin-right: auto}
.formeG2 {width: 520px; text-align: left; background-color: #F2FAF9; border: 1px solid #FFFFFF; padding: 8px; margin-top: 6px; margin-left: auto; margin-right: auto}
.formeG22 {width: 490px; text-align: left; background-color: #F2FAF9; border: 1px solid #FFFFFF; padding: 8px; margin-top: 6px; margin-left: auto; margin-right: auto}

.formeG3 {margin-bottom: 6px}
.formle  {text-align: center; margin-left: 10px; margin-right: 10px}
.myframe {border-left: 1px solid #DDDDDD; border-top: 1px solid #B0B0B0; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; margin-top: 4px}

a:link    {text-decoration: none; color: #6F3B2B}
a:visited {text-decoration: none; color: #6F3B2B}
a:hover   {text-decoration: none; color: #004080}
a:active  {text-decoration: none; color: #004080}

a.notizen:link    {text-decoration: none; font-family: Verdana; font-size: 10px; color: #6F3B2B}
a.notizen:visited {text-decoration: none; font-family: Verdana; font-size: 10px; color: #6F3B2B}
a.notizen:hover   {text-decoration: none; font-family: Verdana; font-size: 10px; color: #004080}
a.notizen:active  {text-decoration: none; font-family: Verdana; font-size: 10px; color: #004080}

div.quelltext1 {width: 504px; text-align: center; background-color: #F2FAF9; border: 1px solid #FFFFFF; padding: 8px; margin-top: 30px; margin-bottom: 15px; margin-left: auto; margin-right: auto}
div.quelltext2 {margin-top: 15px; margin-bottom: 30px}

.buttons{width:auto; padding-left: 2px; padding-right: 2px; overflow:visible}

.abstd  {padding-right: 8px}
.abstds {margin-right:  6px}
.abstd2 {padding-left: 36px; height: 32px}
.abstd3 {padding-left:  8px; height: 32px}


#navigation a {
	border: 1px solid #E0E0E0;
	margin: 0 1px;
	padding: 4px 7px;
	color: #444; 
	font-weight: bold;
	text-decoration: none;
}

#navigation a:visited {
	color: #507DB4; 
	font-weight: normal;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	border: 1px solid #507DB4;
	background: #F8F8F8;
	color: #737373; 
	text-decoration: none;
}

.current {
	border: 1px solid #E0E0E0;
	padding: 4px 7px;
	color: #444; 
}

.pages{
	border: 1px solid #E0E0E0;
	padding: 2px 7px;
	float: right;
	margin: -3px 0 0;
}


label {
	display:block;
	padding-bottom:3px;
}


#container { 
	background-color:#fff;
	border:3px solid #eee;
	margin:50px auto 0;
	padding:20px;
	width:480px;
	text-align:left;
}
#uploadcontainer { 
	padding:0;
	padding:20px;
	text-align:left;
}

/*footer*/
#footer .indent { padding:37px 40px 20px 40px;}
#footer img { position:relative; top:-4px;}
#footer a { color:#4c7cbd;}

/*==========================================*/

#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}

 #slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:52px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:52px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



.slider {
	background:#fff;
	width:960px;
	height:360px;
	left:0;
	top:158px;
	position:absolute;
	z-index:2;
	padding-top:1px;
}





  table#table_data {
    border: 0px solid #CCCCCC;   
}
table#table_data tr:first-child { 
	font-weight:bold; 
	text-transform:uppercase 
}
table#table_data tr td {
    border: 0px solid #CCCCCC;
	text-align:center
   
}
table#table_data tr:first-child {
	text-align:center;
	border:0px solid #999    
}


.notification_error
{
    border: 1px solid #A25965;
    height: auto;
    width: 90%;
    margin: 15px 0;
    padding: 4px;
    background: #F8F0F1;
    text-align: left;
    -moz-border-radius: 5px;
}

.notification_ok
{
    border: 1px #567397 solid;
    height: auto;
    width: 90%;
    margin: 15px 0;
    padding: 8px;
    background: #f5f9fd;
    text-align: center;
    -moz-border-radius: 5px;
}

.scroll {
height: 300px;
overflow: scroll;
width: 500px;
border: 0px solid #000;
padding: 10px;
}


.view
{
	height: 350px;
	width: 400px;
  background-color: #F2FAF9;	
}

ul.thumbnail
{
	list-style: none;
	padding: 10px;
	width: 400px;         /* Change in width size the row images are increased of decreased */
}
ul.thumbnail li
{
	margin: 0;
	padding: 15px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumbnail li img 
{
	height: 100px;
	width: 95px;
	padding: 5px;
	border: 1px solid #ddd;
	-ms-interpolation-mode: bicubic;  /* IE Fix for Bicubic Scaling */
}
ul.thumbnail li img.imgborder   /* Remove this style if dont want any background to be displayed for your thumbnail */
{
	background-color:#66CCFF;     
}





ul.thumbnail1
{
	
      
        list-style: none;
	padding: 5px;
	width: 550px;         /* Change in width size the row images are increased of decreased */
}

ul.thumbnail1 li
{
	
	padding: 0px;
	float: left;
	position: relative;
	width: 170px;
	height: 230px;
}
ul.thumbnail1 li img 
{
	height: 100px;
	width: 150px;
	padding: 5px;
	border: 1px solid #ddd;
	-ms-interpolation-mode: bicubic;  /* IE Fix for Bicubic Scaling */
}
ul.thumbnail li img.imgborder   /* Remove this style if dont want any background to be displayed for your thumbnail */
{
	background-color:#66CCFF;     
}





/* CAROUSEL */

.container1 {
	margin: 0 auto;
	position: relative;
	width: 660px;
        left:-70px;
        top:-398px;
	
}

.slider {
	background:#fff;
	width:660px;
	height:305px;
	right:0;	
	position:absolute;
	z-index:2;
	padding-top:1px;
}

.carousel{
    position:relative;
    height: 305px;
    width: 660px;
    overflow:hidden;    
}

.carousel h2{
	color: #fff;
}	


.carousel .backgrounds{
    height: 360px;
}

.carousel .backgrounds .item{
    width: 660px;
    height: 305px;
    float:left;
    position:relative;
    z-index:1;
}

.carousel .panel{
    background:url(../images/panel-bg.jpg) no-repeat 0 0;
    color: #fff;
    position:absolute;
    right: 0;
    top:0;
    height: 300px;
    width: 219px;
    z-index:10;
}

.carousel .panel .paging{
    position:absolute;
    bottom: 25px;
    left:25px;
    width: 282px;    
    text-align:center;   
}

.carousel .panel .paging a{
    color: #4c4c4c;
    font-size: 1.1em;
}

.carousel .panel .pause{
    position:absolute;
    right:20px;
    top:25px;
    display:block;
    width: 18px;
    height: 18px;
    background: transparent url(../images/carousel_pause_bg.gif) no-repeat 0 0;
    text-indent: -6000px;
}

.carousel .panel .play{
    position:absolute;
    right:20px;
    top:25px;
    display:block;
    width: 18px;
    height: 18px;
    background: transparent url(../images/carousel_play_bg.gif) no-repeat 0 0;
    text-indent: -6000px;
}


.carousel .panel .paging .next{
    position:absolute;
    right:7px;
    bottom:-6px;
    display:block;
    width: 12px;
    height: 23px;
		overflow:hidden;
    background:url(../images/next.gif) no-repeat 0 0;
    text-indent: -9999em;
}
.carousel .panel .paging .next:hover {
	background-position:0 -23px;
}

.carousel .panel .paging .previous{
    position:absolute;
    left:-7px;
    bottom:-6px;
    display:block;
    width: 12px;
    height: 23px;
		overflow:hidden;
    background:url(../images/prev.gif) no-repeat 0 0;
    text-indent: -9999em;
}
.carousel .panel .paging .previous:hover {
	background-position:0 -23px;
}

.carousel .panel .paging #numbers {
	left:35%;
	position:relative;
	zoom:1;
}

.carousel .panel .paging #numbers a {
   background:url(../images/bull-1.gif) no-repeat 0 0;
	 float:left;
	 width:10px;
	 height:10px;
	 overflow:hidden;
	 font-size:0;
	 line-height:0;
	 text-indent:-9999em;
	 margin-right:7px;
}
.carousel .panel .paging #numbers a:hover {
	background:url(../images/bull-2.gif) no-repeat 0 0;
}

.carousel .panel .paging #numbers a.selected {
  background:url(../images/bull-2.gif) no-repeat 0 0;
}



.carousel .panel .details_wrapper {
    position:absolute;
    top:68px;
    left:32px;
    width: 262px;
    overflow:hidden;
    height: 200px;
}

.carousel .panel .details_wrapper .details{
    height: 200px;
}

.carousel .panel .details_wrapper .details .detail{
    width: 262px;
    height: 200px;
    float:left;
    color:#a7afb4;
    
}

.carousel .panel .details_wrapper .details h2{
    font-size:26px;
		line-height:28px;
		color:#fff;
		font-weight:normal;
		font-style:italic;
		margin-bottom:12px;
}
.carousel .panel .details_wrapper .details p {
	margin-bottom:10px;
}

.carousel .panel .details_wrapper .details a.more{
    color: #fff;
    font-size:14px;
    font-style:italic;
}   









/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3, .col-4 { float:left;}
.colborder {border-right:1px solid #dedede;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }


.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#3a3a3a; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

blockquote {
	font-style:italic;
	color:#95a2a9;
	background:url(../images/quotes.gif) no-repeat 5px 5px;
	display:block;
	margin-bottom:12px;
}

.slider {
	background:#fff;
	width:660px;
	height:305px;
	left:0;
	top:158px;
	position:absolute;
	z-index:2;
	padding-top:1px;
}