/**
 * ---------------------------------------
 * CSS www.flowandgrow.de
 * --------------------------------------- 
 * 
 * info@l-vogel.de
 * erstellt: 2009-11-11
 * 
 *
 */
 
html {
    margin: 0;
    padding: 0;
	border: 0;

}

body {
    padding: 0;
    border: 0;
    margin: 0 auto 0 auto;
	background-color: #7a96bc;
	position: relative;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #052d62;
	
}



/* ------------------------------------
   Layout
   ------------------------------------ */
.clearer {
	clear: both;
}
.msg  {
	
	background-color:#7a96bc;
	color: red;
	padding: 10px;
	border: 1px solid black;
}

#page {
	margin: 0px auto;
	padding: 0;
	width: 970px;
	height: 664px;
    position: relative;
	background-color: #fff;
	
}

#header {
	width: 970px;
	height: 35px;
}

#content {
	width: 968px;
	height: 564px;
	overflow: hidden;
	border: 1px solid #fff;
}
#content.start {
	height: 528px;
}


#menue {	
	float: left;
	width: 316px;
}

#body {	
	float: left;
	width: 644px;
	margin: 0 1px 0 1px;
}

#body .left {
	float: left;
	width: 327px;
	margin: 0;
	padding: 0;
}
#body .right {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}	


#footer {
	width: 970px;
	height: 63px;
	background-image:url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #8da7cb;
}
#footer.start {
	height: 99px;
	background-image:url(../images/start/footer_start.jpg);
	background-repeat: no-repeat;
}

#footer .left {
	float: left;
	width: 455px;
	height: auto;
	margin: 18px 0 0 30px;
	text-align:left;
}
#footer .right {
	float: left;
	width: 455px;
	height: auto;
	margin: 18px 30px 0 0;
	text-align:left;
	text-align:right;
}

#footer a {
	text-align:center;
	color: #000;
	font-size:12px;
	font-weight: normal;
	color: #8da7cb;
}
#footer a:hover {
	text-decoration: none;
}
	

/* ------------------------------------
   Boxes
   ------------------------------------ */
#logo {
	width: 316px;
	height: 142px;
	overflow: hidden;
}
#layout_img {
	width: 640px;
	height: 249px;
}
/*
#contentWrap {
	width: 576px;
	height: 313px;
	margin: 0;
	padding: 0 75px 5px 0;
	overflow: auto;
}
*/
#contentWrap {
	width: 576px;
	height: 291px;
	margin: 22px 0 0 0;
	padding: 0 75px 5px 0;
	overflow: auto;
}
#contentWrapCMS {
	width: 646px;
	height: 313px;
	margin: 22px 0 0 0;
	padding: 0 5px 5px 0;
	overflow: auto;
}

#contentWrapCMSMovie {
	width: 646px;
	height: 313px;
	margin: 10px 0 0 0;
	padding: 0 5px 5px 0;
	overflow: auto;
}

.left #contentWrap {
	width: 322px;
	height: 274px;
	margin: 22px 0 0 0;
	padding: 0 5px 20px 0;
	overflow: auto;
}

/* Quicklinks / 2.Navigation */
#quicklinks {
	position:absolute;
	top: 36px;
	left: 646px;
	z-index: 10;
	width: 323px;
	height: 249px;
	overflow: hidden;
	border: 0 !important;
}
#quicklinks .btn {
	position: relative;
}
#quicklinks .sport,
#quicklinks .tennis {
	border-bottom: 1px solid #fff;
}

.quicklink_head {
	display: block;
	position:absolute;
	top: 20px;
	left: 58px;
}
.quicklink_text {
	display: block;
	position:absolute;
	top: 46px;
	left: 58px
}
#quicklinks .quicklink_head a,
#quicklinks .quicklink_head a:hover {
	color: #000;
	font-size: 16px;
	line-height:100%;
	text-decoration:none;
}
#quicklinks .quicklink_text a,
#quicklinks .quicklink_text a:hover {
	color: #000;
	font-size: 11px;
	line-height:100%;
	text-decoration: none;
}

#quicklinks .context .quicklink_head a,
#quicklinks .context .quicklink_text a {
	color: #fff !important;
}

/* news box CMS mit Ajax laden */
#news_box_wrap {
	width: 257px;
	height: 172px;
	padding: 0;
	margin: 75px 0 0 35px;
	background-image:url(../images/bg_teaser_news.jpg);
	background-repeat: no-repeat;
}

/* Sprachumschaltung */
#lang_switch {
	position: absolute;
	top: 8px;
	left: 560px;
	width: 400px;
	text-align: right;
	z-index: 11;
	color: #8da7cb;
	font-size: 12px;
	font-weight: normal;
}


/* ------------------------------------
   Text
   ------------------------------------ */

h1 {
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #052d62;
	margin: 0 0 10px 0;
	padding: 0;
}

h2 {
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #052d62;
	margin: 24px 0 0px 0;
	padding: 0;	
}

/* Textblock nach Überschrift */
h3 {
	
}
/* Datum */
h4 {
	font-size: 12px;
	line-height: 120%;
	font-weight: normal;
	color: #052d62;
	margin: 4px 0 4px 0;
	padding: 0;
}

/* Text allgemein */
.bodytext {
	font-size: 12px;
	line-height: 130%;
	color: #052d62;
}

.bodytext hr {
	border: 0;
	background-color: #a7c1e5;
	height: 2px;
}

/*
p {
	margin: 12px 0 0 0;
	padding: 0;
}
*/

.zitat {
	font-weight: bold;
	font-style:italic;
	margin: 4px 0 4px 0;
}
.zitat.normal {
	font-weight: normal;
}
.subtext {
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
}

.tab {
	display: block;
	width: 50px;
	height:auto;
	float: left;
	clear:left;
}

p {
	padding: 0;
	margin: 10px 0 10px 0;
}

p.zab,
ul.zab li {
	line-height: 160%;
}

/* ------------------------------------
   Listen
   ------------------------------------ */
ul {
  margin: 6px 0 6px 14px;
  padding: 0;
  list-style-type: square;
}
ul li {
	line-height: 130%;
	margin: 0;
  	padding: 0;

}

ol li {
	line-height: 160%;
}

ol li.bold {
	font-weight: bold;
	
}


/* ------------------------------------
   Links 
   ------------------------------------ */

a {
	
	color: #052d62;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

.linkBack {
	margin: 10px 0 10px 0;
	text-align:  right;
}

.linkBack a {
	color: #052d62;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	margin:0;
	padding: 0;
}
.linkBack a:hover {
	text-decoration: underline;
}


.linkMore {
	margin: 10px 0 10px 0;
	text-align:  right;
}

.linkMore a {
	color: #052d62;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	margin:0;
	padding: 0;
	
}
.linkMore a:hover {
	text-decoration: underline;
}

/* ------------------------------------
   Table
   ------------------------------------ */
table {
	border: 0;
	background-color: #a7c1e5;
	padding: 0;
	margin: 0;
}   
table td {
	border: 0;
	padding: 3px;
	margin: 0 1px 1px 0;
	vertical-align: top;
	background-color: #fff;
} 

table  th {
	background-color: #a7c1e5;
	border: 0;
	padding: 2px;
	margin: 1px;
	vertical-align: top;
}  




/* ------------------------------------
   Formulare
   ------------------------------------ */

/* Tabelloses Forumlar */

.formDisplay {
    display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-weight: normal; 
	color: #000;
	width: 280px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

.formDisplayEmpty {
   	display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-weight: normal; 
	color: #000;
	width: 280px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}
.formDisplayHidden {
    background: none; 
    display: block;
	float: left;
	border:0;  
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

textarea {
 	display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #000;
	width: 430px !important;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

.formLabel, .noLabel {
    display: block;
	text-align: left;
	float: left;
	width: 100px !important;
	padding-right: 10px;
	border: 0;
	margin-bottom: 3px;
}


/*  */




select {
	border:0;
	color: #052d62;
	background-color: #b7c6d9;
}
option {
	background-color: #b7c6d9;
	border: 0;
	color: #052d62;
}

/* ------------------------------------
   Content
   ------------------------------------ */
   
/* start */

.start_logo {
	text-align:center;
	height: 176px;
}
.start_img {
	text-align:center;
	height: 249px;
}
.start_lang {
	text-align: center;
	margin-top: 55px;
}
.start_lang a {
	color: #052d62;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
.start_lang a:hover {
	text-decoration: underline;
}    
   



/* ------------------------------------
   CMS
   ------------------------------------ */
   
/* page wrapper */
#page_cms {
	width: 642px;
	height: 564px;
	margin: 0;
	padding:0;
	overflow:auto;
	font-size: 12px;
	line-height: 120%;
	color: #052d62;
	overflow: hidden;
}

/* galerie */
#box_text {
	position: absolute;
	top: 400px;
	left: 340px;
	width: 300px;
	height: 254px;
	/*overflow: auto;*/
}
#box_text h1 { 
 	margin: 0 0 12px 0;
	padding: 0;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #052d62;
}

/* News Artikel */
.imgStandard {
	float: right;
	width: 220px;
	height:auto;
	margin: 0px 0 20px 10px;
}	
.imgText {
	background-color: #e3eef7;
	font-size: 11px;
	font-style:normal;
	line-height: 140%;
}

/* News Liste */
.boxStandard {
	width: auto;
	padding: 0 0 10px 0;
	margin: 0 20px 10px 0;
	border-bottom: 2px solid #dce7f5;
}
.boxStandard h4 {
	margin: 0;
	padding: 0;
}
.boxStandard h2 {
	margin: 4px 0 4px 0;
	padding: 0;
}
.boxStandard h2 a {
	
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.boxStandard h2 a:hover {
	text-decoration:underline;
}
   
 /* News Teaser */  
 #boxNews {
	width: 233px;
	height: 148px;
	overflow:auto;
	padding: 12px;
}
 #boxNews h1 {
 	margin: 0 0 12px 0;
	padding: 0;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #052d62;
 }
.newsTeaser {
	
	padding: 0 0 10px 10px;
	background-image:url(../images/bullet_news.png);
	background-position: 0px 4px;
	background-repeat:no-repeat;	
}

.newsTeaser a {
	font-size: 12px;
	line-height: 120%;
	color: #052d62;
	text-decoration: none;
}
.newsTeaser a:hover {
	text-decoration: underline;
}



/* a-list gallery */
.galBox {
	float: left;
	position: relative;
	display:block;
	width: 152px;
	height: 160px;
	border: 1px solid #b8ccea;
	background-color: #dce7f5;
	padding: 2px;
	margin: 0 2px 2px 0;
	text-align: center !important;
	overflow: hidden;
}
.galBox .imgBoxStandard {
	min-height: 110px;
}

.galBoxImg {

}
.galBoxName {
	text-align: center;
	padding: 4px 0 4px 0!important;
}
.galBoxName a,
.galBoxName a:hover {
	
	font-size:10px !important;
	font-weight:bold !important;
	text-decoration: none !important;
	
}
.galBoxText {
	text-align: left;
	font-size: 10px;
	text-align: center;
}
/* ------------------------------------
   Pager
   ------------------------------------ */
#boxPager {
	clear: both;
    width: auto; 
    height:auto; 
    padding: 0px;
    text-align: center !important;
	margin: 20px 0 20px 0  !important;

}

.pager {
    color: #052d62;
    font-weight: bold; 
    text-decoration: none; 
    background-color: #fff;  
    border: 1px solid #b8ccea;
    font-size: 12px;
    padding:4px 4px 4px 4px;
    width: 16px;
    height: 20px;

}
a.pager:link, a.pager:visited, a.pager:active {
    color: #052d62; 
    font-weight: bold; 
    text-decoration: none; 
    background-color: #ddd;
    border: 1px solid #b8ccea;
    font-size: 12px !important;
    padding:4px 4px 4px 4px;
    width: 16px;
    height: 20px;
	line-height:1em;

}
a.pager:hover { 
    color: #052d62;
    font-weight: bold; 
    text-decoration: none; 
    background-color: #dce7f5; 
    border: 1px solid #b8ccea;
    font-size: 12px;
    padding:4px 4px 4px 4px;
    width: 16px;
    height: 20px;
}


.boxImgPrev {
	text-align: center !important;
	padding: 3px !important;
	margin: 10px !important;
	border: 1px solid #808080 !important;
	background-color: #eee !important;
}

.movieL {
	float: left;
	width: 470px;
	height: 370px;
	overflow: hidden
}
.movieR {
	float: left;
	width: 154px;
	height:auto;
	overflow:hidden;
}
/* ------------------------------------
	SlideShow
	v 1.3
   ------------------------------------ */

.slideshowContainer {
	border: 0;
	width: 327px;
	height: 500px;
	margin:  0;
	padding: 0;
	overflow: hidden;
	background-color: #f0f0f0;
}
#slideshowContainer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}
#slideshowContainer img {
	position: relative;
	margin-top:  35%;
}

.loading {
	background: url(../js/slideshow/slideshow/images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid #f0f0f0;
	padding: 2px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #052d62;
	padding: 2px;
}

.current img {
	border: 1px solid red;
	padding: 2px;
}

.outline {
	border: 1px solid #052d62;
	z-index: 100;
	position: absolute;
	
	display: none;
	
}

#thumbnails {
	position:absolute;
	top: 10px;
	left: 340px;
	z-index: 10;
	width: 290px;
	height: 370px;
	overflow: auto;
	text-align:center;
}

#thumbnails a {
	display:block;
	float: left;
	width:44px;
	height: 44px;
	text-align: center;
	background-color: #fff;
}


#transport {
	border: 1px solid #eee;
	margin: 14px 0 10px 0;
	width: 325px;
	font-size: 12px;
	line-height: 3em;
	text-align: center;
	
	/*
	background-image:url(../images/bg_box_header.png);
	background-repeat: repeat-x;
	*/
	background-color: #f0f0f0;
}

#transport a {
    color: #052d62; 
    font-weight: bold; 
    text-decoration: none; 
    background-color: #ddd;
    border: 1px solid #b8ccea;
    font-size: 12px !important;
	font-weight: normal !important;
    padding:4px 4px 4px 4px;
    width: 16px;
    height: 20px;
	margin-top: 5px !important;

}
#transport a:hover { 
    color: #052d62; 
    font-weight: bold; 
    text-decoration: none; 
    background-color: #dce7f5; 
    border: 1px solid #b8ccea;
    font-size: 12px;
    padding:4px 4px 4px 4px;
    width: 16px;
    height: 20px;
}

/*************************************************************/