/*--------------------------------------css document------------------------------------------*/
* {
	margin				: 0;	/* keinen rahmen bzw abstand */
	padding				: 0;
}
html, body {
	height				: 100%;
}
body  {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #575a5d;
	line-height			: 20px;
	text-align			: left;
	background-image	: url(../images/bg.jpg);
	background-position	: top center;
	background-repeat	: no-repeat;
	z-index				: 1;
}

img, img a {
	border				: 0;
}

li {
	margin-bottom		: 10px;
	padding				: 0;
	line-height			: 18px;
}
a {
	text-decoration		: none;	
	color				: #575a5d;
	border				: 0;
}
a:active, a:focus, a:hover {
	outline				: none		/*kein gepunkteter rahmen!!! */
}

/*-----------------------TOP------------------------*/

#header {
	background-image	: url(../images/header.png);
	background-repeat	: no-repeat;
	height				: 106px;
	width				: 710px;
}

#logo {
	position			: relative;
	left				: 8px;
	top					: 33px;
	float				: left;
}

#logo a, 
#language_en a, 
#language_de a {
	border-bottom		: none;
	text-decoration		: none;	
}

#language_de, 
#language_en {
	height				: 50px;
	width				: 20px;
	position			: relative;
	float				: right;
}

#language_de {
	top					: 15px;
	right				: 17px;
}

#language_en {
	top					: 2px;
	right				: 4px;
}

#language_de a:hover, 
#language_de a:active, 
#language_de a:focus, 
#language_de .aktive, 
#language_en a:hover, 
#language_en a:active, 
#language_en a:focus, 
#language_en .aktive  {
	position			: relative;
	background-image	: url(../images/arrow_language.png);
	background-repeat	: no-repeat;
	float				: right;
}

/*-----------------------PRIMAERE NAVIGATION------------------------*/

#primNavigation {
	position			: relative;
	font-size			: 14px;
	font-weight			: bold;
	width				: 260px;
	margin-top			: 32px;
	float				: right;
	clear				: right;
}
#primNavigation a {	
	color				: #575a5d;
}
#primNavigation a:hover ,
#primNavigation a:active, 
#primNavigation a:focus,
#primNavigation .open {
	padding-bottom		: 6px;
	background-color	: #fff;
	border-bottom		: 3px solid #e31818;
}
#primNavigation .open {
	color				: #000;
}

#primNavigation  .news {
	position			: absolute;
	right				: 210px;
}

#primNavigation  .ueberUns {
	position			: absolute;
	right				: 110px;
}

#primNavigation  .projekte {
	position			: absolute;
	right				: 15px;
}

/*-----------------------SECONDAERE NAVIGATION------------------------*/

#secNavigation {
	height				: 38px;
	border-top			: 1px solid #575a5d;
	border-bottom		: 1px solid #575a5d;
	background-color	: #ffffff;
	text-align			: center;
	font-weight			: bold;
}
#ohne_secNavigation {
	border-top			: 1px solid #575a5d;
}
#secNavigation li {
	margin				: 0 5px 0 10px;
	text-decoration		: none;
}
#secNavigation a.navi {
	display				: inline-block;
	width				: auto;
	padding				: 0 0 0 30px;
	margin				: 8px 0 0 0;
	line-height			: 23px;
	color				: #575a5d;
}
#secNavigation li a.navi.unternehmen:link,
#secNavigation li a.navi.unternehmen:visited {
	background			: transparent url(../images/icon_unternehmen.png) no-repeat 0 0;
}
#secNavigation li a.navi.unternehmen:hover,
#secNavigation li a.navi.unternehmen:active,
#secNavigation li a.navi.unternehmen:focus,
#secNavigation li a.navi.unternehmen.open {
	background			: transparent url(../images/icon_unternehmen_down.png) no-repeat 0 0;
	padding-bottom		: 6px;
	border-bottom		: 3px solid #e31818;
}
#secNavigation li a.navi.unternehmen.open  {
		color			: #000;
}
#secNavigation li a.navi.leistungen:link,
#secNavigation li a.navi.leistungen:visited {
	background			: transparent url(../images/icon_leistung.png) no-repeat 0 0;
}
#secNavigation li a.navi.leistungen:hover,
#secNavigation li a.navi.leistungen:active,
#secNavigation li a.navi.leistungen:focus,
#secNavigation li a.navi.leistungen.open {
	background			: transparent url(../images/icon_leistung_down.png) no-repeat 0 0;
	padding-bottom		: 6px;
	border-bottom		: 3px solid #e31818;
}
#secNavigation li a.navi.leistungen.open {
		color			: #000;
}
#secNavigation li a.navi.team:link,
#secNavigation li a.navi.team:visited {
	background			: transparent url(../images/icon_team.png) no-repeat 0 0;
}
#secNavigation li a.navi.team:hover,
#secNavigation li a.navi.team:active,
#secNavigation li a.navi.team:focus,
#secNavigation li a.navi.team.open {
	background			: transparent url(../images/icon_team_down.png) no-repeat 0 0;
	padding-bottom		: 6px;
	border-bottom		: 3px solid #e31818;
}
#secNavigation li a.navi.team.open {
	color				: #000;
}
#secNavigation li a.navi.iphone:link,
#secNavigation li a.navi.iphone:visited {
	background			: transparent url(../images/icon_iphone.png) no-repeat 0 0;
}
#secNavigation li a.navi.iphone:hover,
#secNavigation li a.navi.iphone:active,
#secNavigation li a.navi.iphone:focus,
#secNavigation li a.navi.iphone.open  {
	background			: transparent url(../images/icon_iphone_down.png) no-repeat 0 0;
	padding-bottom		: 6px;
	border-bottom		: 3px solid #e31818;
}
#secNavigation li a.navi.iphone.open  {
	color				: #000;
}

/*-----------------------META NAVIGATION------------------------*/

#metaNavigation {
	height				: 27px;
	text-align			: right;
	font-size			: 10px;
	font-weight			: bold;
}

#metaNavigation li {
	margin				: 0 15px 0px 0px; 
	position			: relative;
	top					: 4px;
}

#metaNavigation a {
	color				: #fff;
}

#metaNavigation a:hover, 
#metaNavigation a:active, 
#metaNavigation a:focus ,
#metaNavigation .open {
	padding-bottom		: 2px;
	border-bottom		: 3px solid #e31818;
}

/*-----------------------BREADCRUMP------------------------*/

#breadcrump {
	font-size			: 10px;
	margin				: 5px 30px 10px 30px;
}

/*-----------------------FORMATIERUNGEN------------------------*/

#primNavigation li, 
#secNavigation li, 
#metaNavigation li, 
#breadcrump li, 
.screens li {
	display				: inline; /*kein umbruch in der liste*/
	list-style			: none;
}

h1 {						/* schwarzer title*/
	font-size			: 16px;
	color				: #000000;
}

h2 {						/* roter title*/
	color				: #e31818;
	margin-bottom		: 3px;
}

h2, h3 {
	font-size			: 12px;
	font-weight			: bold;
}
	
h4, h5, h6{				/* links im text*/
	text-decoration		: underline;
	font-weight			: normal;
	display				: inline;
}

h5 {						/* breadcrump*/
	font-size			: 10px;
}

h6 {						/* links zurück/seitenanfang */
	font-size			: 11px;
}

a:hover h4 , a:focus h4 , a:active h4,
a:hover h5, a:focus h5, a:active h5,
a:hover h6, a:focus h6, a:active h6 {
	color				: #7abac7;
	text-decoration		: none;
}

#section {
	padding-bottom 		: 2px;
	border-bottom		: 3px solid #e31818;
	margin-top			: 20px;
	
}


.wide  {			/*vorschaubilder rahmen*/			                         
				                         			                         
	width:650px;
			                         			                         
	margin-top: 10px;
	margin-bottom: 10px;			                                                  
	float				: right;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}

.wide img {
	
	width				: 155px;
	height: 103px;
	border: 2px solid white;
	padding-top				: 1px;
	padding-bottom			: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
		}
		
.wide a:hover img,
.wide a:focus img
{
	width				: 155px;
	height				: 103px;

	
	border-top			: 2px solid #e31818;
	border-bottom		: 2px solid #e31818;

	
}

.wideCustomSize img {
	
	border: 2px solid white;
	padding-top				: 1px;
	padding-bottom			: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
		
.wideCustomSize a:hover img,
.wideCustomSize a:focus img
{
	border-top			: 2px solid #e31818;
	border-bottom		: 2px solid #e31818;
}

#short_description_wide {
	
	padding-top: 10px;
	}

	


#big_iphone {
	
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;

	
}

#store_link {
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	padding-bottom  10px		:;
	margin-top	 0px		:;
}

.miniScreen_wide  {			/*vorschaubilder rahmen*/			                         

	background-color: white;		                         			                         
	margin-top: 20px;			                                                  
	
	
	text-align: right;
	
	
	float				: right;
	margin-left			: 15px;
	margin-bottom		: 10px;
	width				: 38%;
	border				: 1px solid #dedede;
	text-align			: center;
	padding				: 5px 0px 5px 5px;
	background-color	: #ffffff;
}


.miniScreen_wide  img {
	width				: 230px;
	border				: 1px solid #dedede;
		}
.miniScreen_wide table {
	text-align			: left;
	border				: none;
}
.miniScreen_wide tr {
	vertical-align		: top;
}
.miniScreen_wide td {
	width				: 0;
}
.miniScreen_wide  a img {
	padding				: 1px;
	border-top			: 2px solid #dedede;
	border-bottom		: 2px solid #dedede;
	width				: 66px;
	height				: 99px;
}

.miniScreen_wide  a:hover img, 
.miniScreen_wide  a:focus img, 
.miniScreen_wide  a:active img {
	width				: 66px;
	height				: 99px;
	border-top			: 2px solid #e31818;
	border-bottom		: 2px solid #e31818;
}
.miniScreen_wide .button {
	border-top			: 1px solid #dedede;
	margin-top			: 10px;
}

.miniScreen_wide .button  a img{
	height				: 49px;
	width				: 152px;
	border				: none;
	margin				: 10px;
}

/*-----------------------CONTENT------------------------*/

#main,
#logo_dannys_dishes, 
#logo_bavarianiflirtcam, 
#logo_jourSail,
#logo_xmasgreetingcards,
#logo_guidebleu,
#logo_tagderzukunft,
#logo_e2010,
#logo_wids,
#logo_cnb,
#logo_hela,
#logo_lieken,
#logo_dab,
#logo_bechtold,
#logo_appsSummit,
#logo_lerncoachies,
#logo_color,
#logo_railroadRush {
	margin				: 5px 30px 10px 30px;
}

#logo_railroadRush {
	background-image	: url(../images/logo_railroadrush.png); 
	background-repeat	: no-repeat;
	height				: 121px;
	background-position	: center;
	margin-top			: 0;
	margin-bottom		: 10px;
}


#logo_dannys_dishes {
	background-image	: url(../images/logo_dannys_dishes.png); 
	background-repeat	: no-repeat;
	height				: 121px;
	background-position	: center;
	margin-top			: 0;
	margin-bottom		: 10px;
}

#logo_jourSail {
	background-image	: url(../images/logo_JourSail4.png); 
	background-repeat	: no-repeat;
	height				: 150px;
	background-position	: center;
	margin-top			: 0;
}


#logo_bavarianiflirtcam {
	background-image	: url(../images/logo_bavarianiflirtcam.png); 
	background-repeat	: no-repeat;
	height				: 159px;
	background-position	: center;
	margin-top			: 0;
}

#logo_xmasgreetingcards {
	background-image	: url(../images/logo_xmasgreetingcards.png); 
	background-repeat	: no-repeat;
	height				: 159px;
	background-position	: center;
	margin-top			: 0;
}

#logo_guidebleu {
	background-image	: url(../images/logo_guidebleu.png); 
	background-repeat	: no-repeat;
	height				: 159px;
	background-position	: center;
	margin-top			: 0;
}

#logo_tagderzukunft {
	background-image	: url(../images/ip/tagderzukunft/logo_tdz.png); 
	background-repeat	: no-repeat;
	height				: 99px;
	background-position	: center;
	margin-top			: 0;
}

#logo_e2010 {
	background-image	: url(../images/ip/e2010/logo_e2010.png); 
	background-repeat	: no-repeat;
	height				: 160px;
	background-position	: center;
	margin-top			: 0;
	position			: relative;
}

#logo_seriousgame {
	position			: absolute;
	bottom 				: 0;
	right 				: 0;
}

#logo_bechtold {
	background-image	: url(../images/ip/bechtold/logo_bechtold.png); 
	background-repeat	: no-repeat;
	height				: 63px;
	background-position	: center;
	margin-top			: 0;
}

#logo_wids {
	background-image	: url(../images/logo_wids.png); 
	background-repeat	: no-repeat;
	height				: 112px;
	background-position	: center;
	margin-top			: 0;
}

#logo_appsSummit {
	background-image	: url(../images/logo_appsSummit.png); 
	background-repeat	: no-repeat;
	height				: 150px;
	background-position	: center;
	margin-top			: 0;
}

#logo_cnb {
	background-image	: url(../images/logo_cnb.png); 
	background-repeat	: no-repeat;
	height				: 132px;
	background-position	: center;
	margin-top			: 0;
}

#logo_hela {
	background-image	: url(../images/logo_hela.png); 
	background-repeat	: no-repeat;
	height				: 182px;
	background-position	: center;
	margin-top			: 0;
}

#logo_lieken {
	background-image	: url(../images/logo_lieken.png); 
	background-repeat	: no-repeat;
	height				: 146px;
	background-position	: center;
	margin-top			: 0;
}

#logo_dab {
	background-image	: url(../images/logo_dab.png); 
	background-repeat	: no-repeat;
	height				: 120px;
	background-position	: center;
	margin-top			: 0;
}

#logo_color {
	background-image	: url(../images/logo_color.png); 
	background-repeat	: no-repeat;
	height				: 120px;
	background-position	: center;
	margin-top			: 0;
}

#logo_lerncoachies {
	background-image	: url(../images/logo_lerncoachies.png); 
	background-repeat	: no-repeat;
	height				: 111px;
	background-position	: center;
	margin-top			: 0;
}



#content_left {
	float				: left;
}

#skyline {
	background-image	: url(../images/main_skyline.png); 
	height				: 50px;
}

#main_title {
	padding-bottom 		: 2px;
	border-bottom		: 3px solid #e31818;
	margin-top			: 20px;
}

#main_datum {
	font-size			: 10px;
	float				: right;
}

#main_content {
	margin-top			: 30px;
}

.liste {
	clear				: left;
	float				: left;
	width				: 100%;
	margin-bottom		: 10px;
	list-style			: none;

}

.liste  li {
	padding-left		: 20px;
	background-image	: url(../images/pfeil.png);
	background-repeat	: no-repeat;
	background-position	: 10px 7px;
	line-height			: 18px;
}
.liste  li ul li {
	margin-left		: 20px;
}
.liste  li li {
	list-style			: none;
	margin-top			: 10px;
}
table {
	text-align			: center;
	width				: 100%;
	padding				: 5px 5px 5px 5px;
	border				: 1px solid #dedede;
	background-color	: #ffffff;
	margin-bottom		: 10px;
	line-height			: 23px;
}

table img {
	vertical-align		: bottom;
}

.gallery {
	border-bottom		: 1px solid #dedede;
	height				: 510px;
	margin-top			: 30px;
} 

.video {
	border-bottom		: 1px solid #dedede;
	padding-bottom		: 10px;
} 

.video_wide {
	padding-bottom		: 10px;
} 

.bigScreen_v {			/*iphone vertikal*/
	float				: left;
	width				: 58%;
}
.bigScreen_v  img{
	position			: relative;
	top					: 0px;
	left				: 40px;
} 
#adresse {
	float				: right;
	width				: 28%;
	text-align			: left;
	padding-left		: 10px;
}
.karte {
	border				: 1px solid #dedede;
	padding				: 10px;
	margin-bottom		: 10px;
	background-color	: #fff;
}

.karte img  {
	border				: 1px solid #dedede;

}

.miniScreen  {			/*vorschaubilder rahmen*/
	float				: right;
	margin-left			: 15px;
	margin-bottom		: 10px;
	width				: 38%;
	border				: 1px solid #dedede;
	text-align			: center;
	padding				: 5px 0px 5px 5px;
	background-color	: #ffffff;
}
.miniScreen  img {
	width				: 230px;
	border				: 1px solid #dedede;
		}
.miniScreen table {
	text-align			: left;
	border				: none;
}
.miniScreen tr {
	vertical-align		: top;
}
.miniScreen td {
	width				: 0;
}
.miniScreen  a img {
	padding				: 1px;
	border-top			: 2px solid #dedede;
	border-bottom		: 2px solid #dedede;
	width				: 66px;
	height				: 99px;
}

.miniScreen  a:hover img, 
.miniScreen  a:focus img, 
.miniScreen  a:active img {
	width				: 66px;
	height				: 99px;
	border-top			: 2px solid #e31818;
	border-bottom		: 2px solid #e31818;
}
.miniScreen .button {
	border-top			: 1px solid #dedede;
	margin-top			: 10px;
}

.miniScreen .button  a img{
	height				: 49px;
	width				: 152px;
	border				: none;
	margin				: 10px;
}
.bigScreen_h {			/*iphone horizontal*/
	float				: left;
}
.miniScreen_h {			/*vorschaubilder rahmen*/
	float				: left;
	border				: 1px solid #dedede;
	text-align			: center;
	padding				: 10px 5px 0px 5px;
	background-color	: #ffffff;
}

.miniScreen_h  a img {
	padding				: 1px;
	border-top			: 2px solid #dedede;
	border-bottom		: 2px solid #dedede;
	width				: 99px;
	height				: 66px;
	float				: left;
}
.miniScreen_h a:hover img, 
.miniScreen_h  a:focus img, 
.miniScreen_h  a:active img {
	width				: 99px;
	height				: 66px;
	border-top			: 2px solid #e31818;
	border-bottom		: 2px solid #e31818;
}
/*-----------------------BOTTOM------------------------*/

.wrapper {
	min-height			: 100%;
	height				: auto !important;
	height				: 100%;
	width				: 710px;
	margin-top			: 0px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: -30px; /* the bottom margin is the negative value of the footer's height */
}

.footer, 
.push , 
.bottom_jourSail,
.bottom_bavarianiflirtcam,
.bottom_xmasgreetingcards,
.bottom_railroadRush,
.bottom_guidebleu, 
.bottom_tagderzukunft, 
.bottom_e2010,
.bottom_appsSummit,
.bottom_wids,
.bottom_hela,
.bottom_cnb,
.bottom_lieken,
.bottom_dab,
.bottom_bechtold,
.bottom_lerncoachies,
.bottom_color,
.bottom_dannysDishes {
	height				: 30px; /* .push must be the same height as .footer */
	margin-top			: 0px;
	margin-left			: auto;
	margin-right		: auto;
	width				: 710px;
}
.bottom_jourSail {
	background-image	: url(../images/footer_jourSail.png);
	background-repeat	: no-repeat;
	height				: 150px;
	clear				: left;
}


.bottom_bavarianiflirtcam {
	background-image	: url(../images/footer_bavarianiflirtcam.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}


.bottom_dannysDishes {
	background-image	: url(../images/footer_dannys_dishes.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_railroadRush {
	background-image	: url(../images/footer_railroadrush.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}


.bottom_xmasgreetingcards {
	background-image	: url(../images/footer_xmasgreetingcards.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}

.bottom_guidebleu {
	background-image	: url(../images/footer_guidebleu.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}

.bottom_tagderzukunft {
	background-image	: url(../images/ip/tagderzukunft/footer_tagderzukunft.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}

.bottom_e2010 {
	background-image	: url(../images/ip/e2010/footer_e2010.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}

.bottom_wids {
	background-image	: url(../images/images/footer_wids.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_appsSummit {
	background-image	: url(../images/images/footer_appsSummit.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_cnb {
	background-image	: url(../images/images/footer_cnb.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_hela {
	background-image	: url(../images/images/footer_hela.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_lieken {
	background-image	: url(../images/images/footer_lieken.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_dab {
	background-image	: url(../images/images/footer_dab.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_color {
	background-image	: url(../images/images/footer_color.png);
	background-repeat	: no-repeat;
	height				: 64px;
	clear				: left;
}

.bottom_bechtold {
	background-image	: url(../images/ip/bechtold/footer_bechtold.png);
	background-repeat	: no-repeat;
	height				: 50px;
	clear				: left;
}

.bottom_lerncoachies {
	background-image	: url(../images/footer_lerncoachies.png);
	background-repeat	: no-repeat;
	height				: 150px;
	clear				: left;
}



.footer {
	border-top			: 10px solid #575a5d;
	background-color	: #ffffff;
	clear				: left;
}
#copyright{
	margin-right		: 15px;
	font-size			: 10px;
	text-align			: right;
}