/* - - - - - - - - - - - - */
/* SAS					   */ 
/* 2009-06-09              */
/* mail@bytebetrieb.com    */
/*                         */
/* Allgemeine Stylesheets  */
/* - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* C S S  R E S E T 															     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* A L L G E M E I N E S 															 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
	} 


html {
	width:				100%;
	height:				100%;
	}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background-color:	#fff;
	color:				#000;
	font-family:		Verdana, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	font-size:			100%;
	line-height:		1.2em;
	letter-spacing:		0.3px;
	}


a,
a:link 		{ text-decoration: none; color: #000;  }
a:visited 	{ text-decoration: none; color: #333;  }
a:hover 	{ text-decoration: none; color: #69c;  }
a:active 	{ text-decoration: none; color: #c6007a; }
a:focus 	{ text-decoration: none; color: #c6007a; }
a img, img,
a.bildlink 	{ vertical-align: top; border: none; }


fieldset { border:none; }

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }


strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

p {
	font-size:			12px;
	line-height:		16px;
	color:				#535353;
	}
#seiteninhalt p,
#seiteninhalt h2,
#seiteninhalt h3,
#seiteninhalt ol,
#seiteninhalt ul { margin-bottom:1em; }

ol, ul { color: #535353; }

li {
	font-size:			0.75em;
	line-height:		1.25em;
	}

#seitenblock {
	width:				934px;
	margin:				0 auto;
	}

#startseite { background:transparent url(/_p/bg.gif) 0 0 repeat-x; }





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S E I T E N I N H A L T															 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.zweispalter #seiteninhalt {
	width:				703px;
	float:				left;
	margin:				0 0 0 36px;
	border
	}
.zweispalter .screenleft img {
	margin:				0 0 20px 20px;
	}
.zweispalter .screenright img {
	margin:				0 0 20px;
	}
.zweispalter #seiteninhalt h2{
	margin:				22px 0 1em 0;
	}

.dreispalter #seiteninhalt {
	width:				403px;
	float:				left;
	margin:				0 0 0 36px;
}

#seiteninhalt h2 {
	color:				#386d94;
	font-size:			21px;
	font-weight:		bold;
	margin:				22px 0 1em 0;
	}

#seiteninhalt h3 {
	color:				#386d94;
	font-size:			12px;
	font-weight:		bold;
	}

#seiteninhalt ul {
	list-style-type: 	disc;
	list-style-position: outside;
	margin: 			0 0 0 20px;
	}

#seiteninhalt ul li {
	line-height:		16px;	
	}

#seiteninhalt .subhead {
	font-weight:		bold;
	margin:				20px 0 0 0;
	display:			block;
	}

	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R A N D N O T I Z 															     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#randspaltewrapper {
	background:			transparent url(/_p/randnotiz-bottom.gif) bottom right no-repeat;		
	float:				left;
	padding:			0 0 18px 0;
	margin:				0 0 20px 0;
	}

#randspalte {
	background:			#f7f7f7 url(/_p/randnotiz-top.gif) top center no-repeat;		
	width:				243px;
	margin:				0 0 0 36px;
	padding:			0 0 0 20px;
	}

#randspalte  h2 {
	color:				#386d94;
	font-size:			21px;
	font-weight:		bold;
	padding:			22px 0 0 0;
	}


#randspalte h3 {
	color:				#386d94;
	font-size:			12px;
	font-weight:		bold;
	margin:				0 0 28px 0;
	}

#randspalte p { margin-right:10px; }

#randspalte  li {
	list-style-image:	url(/_p/randnotiz-bulletpoint.gif);
	margin: 			10px 0;
	} 

#randspalte ul,
#randspalte ol {
	padding:	0 0 28px 22px;
	}

#bildspalte .swfir {
	margin:				20px 0 0 36px;
	}

#bildspalte {
	margin:				20px 0 0 0;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N A V I G A T I O N 															     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#navigation {
	height:				180px;
	position:			relative;
	}

#logo a{
	background:			transparent url(/_p/logo.gif) 0 0 no-repeat;		
	display:			block;	
	width:				522px;
	height:				87px;
	text-indent:		-9999px;
	}

#sprachauswahl {
	background:			transparent url(/_p/sprachauswahl.gif) 0 0 no-repeat;		
	width:				174px;
	height:				21px;
	position:			absolute;
	top:				0px;
	right:				0px;
	padding:			10px 0 0 20px;	
	}
	
#sprachauswahl a {
	font-size:			10px;
	font-weight:		bold;
	color:				#707070;
	display:			block;
	padding:			0 0 0 20px;
	height:				12px;
	float:				left;
	line-height:		12px;	
	}

#sprachauswahl a:visited { color:#707070;}
#sprachauswahl a:hover 	 { color:#535353;}
#sprachauswahl a:active  { color:#707070;}
#sprachauswahl a:focus	 { color:#707070;}

#de{ background: transparent url(/_p/flaggen.gif) 0 -24px no-repeat;}
#en{ background: transparent url(/_p/flaggen.gif) 0 0 no-repeat; margin: 0 20px 0 0; }

#de:hover { background: transparent url(/_p/flaggen.gif) 0 -36px no-repeat;}
#en:hover { background: transparent url(/_p/flaggen.gif) 0 -12px no-repeat;  margin: 0 20px 0 0; }


#navigation ul {
	width:				934px;
	padding:				20px 0 0 0;
	}
#navigation ul li{ float: left;	}
#navigation ul a {
	display:			block;
	height:				47px;
	width:				132px;
	text-indent:		-9999px;
	background-image:	url(/_p/navigation.gif);
	background-repeat:	no-repeat;
	}

.en #navigation ul a { background-image:url(/_p/navigation-en.gif); }

#navi-1 a {background-position:0 0;}
#navi-2 a {background-position:-132px 0;}
#navi-3 a {background-position:-265px 0;}
#navi-4 a {background-position:-398px 0;}
#navi-5 a {background-position:-531px 0;}
#navi-6 a {background-position:-664px 0;}
#navigation #navi-7 a {background-position:-797px 0; width: 142px;}

#navigation #navi-1.aktiv a,
#navi-1 a:hover {background-position:0 -47px;}
#navigation #navi-2.aktiv a,
#navi-2 a:hover {background-position:-132px -47px;}
#navigation #navi-3.aktiv a,
#navi-3 a:hover {background-position:-265px -47px;}
#navigation #navi-4.aktiv a,
#navi-4 a:hover {background-position:-398px -47px;}
#navigation #navi-5.aktiv a,
#navi-5 a:hover {background-position:-531px -47px;}
#navigation #navi-6.aktiv a,
#navi-6 a:hover {background-position:-664px -47px;}
#navigation #navi-7.aktiv a,
#navigation #navi-7 a:hover {background-position:-797px -47px; width: 142px;}


#navigation ul.lang-navi {
/*
	width:				934px;
	padding:			20px 0 0 0;
*/
	width:				194px;
	padding:			0;
	
	position:			absolute;
	top:				0;
	right:				0;
	height:				31px;
	background:			transparent url(/_p/bg-lang.png) 0 0 no-repeat;
	}
#navigation ul.lang-navi li {
/*
	float:				left;
*/
	float:				left;
	}
#navigation ul.lang-navi a {
/*
	display:			block;
	height:				47px;
	width:				132px;
	text-indent:		-9999px;
	background-image:	url(/_p/navigation.gif);
	background-repeat:	no-repeat;
*/
	display:			block;
	height:				20px;
	width:				80px;
	text-indent:		0;
	background:			none;
	color:				#707070;
	border:				none;
	float:				left;
	margin:				10px 0 0 10px;
	}
#navigation ul.lang-navi a:hover { color:#535353; }
#navigation ul.lang-navi li.de a { margin-left:20px; }
#navigation ul.lang-navi a span {
	display:			inline-block;
	width:				16px;
	height:				12px;
	text-indent:		-9999px;
	background:			transparent url(/_p/flaggen.gif) 0 0 no-repeat
}
#navigation ul.lang-navi li.en a span 		{ background-position:0 0; }
#navigation ul.lang-navi li.en a:hover span { background-position:0 -12px; }
#navigation ul.lang-navi li.de a span 		{ background-position:0 -24px; }
#navigation ul.lang-navi li.de a:hover span { background-position:0 -36px; }






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* M E T A  N A V I G A T I O N 													 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#metanavigation {
	background-color:	#f7f7f7;
	width:				195px;
	float:				left;
	}

#metanavigation li{
	border-top:			1px solid #e8e8e8;
	}

#metanavigation li a {
	width:				160px;
	height:				28px;
	display:			block;
	padding:			12px 5px 0 30px;
	background: 		transparent url(/_p/meta-bullet.gif) 10px 14px no-repeat;	
	color:				#535353;
	}
#metanavigation li a:hover { 
	background:			#d9effe url(/_p/meta-bullet.gif) 10px -30px no-repeat; 
	color:				#386d94;
	font-size:			bold;
	}
#metanavigation li .zweizeiler {
	background: 		transparent url(/_p/meta-bullet.gif) 10px 14px no-repeat;	
	padding:			6px 5px 0 30px;
	height:				34px;
	}
	
#metanavigation li .aktiv {
	background:			#d9effe url(/_p/meta-bullet.gif) 10px -30px no-repeat; 
	color:				#386d94;
	font-size:			bold;
	}


#metanavigation #meta-top {
	background: 		transparent url(/_p/meta-bg.gif) 0 0 no-repeat;	
	border:				none;
	}
#metanavigation #meta-top a.aktiv,
#metanavigation #meta-top a:hover {
	background: 		transparent url(/_p/meta-bg.gif) 0 -50px no-repeat;	
	border:				none;
	}

#meta-bottom {
	background: 		transparent url(/_p/meta-bg.gif) 0 -109px no-repeat;	
	}

#metanavigation #meta-bottom a.aktiv,
#metanavigation #meta-bottom a:hover {
	background: 		transparent url(/_p/meta-bg.gif) 0 -160px no-repeat;	
	border:				none;
	}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* T E A S E R B O X 															     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#teaserbox {
	height:				294px;
	width:				659px;
	background: 		transparent url(/_p/box.jpg) top right no-repeat;	
	padding:			35px 240px 0 35px;		
	}
	
#teaserbox h1 {
	color:				#386d94;
	font-size:			21px;
	font-weight:		bold;
	}
	
#teaserbox h2 {
	color:				#386d94;
	font-size:			17px;
	font-weight:		bold;
	line-height:		25px;	
	margin:				0 0 10px 0;
	}		



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N E W S 															                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#newsblock {
	width:				932px;
	background: 		transparent url(/_p/news-bg.gif) 0 0 no-repeat;		
	padding:			7px 0 0 0;
	}

#newswrapper {
	width:				932px;
	background: 		#f7f7f7 url(/_p/news-bg-footer.gif) bottom center no-repeat;		
	float:				left;
	margin:				30px 0 0 0;
	padding:			0 0 6px 0;
	}
	
.news {
	width:				410px;
	float:				left;
	margin:				0 0 0 35px;
	}

.news h1 {
	color:				#386d94;
	font-size:			17px;
	font-weight:		bold;
	margin:				15px 0 10px 0;	
	}
	


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F O O T E R 															             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.blau {
	color:				#386d94;
	font-weight:		bold;
	}

#footer {
	float:left;
	width:				932px;
	margin:				35px 0 0 0 ;
	padding:			0 0 35px 0;
	}
	
#footer #border {
	border:				1px solid #bcbcbc;
	border-width: 		1px 0;
	margin:				0 0 35px 0;
	padding: 			10px 0;
	}

#footer p {
	font-size:			9px;
	text-align: 		center;
	}

	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K O N T A K T 															         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	
form		{ margin-bottom:20px; }
.ie-error 	{ margin: 0 0 35px 0; display:block;}

fieldset {
	width:				703px;
	border:				none;
	padding:			35px 0 0 0;
	border-top:			1px solid #cdcdcd;
    }

label {
	marin-bottom:		10px;
	width:				200px;
	float:				left;
	font-size:			12px;
	color:				#535353;
	}
	
html>body label	{ font-weight:bold; }
.buttonfeld 	{ text-align:center; }
.breit 			{ width:503px;}

.textfeld {
	margin-bottom:		10px;
	padding:			5px 0 0 5px;
	height:				18px;
	width:				498px;
	float:				left;
	background-color:	#d9effe;
	border:				none;
	}

input {
	color:				#000;
	text-decoration:	none;
	}
	
.feedback {
	padding:			20px;
	background-color:	#d9effe;
	border:				none;
	color:				#fd8629;
	font-weight:		bold;
	margin:				10px 0 20px;
	}


.schmal {
	margin-bottom:		10px;
	padding:			5px 0 0 5px;
	height:				18px;
	float:				left;
	width:				195px;
	background-color:	#d9effe;
	border:				none;
	
	}

.text {
	width:				703px;
	float:				left;
	margin:				20px 0 0 0;
	}
	
.gross {
	height:				105px;
	width:				698px;
	float:				left;
	background-color:	#d9effe;
	border:				none;
	padding:			5px 0 0 5px;
	}
	
.submitbutton {
	margin-top:			10px;
	height:				24px;
	width:				139px;
	background:			transparent url(/_p/absenden.gif) 0 0 no-repeat;
	text-indent:		-9999px;
	border:				none;
	color:				#fff;
	float:				right;
	cursor:				pointer;
	}
.submitbutton:hover {
	background:			transparent url(/_p/absenden.gif) 0 -24px no-repeat;
	}

#txtfelder {
	margin:				35px 0 0 0;
	padding:			35px 0 0 0;
	border-top:			1px solid #cdcdcd;
	}
	
	
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S T O R I E S 															         */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#storieswrapper {
	background:			#f7f7f7 url(/_p/stories-bottom.gif) bottom center no-repeat;
	float:left;
	}
#stories {
	/*width:932px;*/
	background:			transparent url(/_p/stories-top.gif) top center no-repeat;
	float:left;
	}
	
.statement {
	margin:				35px 0 0 0;
	width:				378px;
	padding:			0 0 0 35px;
	float:left;
	background:			transparent url(/_p/anfuehrung.gif) top left no-repeat;	
	}

.statement p { font-style:italic; }
p.name		 {
	font-weight:		bold;
	font-size:			10px;
	font-style:			normal;
}
#success #seiteninhalt {
	margin:				0;
	width:				932px;
	}

.spalte {
	float:				left;
	width:				413px;
	padding:			0 0 0 35px;
	}

.clear { padding:35px 0 0 35px; }