/* CSS Document */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/
/* Author: 		Kraftwerk Werbeagentur AG 					*/
/* Date: 		23. Mai 2008					 			*/
/* Copyright:	© 2008 - Kraftwerk Werbeagentur AG 			*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/

/* Default colors: */



/* Default Styles
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

html {
	height: 100%;
}
body {
	height: 100%;
	margin:0%;
	padding:0%;
	font-family:"Lucida Grande", "Lucida Sans Unicode";
	color:#444444;
}

/* Default Styles ENDE
--------------------------------------------------------- */

/* iframe Styles 
--------------------------------------------------------- */

iframe {
	position:relative; left:0px;
	width:630px;
	min-height:670px;
	border:1px solid #eee;
	background-color:#fff;
	font-family:"Lucida Grande", "Lucida Sans Unicode";
}

/* iframe Styles ENDE
--------------------------------------------------------- */

/* IMG
--------------------------------------------------------- */

img.gallerythumb:hover {
	cursor:pointer;
}
img.code {
	float:left;
	margin-right:10px;
}

img.thumbs {
	margin:3px;
}
/* IMG ende
--------------------------------------------------------- */



/* DIV / -> ID Styles 
--------------------------------------------------------- */
div#site {
	position: relative;
	top:60px;
	margin:auto;
	width: 884px;
	
	margin:auto;	
}

div#mainnavi {
	position: relative;
	left:8px; top:0px;
	width:676px; height:45px;

	text-align:right;
	padding-left:198px;
	padding-right:0px;
	background-image:url(../img/bgnd_mainnavi.gif);
	background-repeat:no-repeat;
}

div#header {
	position: relative;
	left:0px; 
	margin-top:10px;
	width:876px; height:245px;
	padding-left:8px; 
	
	background-image:url(../img/bgnd_header.gif);
	background-repeat:no-repeat;
	
}
div#content_hc {
	}
div#body {
	position: relative;
	left:0px; 
	margin-top:14px;
	width:884px; min-height:271px;
	height:!important auto;
	
	background-image:url(../img/bgnd_body_shadow.gif);
	background-repeat:repeat-y;
	
}

div#home {
	position: absolute;
	left:38px; top:0px;
	width:272px; height:90%;
	padding-right:15px;
	font-size:10px;
	line-height:14px;
}
div#content_home {
	position: absolute;
	left:317px; top:0px;
	width:167px; height:256px;
	/* margin-bottom:20px; */
	padding-left:15px;
	padding-right:37px;
	line-height:14px;
	font-size:10px;
	
	background-image:url(../img/bgnd_content_home.gif);
	background-repeat:repeat-x;
	background-color:#f0f0f1;
}
div#shortnews {
	position: absolute;
	left:538px; top:0px;
	width:257px; min-height:250px;
	padding-left:37px;
	padding-right:15px;
	line-height:14px;
	font-size:10px;
	
	background-image:url(../img/bgnd_content_home.gif);
	background-repeat:repeat-x;
	background-color:#f0f0f1;
}

div#news {
	position: absolute;
	left:0px; top:0px;
	width:250px;
	/* margin-bottom:20px; */
	padding-left:15px;
	padding-right:37px;
	line-height:14px;
	font-size:10px;
	
}
div#newsliste {
	position: absolute;
	left:555px; top:0px;
	width:290px; 
	padding-top:1px;	
	padding-left:4px;
	font-size:11px;
}
div#newsliste_pic {
	position: absolute;
	left:555px; top:0px;
	width:290px; 
	padding-top:1px;	
	padding-left:4px;
	font-size:11px;
}

div#mitteilung {
	position: absolute;
	left:280px; top:35px;
	width:290px; 
	padding-top:1px;	
	padding-left:4px;
	font-size:11px;
}


div.shortnews {
	border-bottom:1px solid #dddddd;
	padding-bottom:5px;
	margin-bottom:5px;
}
div.shortnews_last {
	height:36px;
	border-bottom:0px solid #dddddd;
}

div#subnavi {
	position: absolute;
	left:38px; top:0px;
	width:166px; height:90%;
	
}
div#content {
	position: relative;			
	left:228px; top:0px;
	width:280px; min-height:231px;

	padding-bottom:20px;
	padding-right:20px;
	color: ;
	font-size: 10px;
	line-height: 18px;
		
}
div#content_text {
	position: relative;			
	left:228px; top:0px;
	width:285px; min-height:231px;
	height:210px;
	padding-bottom:20px;
	padding-right:20px;
	color: ;
	font-size: 10px;
	line-height: 18px;		
}

div#gallery {
	position: absolute;
	left:555px; top:0px;
	width:290px; height:218px;
	background-image:url(../img/bgnd_gallery.gif);
	background-repeat:no-repeat;
	padding-top:1px;	
	padding-left:4px;
}
div#anfahrtsplan {
	position: absolute;
	left:555px; top:0px;
	width:286px; height:206px;
	padding-top:1px;	
	padding-left:4px;
}

div#plan_gross {
	position: relative;
	left:232px; top:0px;
	width:614px; height:460px;
	z-index:4;
}

div.gallerythumb {
	float:left;
	width:70px; height:50px;
	margin-right:2px;
	margin-bottom:1px;
	margin-top:1px;
	background-color:transparent;
}

div#picmedium {
	position:absolute; margin-top:1px;
	width:286px; height:206px;
	background-repeat:no-repeat;
}
div#pic_medium {
	position:absolute;	 
	visibility:visible;
}
div#picmedium_schliessen {
	position:absolute; 
	bottom:5px; right:5px;

	color:#eee;
	font-size:9px;
}

div#picmedium:hover, div#picmedium_schliessen:hover {
	cursor:pointer;
}

div#footer {
	position: relative;
	width:884px; height:21px;
	margin-top:0px;
	background-image:url(../img/bgnd_footer_shadow.gif);
	background-repeat:no-repeat;	

}


div#globalnavi {
	position: absolute;
	left:38px; top:8px;
	width:250px; height:25px;
	padding-top:5px;
	font-size:9px;
}


div#person0, div#person1, div#person2, div#person3, div#person4 {
	position:absolute;
}

a#logo_con {
	position:absolute;
	left:42px;
	width:92px; height:88px;
}
a#logo_con:hover {
	cursor:pointer;
}
/* DIV / -> ID Styles ENDE
--------------------------------------------------------- */



/* TABLE, TD, TR Styles 
--------------------------------------------------------- */
table.content {
	width: 950px;
	height:100%;
}
td.left {
	width:250px;
	background-color: ;
	height:100%;
}
td.center {
	width:450px;	
	height:100%;
}
td.right {
	width:250px;
	background-color: ;
	height:100%;
}
table.gallery {
	width:;
}

td.formular {
	width:100px;
	height:22px;
}

/* TABLE, TD, TR Styles ENDE
--------------------------------------------------------- */




/* LINK Styles 
--------------------------------------------------------- */
a {
	font-family:"Lucida Grande", "Lucida Sans Unicode";
	text-decoration:none;
	color:#444444;
}
a:hover {
	color:#d40019;
}

a.mainnavi {
	float:left;
	height:30px;
}
a.mainnavi:hover {
	float:left;
}

a.mainnavi_active {
	float:left;
}
a.mainnavi_active:hover {
	float:left;
}


a.subnavi {
	text-decoration: none;
	color: #444444;
	font-size: 10px;
	display: block;
	width:166px; height:21px;
	background-image:url(../img/bgnd_subnavi.gif);
	background-repeat:no-repeat;	
	margin-bottom:11px;
}
a.subnavi:hover {
	color: #d40019;
	cursor:pointer;
}
a.subnavi_active {
	text-decoration: none;
	color: #d40019;
	font-size: 10px;
	display: block;
	width:166px; height:21px;
	background-image:url(../img/bgnd_subnavi.gif);
	background-repeat:no-repeat;	
	margin-bottom:11px;
}
a.subnavi_active:hover {
	color: #d40019;
}

a.mainnavi, a.mainnavi:hover, a.mainnavi_active, a.mainnavi_active:hover {

}

a.page {
	color: #444444;
	
}
a.page_active {
	color: #d40019;
	
}
a.page_active:hover {
	color: #d40019;
	
}

/* LINK Styles ENDE
--------------------------------------------------------- */


/* H - P / Text Styles 
--------------------------------------------------------- */
h1.title {
	color: #d40019;
	margin-bottom: 35px;
	font-size: 20px;
}
h2.title {
	color: #d40019;
	height:20px;
	margin-bottom: 30px;
	margin-top: 4px;
	font-size: 10px;
	border-bottom:1px solid #dddddd;
}
h2.title_2 {
	margin-bottom: 11px;
	font-size: 12px;
	/*border-bottom:1px solid #dddddd;*/
}
h3.datum {
	font-size: 10px;
	font-weight:bold;
}
h1.subnavi {
	color: #444444;
	margin-bottom: 5px;
	font-size: 13px;
}
h1.content {
	color: ;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 20px;
}


/* H - P / Text Styles ENDE
--------------------------------------------------------- */


/* list Styles 
--------------------------------------------------------- */
li {
	margin-left:20px;
}

/* list Styles ENDE
--------------------------------------------------------- */



/* INPUT Styles 
--------------------------------------------------------- */
input.submit {
	background-color:#eee;
	border:1px solid #999;
	width:100px; height:20px;
}
input.formular {
	border:1px solid #999;
	width:140px; height:14px;
}
input.code {
	border:1px solid #999;
	width:140px; height:14px;
}
textarea.formular {
	width:250px; height:110px;
	border:1px solid #999;
}


/* INPUT Styles ENDE
--------------------------------------------------------- */

/* IE HACKS */