/* Stylesheet-Datei f�r Startseite
09-01-13 SW, schalk & friends gmbh */

/* Homepage-Portlets  - Diverse Boxen*/


/* Box allgemein */
.box {
	margin-bottom: 10px;
	background: transparent url(/media/images/site/backgrounds/bg_box_top.png) left top no-repeat;
}

.box .boxContent {
	/*background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_bottom.png) left bottom no-repeat;*/
	/* Das ist die optimierte Version */
	background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_bottom-optimiert.png) left bottom no-repeat;
	height: 100%;
	padding-bottom: 10px;
}

.boxContent .innerBox p.anzeige {
	color: #808080;
	font-size: 1em;
	margin: 0px;
	text-transform:uppercase;
}
/* Box mit Verlauf oben */

.verlauf {
	background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_top.png) left top no-repeat;
}

.verlauf h3.headline {
	padding: 17px 0 9px 0;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #248DAA;
	margin: 0 10px 0px 35px;
	background: transparent url(/media/images/site/borders/border_dashed_blue_hor.gif) left bottom repeat-x;
	/*border-bottom: 1px dashed #AFDDEA;*/
}

.verlauf .boxContent .innerBox {
	padding: 10px 10px 0px 10px;
}



.verlauf .boxContent .innerBox img {
	margin-bottom: 10px;
}


.verlauf .boxContent .noLine {
	/*border: none;*/
	background: none;
}

.verlauf .boxContent {
	/*background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_bottom.png) left bottom no-repeat;*/
	/* Das ist die optimierte Version */
	background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_bottom-optimiert.png) left bottom no-repeat;
	height: 100%;
	padding-bottom: 10px;
}


/* Wei�e Box */

.white {
	background: transparent url(/media/images/site/backgrounds/bg_boxwhite_top.png) left top no-repeat;
	padding-top: 10px;
}

.white .boxContent {
	padding: 0px 10px 10px 10px;
}

.white .boxContent h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #248daa;
}

.white .boxContent h2 {
	/*font-size: 1.8em;
	font-weight: bold;color: #248daa;*/
	/*color:#248DAA;
	font-size:1.4em;
	font-weight:bold;
	padding:10px 0px;
	text-transform:none;*/
}

.boxContent .innerBox {
	width: 234px;
	padding: 0px 10px 10px 10px;
}

.boxContent .wide {
	/*border-top: 1px dashed #AFDDEA;*/
	background: transparent url(/media/images/site/borders/border_dashed_blue_hor.gif) left top repeat-x;
	width: 494px;
	padding: 10px 0px 0px 00px;
	margin: 0px 10px;
	float: left;
}

.boxContent .wide p {
	font-size: 1.2em;
	color: #4c4c4c;
	font-weight: bold;
}

.boxContent .wide strong {
	color: #248daa;
}

.boxContent .wide a {
	font-size: 0.9em;
}
.boxContent div.right {
	/*border-left: 1px dashed #AFDDEA;*/
	background: transparent url(/media/images/site/borders/border_dashed_blue_ver.gif) left top repeat-y;
	width: 234px;
}


.boxContent .innerBox p {
	margin-bottom: 0.5em;
}

/*.boxContent h5 */
.boxContent h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 6px;
}

.innerBox h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 0px;
	margin: 0;
	margin-bottom: 6px;
	background: 0px;
}
.boxContent p.bildtext {
	width: 477px;
	float: left;
	font-size: 1.2em;
}

/*.boxContent h4*/
.boxContent h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #248DAA;
	margin-bottom: 6px;
}


.boxContent h2 a{
	color: #248DAA;
}

.boxContent h2 a:hover{
	color:#248DAA;
}

.boxContent h3 a{
	color: #666;
}

.boxContent h3 a:hover{
	color:#666;
}

.boxContent h3.color a{
	color: #F1650B;
}

.boxContent h3.color a:hover{
	color:#F1650B;
}

.boxContent p {
	font-size: 1.1em;
	color: #4c4c4c;
	line-height: 1.3em;
}

.boxContent p.standard {
	font-size: 1.2em;
}

.boxContent p.bildtext {
	width: 477px;
	float: left;
	font-size: 1.2em;
}

.boxContent a {
	font-weight: bold;
	text-decoration: none;
}

.box ul.boxContent {
	padding: 0px;
	margin-top: -25px;
	position: relative;
	z-index: 3;
}

/* Reiter für normale Box */

.box .navBox {
	width: 494px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
}
.box .navBox li {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	padding-left: 7px;
}

.box .navBox li a {
	color: #fff;
	text-decoration: none;
	padding: 8px 7px 8px 0px;
	display: block;
	float: left;
	background: transparent url(/media/images/site/icons/pipe_box_blau.gif) right 9px no-repeat;
}

.box .navBox li.active {
	background: transparent url(/media/images/site/backgrounds/bg_navbox_active_left.gif) left top no-repeat;
	margin-left: -2px;
}
.box .navBox li.active a {
	color: #248DAA;
	background: transparent url(/media/images/site/backgrounds/bg_navbox_active_right.gif) right top no-repeat;
}

.box .navBox li.activePre {
	background: transparent url(/media/images/site/backgrounds/bg_navbox_active_pre.gif) right top no-repeat;
}

.box .navBox li.activePost {
	background: transparent url(/media/images/site/backgrounds/bg_navbox_active_post.gif) left top no-repeat;
}

.box .navBox li.last a {
	background: none;
}

.box .navBox li a:hover {
	color: #cae9f1;
}

.box .navBox li.active a:hover {
	color: #f7931e;
}

/* Reiter f�r Verlaufsbox */

.verlauf .navBox {
	padding: 0px 0px 0px 45px;
	margin-bottom: 0px;
	position: relative;
	z-index: 5;
	width: 469px;
}
.verlauf .navBox li {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #7ac7db;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}

.verlauf .navBox li a {
	color: #7ac7db;
	text-decoration: none;
	padding: 8px 7px 0px 0px;
	background: transparent url(/media/images/site/icons/pipe_box_verlauf.gif) right 9px no-repeat;
}

.verlauf .navBox li.active {
	background: none;
}
.verlauf .navBox li.active a {
	color: #248DAA;
	background: transparent url(/media/images/site/icons/pipe_box_verlauf.gif) right 9px no-repeat;
}

.verlauf .navBox li.last a {
	background: none;
}

.verlauf .navBox li.active a:hover,
.verlauf .navBox li a:hover {
	color: #F7931E;
}

.verlauf ul.boxContent {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 3;
}

.verlauf .allTopics {
   float: right;
}

.verlauf .allTopics a{
   font-weight: bold;
}
/* Verlaufsbox ohne ReiterNavi */

.noNav {
	padding-top: 10px;
}

.noNav .boxContent .innerBox {
	padding-top: 2px;
	margin-bottom: 10px;
}

/* Doppelte Verlaufsbox */

.double {
	background: transparent url(/media/images/site/backgrounds/bg_double_top.png) left top no-repeat;
	padding-top: 10px;
}

.double .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_double_bottom.png) left bottom no-repeat;
	height: 100%;
	padding-bottom: 10px;
}

.double .boxContent .innerBox {
	width: 232px;
	padding: 0px 10px;
	/*border: none;*/
	background: none;
	margin-bottom: 10px;
}





ul.boxContent li {
	margin-bottom: 10px;
	background-color: white;
}

.boxContent li.bottomLeft {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_bl_bottom.gif) left bottom no-repeat;
	padding-bottom: 37px;
}

.boxContent li.bottomRight {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_br_bottom.gif) left bottom no-repeat;
	padding-bottom: 37px;
}

.boxContent li.topLeft {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_tl_top.gif) left top no-repeat;
	padding-top: 40px;
	margin-top: -25px;
}

.boxContent li.topRight {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_tr_top.gif) left top no-repeat;
	padding-top: 40px;
	margin-top: -25px;
}

.boxContent li.bottomLeft .innerLi,
.boxContent li.bottomRight .innerLi {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_b_top.gif) left top no-repeat;
	padding: 20px 10px 5px 10px;
}

.boxContent li.topLeft .innerLi,
.boxContent li.topRight .innerLi {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_t_bottom.gif) left bottom no-repeat;
	padding: 0px 10px 20px 10px;
}


.boxContent li .innerLi .left {
   margin-right: 10px;
}

.boxContent li.first {
	margin-top: 0px;
}

.boxContent li.topLeft p,
.boxContent li.topRight p,
.boxContent li.bottomLeft p,
.boxContent li.bottomRight p {
	margin-bottom: 5px;
	/*float: right;
	width: 409px;*/
}

/*
.boxContent li.topLeft h4,
.boxContent li.topRight h4,
.boxContent li.bottomLeft h4,
.boxContent li.bottomRight h4 {
	float: right;
	width: 409px;
}*/
/* Box f�r Special */
.special {
	background: transparent url(/media/images/site/backgrounds/bg_boxverlauf_top_special.png) left top no-repeat;
}

/* Box f�r Galerien (Bild und Video) */

.gallery {
	padding-top: 10px;
}
.gallery h3.headline {
	margin-left: 10px;
	/*border: none;*/
	background: #ffffff;
	padding: 0px;

}

.gallery .boxContent {
	padding: 10px;
}

.gallery .galleryWrapper .arrow {
	width: 20px;


}

.gallery .galleryWrapper .arrow a {
	text-indent: -9999px;
	width: 20px;
	display: block;
	height: 158px;
	}

.gallery .galleryWrapper .aLeft  {
	float: left;
	padding-right: 12px;
}

.gallery .galleryWrapper .aRight {
	float: right;
	padding-left: 10px;
}

.gallery .galleryWrapper .aLeft a {
	background: white url(/media/images/site/icons/big_arrow_left.png) left center no-repeat;
	padding: 0px;
}

.gallery .galleryWrapper .aRight a{
	background: white url(/media/images/site/icons/big_arrow_right.png) left center no-repeat;
	padding: 0px;
}

.gallery .galleryWrapper .aLeft a:hover {
	background: white url(/media/images/site/icons/big_arrow_left.png) right center no-repeat;
}

.gallery .galleryWrapper .aRight a:hover {
	background: white url(/media/images/site/icons/big_arrow_right.png) right center no-repeat;
}

.gallery .galleryWrapper .galleryContent {
	float: left;
	width: 426px;
}

.gallery .galleryContent a {
	display: block;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}

.gallery .galleryContent a.noFloat {
	float: none;
	padding: 0px;
}

.gallery .boxContent p,
.gallery .boxContent h2 {
	text-align: center;
}

.gallery .galleryWrapper {
	margin-bottom: 10px;
}


/* Speziell für Bildgallerie */

.imageGallery .galleryContent a.left,
.imageGallery .galleryContent a.leftMiddle,
.imageGallery .galleryContent a.middle,
.imageGallery .galleryContent a.rightMiddle,
.imageGallery .galleryContent a.right {
	float: left;
	/*margin-right: 20px;*/
	display: block;
}

.imageGallery .galleryContent a.right {
	margin-right: 0px;
}

.imageGallery .galleryContent a.small {
	margin-top: 50px;
}

.imageGallery .galleryContent a.medium {
	margin-top: 20px;
}


/* Speziell f�r Video-Gallery */

.videoGallery  .galleryWrapper .arrow a {
	height: 97px;
}

.videoGallery .player {
	float: left;
	margin-right: 27px;
}

.videoGallery .boxContent .right {
	margin-right: 0px;
	width: auto;
}

.videoGallery .small {
	margin-top: 20px;
}


/* TagCloud Specials */

.tagCloud {
	position: relative;
}

.tagCloud h3.headline {
	margin-left: 10px;
	padding: 15px 0px 15px 0px;
}

.tagCloud .boxContent {
	padding: 10px;
}
.tagCloudWrapper li {
	display:  inline;
	padding-right: 5px;
}

.tagCloudWrapper li a {
	font-weight: normal;
	color: #4c4c4c;
}

.tagCloudWrapper .size1 {
	font-size: 0.9em;
}

.tagCloudWrapper .size2 {
	font-size: 1.1em;
}

.tagCloudWrapper .size3 {
	font-size: 1.4em;
}

.tagCloudWrapper .size4 {
	font-size: 1.8em;
}


/* Box f�r TopThemen */

.topTopics h3.headline {
	margin-left: 10px;
	padding: 15px 0px 10px 0px;
}

.topTopics .boxContent {
	padding: 10px 10px 0px 10px;
}

.topTopics .topic {
	background: transparent url(/media/images/site/borders/border_dashed_blue_hor.gif) left bottom repeat-x;
	/*border-bottom: 1px dashed #AFDDEA;*/
	padding-bottom: 5px;
	margin-bottom: 10px;

}

.topTopics .last {
	/*border: none;*/
	background: none;
	margin-bottom: 0px;
}

.topTopics .boxContent  ul li {
	font-size: 1.2em;
	font-weight: bold;
	color: #4c4c4c;
	margin: 0 0 10px 0;
	list-style: none;
}

.topTopics li strong {
	color: #248daa;
}

.topTopics li a {
	font-size: 0.9em;
}


/* Anzeigenbox */

.anzeigenWrapper {
	width: 300px;
	margin: 0px auto;
}

.anzeigenWrapper p {
	text-transform: uppercase;
	text-align: right;
	font-size:0.8em;
	margin:0px;
	color: #666;
}
/* Paging */
#content .archivPaging{
height: 16px;
}

#content .archivPaging span {
line-height:1em;
font-size: 1.2em;
padding:0 5px;
text-transform:uppercase;
}
#content .archivPaging a {
	width: 12px;
	height: 11px;
	line-height: 0px;
}

#content .archivPaging .prev {
	background: transparent url(/media/images/site/icons/btn_seite_li.png) left top no-repeat;

}

#content .archivPaging .next {
	background: transparent url(/media/images/site/icons/btn_seite_re.png) left top no-repeat;

}

#content .archivPaging a.prev:hover{
	background: transparent url(/media/images/site/icons/btn_seite_li.png) left bottom no-repeat;
}

#content .archivPaging .next:hover {
	background: transparent url(/media/images/site/icons/btn_seite_re.png) left bottom no-repeat;
}

#content .archivPaging span {
display:block;
float:left;
}

#content .archivPaging a
{
float:left;
}


.boxContent .user {
	width: 100%;
	clear: both;
	font-size: 1em;
}
.boxContent .user li {
	margin: 10px 27px 0px 0px;
}

.boxContent .user li {
	margin-right: 27px;
	display: block;
	float: left;
	width: 75px;
}

.boxContent .user li.last {
	margin-right: 0px;
}

.boxContent .user li p {
	font-size: 1em;
}

.boxContent .user li a {
	color: #4c4c4c;
	font-weight: normal;
	font-size: 0.8em;
}

.boxContent .userlist {
	width: 100%;
	clear: both;
	font-size: 1em;
	padding: 0px;
}

.boxContent .userlist li {
	margin: 10px 27px 0px 0px;
}

.boxContent .userlist li {
	margin-right: 27px;
	display: block;
	float: left;
	width: 75px;
}

.boxContent .userlist li.last {
	margin-right: 0px;
}

.boxContent .userlist li p {
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 0px;
}

.boxContent .userlist li a {
	font-weight: normal;
	font-size: 1em;
}

.boxContent #bildstrecke_freunde p {
	font-weight: normal;
	font-size: 0.8em;
	color: 	#F7931E;
	text-align: center;
}

/* Zählpixel */

.click {
	position: absolute;
	left: -9999px;
}