/* 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_white_bottom.png) left bottom no-repeat;
	padding-bottom: 10px;
}

.box .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_box_top.png) left top no-repeat;
	height: 100%;
	padding: 40px 0 10px 0;
}

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

.verlauf {
	padding-bottom: 10px;
}

.verlauf h3.headline {
	padding: 0 0 10px 0;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #a10057;
	margin: 0 10px 10px 35px;
	background: transparent url(/media/images/site/borders/border_dotted_light.png) left bottom repeat-x;
}

.verlauf .boxContent .innerBox {
	padding: 40px 10px 0px 10px;
	/*background: none;*/
}

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



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

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


/* Weiße Box */

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

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

.white .boxContent h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #a10057;
/*	font-family: Georgia, serif;*/
	font-family: "Trebuchet MS", sans-serif;
}

.white .boxContent h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #a10057;
	font-family: Georgia, serif;
}


.box .boxContent .innerBox {
	width: 257px;
	padding: 0px
}

.box .boxContent .innerBox h2,
.box .boxContent .innerBox h3,
.box .boxContent .innerBox p {
	padding: 0px 10px;
}

/*
.special .boxContent .innerBox h2,
.special .boxContent .innerBox h3,
.special .boxContent .innerBox p {
	padding: 0 10px 0 0;
}
*/
.topics .boxContent .innerBox {
	width: 257px;
}

.box .boxContent .innerBox img {
	background: transparent url(/media/images/site/backgrounds/bg_fotostapel_234x156.png) 1px 0px no-repeat;
	padding: 11px 7px 10px 7px;
}

.box .boxContent .portrait img {
	background:transparent url(/media/images/site/backgrounds/bg_fotostapel_105x158.png) no-repeat scroll left top;
   margin:0 10px 0 3px;
   padding:11px 7px 10px;
   float: left;
}

.box .boxContent .landscape img {
	background: transparent url(/media/images/site/backgrounds/bg_fotostapel_234x156.png) 1px 0px no-repeat;
	padding: 11px 7px 10px 7px;
}

.box .boxContent .wide {
	/*border-top: 1px dashed #AFDDEA;*/
	background: transparent url(/media/images/site/borders/border_dotted_light.png) left top repeat-x;
	width: 489px;
	padding: 10px 0 0 0;
	margin: 0 15px 0 10px;
	float: left;
}

.box .boxContent .portrait h3 {
   padding-top:7px;
}

.boxContent .wide p {
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
}

.boxContent .wide strong {
	color: #a10057;
	font-family: Georgia, serif;
	padding-right: 8px;
}

.boxContent .wide a {
	padding-right: 8px;
}


.boxContent div.left {
	background: transparent url(/media/images/site/borders/border_dotted_light_vert.png) right top repeat-y;
	clear: both;
}


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

.boxContent h2.dachzeile,
.boxContent h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #4c4c4c;
	margin-bottom: 6px;
	background: none;
}

.boxContent h3 a {
	font-weight: bold;
	text-transform: uppercase;
	color: #4c4c4c;
	font-family: "Trebuchet MS", sans-serif;
}

.boxContent h2 {
	font-family: Georgia, serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #a10057;
	margin-bottom: 6px;
}

.boxContent p {
	font-size: 1.2em;
	color: #000;
	line-height: 1.3em;
}

.boxContent a {
	font-weight: bold;
	text-decoration: none;
	color: #e2007a;
	font-family: Georgia, serif;
}

.boxContent p a {
	font-size: 0.9em;
}


.boxContent a:hover {
	color: #a10057;
}

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

/* Reiter für normale Box */

.box .navBox {
	padding: 3px 10px 0px 10px;
	margin-bottom: 20px;
	
}
.breit{
	width:494px;
}

.box .navBox li {
	font-size: 1.4em;
	color: #e2008a;
	font-weight: bold;
	display: block;
	float: left;
	padding: 5px 5px 5px 3px;
	background:transparent url(/media/images/site/icons/pipe_navbox.png) no-repeat scroll right center;
}

.box .navBox li.last {
	background: none;
	padding-right: 0;
}

.box .navBox li a {
	color: #e2008a;
	text-decoration: none;
	padding: 1px 2px;
	display: block;
	float: left;
}

.box .navBox li.active a {
	color: #fff;
	background-color: #a10057;
}


.box .navBox li a:hover {
	color: #fff;
	background-color: #e2007a;
}

/* 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: #1e768d;
	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;
}
*/

/* Verlaufsbox ohne ReiterNavi */

.noNav {
	padding-bottom: 10px;
}

.noNav .boxContent {
	padding-top: 40px;
}

.noNav .boxContent .innerBox {
	padding-top: 0px;
	background: none;
}

/* Doppelte Verlaufsbox */

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

.double .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_double_top.png) left top no-repeat;
	height: 100%;
	padding: 20px 0 0 0;
}

.doubleGallery .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_double_top.png) left top no-repeat;
	height: 100%;
	padding: 35px 5px 10px 5px;
}
.double .boxContent .innerBox {
	width: 252px;
	padding: 0;
	/*border: none;*/
	background: none;
}

.double .boxContent .innerBox p,
.double .boxContent .innerBox h4,
.double .boxContent .innerBox h5 {
	padding: 0 10px;
}

.specialDouble .boxContent .innerBox h3,
.double .boxContent .innerBox h3 {
	padding-top: 7px;
}

.double .boxContent .innerBox img {
	background:transparent url(/media/images/site/backgrounds/bg_fotostapel_105x158.png) left top no-repeat;
	padding: 11px 7px 10px 7px;
	margin: 0 10px 0 3px;
}



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

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

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

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

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

.boxContent li.bottomRight .innerLi {
	background: transparent url(/media/images/site/backgrounds/bg_bubble_br_top.png) left top no-repeat;
	padding: 20px 10px 5px 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,
.specialDouble {
	background: transparent url(/media/images/site/backgrounds/bg_box_special_bottom.png) left bottom no-repeat;
	padding-bottom: 9px;
}

.specialDouble  h3.headline {
   margin:0 10px 0px 35px;
}

.special .boxContent{
	background: transparent url(/media/images/site/backgrounds/bg_box_special_double_top.png) left top no-repeat;
	padding: 35px 0 0 0;
}

.specialDouble .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_box_special_double_top.png) left top no-repeat;
	padding: 35px 0 0 0;
}

.special .boxContent .innerBox {
	/*padding: 0px 10px 0 0px;*/
	width: 257px;
	background: none;
}

.specialDouble .boxContent .innerBox {
   background:  none;
}

.special .boxContent .innerBox h4,
.special .boxContent .innerBox h5,
.special .boxContent .innerBox p {
	/*padding: 0px;*/
}

/*.special .innerBox img {
	width: 234px;
}*/

.specialDouble .boxContent .innerBox img {
	width: 105px;
	background: transparent url(/media/images/site/backgrounds/bg_fotostapel_105x158.png) left top no-repeat;
   margin:  0 10px 0 3px;
   padding: 11px 7px 10px;
}
/* Box f�r Gallerien (Bild und Video) */

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

}

.gallery .boxContent {
	padding: 40px 10px 10px 10px;
}

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


}

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

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

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

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

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

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

.gallery .galleryWrapper .aRight a:hover {
	background: transparent 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;
	margin-left: 9px;
	margin-right: 9px;
	float: left;
}


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

.gallery .galleryContent a.noFloat {
   float: none;
}

.gallery .galleryContent a.left {
	float: left;
}


.gallery .galleryContent a.right {
	float: right;
}

.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;
	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;
	background: transparent url(/media/images/site/backgrounds/bg_box_white_bottom.png) left bottom no-repeat;
	padding-bottom: 10px;
}

.tagCloud h3.headline {
	margin: 0 0 5px 0;
	padding: 10px 0 10px 0;
	/*padding: 15px 0px 15px 0px;*/
}

.tagCloud .boxContent {
	padding: 40px 10px 0px 10px;
	background: transparent url(/media/images/site/backgrounds/bg_box_tagcloud_top.png) left top no-repeat;
	min-height: 120px;

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

.tagCloudWrapper li a {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #000;
}

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

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

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

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

.tagCloudWrapper .size4 a {
	color: #e2007a;
}


/* Box f�r TopThemen */

.topTopics h2{
   text-transform:  none;
}
.topTopics h3.headline {
	margin: 0 0 10px 0;
	padding: 5px 0 10px 0;
}

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

.topTopics .topic {
	background: transparent url(/media/images/site/borders/border_dotted_light.png) 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: #000;
	margin: 0;
	list-style: none;
	list-style-position: outside;
}

.topTopics li a {
	font-size: 0.9em;
	padding-right: 8px;
	color: #000;
	font-family: "Trebuchet MS", sans-serif;
}

.topTopics li a strong {
	color: #e2007a;
	font-family: Georgia, serif;
	padding-right: 8px;
}

/* Anzeigenbox */

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

.anzeigenWrapper p {
	text-transform: uppercase;
	text-align: right;
	font-size:0.8em;
	margin:0px;
	color: #4c4c4c;
}

/* Themenbox */

.topics {
	background: transparent url(/media/images/site/backgrounds/bg_box_border_bottom.png) left bottom no-repeat;
	padding-bottom: 10px;

}


.topics .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_box_border_top.png) left top no-repeat;
	padding: 0;
}




.topics .boxContent .wide p {
	padding: 0px;
}

/* Forumsbox */

.forum {
	background: transparent url(/media/images/site/backgrounds/bg_box_forum_bottom.png) left bottom no-repeat;
	padding-bottom: 20px;
}


.forum .boxContent {
	/*background: transparent url(/media/images/site/backgrounds/bg_box_forum_top.png) left top no-repeat;*/
	/* VJ 090827: Optimierte Variante */
	background: transparent url(/media/images/site/backgrounds/bg_box_forum_top-optimiert.jpg) left top no-repeat;
	padding: 23px 5px 0 5px;
}

.forum .boxContent ul.innerBoxContent {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
}

.forum .boxContent ul.innerBoxContent li {
	font-size: 1em;
}


.forum .navBox {
	padding: 15px 0px 0px 60px;
	margin-bottom: 0px;
}

.forum .allTopics a {
   color: #fff;
   float: right;
}

.box {
	padding-top: 0px;
}

.community .boxContent {
	background: transparent url(/media/images/site/backgrounds/bg_box_top.png) left top no-repeat;
	height: 100%;
	padding: 40px 10px 10px 10px;
}

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

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

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

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

.boxContent .user li a {
	font-weight: bold;
	font-size: 0.8em;
	font-family: "Trebuchet MS", serif;
}

.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;
	font-family: "Trebuchet MS", serif;
}

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

/* Zählpixel */

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

.boxContent .innerBox .click img {
	background: none;
	padding: 0px;
}