/*----------------------------------------------------------------------------
	CMXS Agentur fuer Neue Medien, CSS v.1 © Frederic K. Herring 2008
----------------------------------------------------------------------------*/

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

img {
	border: 0px solid;
}

.container {
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	float: left;
	width: 950px;

}


.footer-nav {
	float: left;
	clear: left;
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #cccccc;
	padding-left: 64px;
	padding-top: 150px;
	padding-bottom: 20px;
	width: 900px;

}

.footer-nav a, .footer-nav a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #bafa00;
	text-decoration: none;
	padding-right: 13px;
}

.footer-nav a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 13px;
}


/*-----------------------------------------
	Grundkonstruktion
-----------------------------------------*/


.topside {
	float: left;
	width: 950px;
	height: 78px;
	clear: left;

}

.leftside {
	float: left;
	width: 320px;

}

.rightside {
	float: left;
	width: 625px;

}




/*-----------------------------------------
	Welcomebox und Menue
-----------------------------------------*/


.box-welcome {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	float: left;
	clear: left;
}

.box-welcome img {
	float: left;
}

.leftside-menue {
	float: left;
	height: 250px;
	width: 320px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.leftside-menue a, .leftside-menue a:visited, .leftside-menue a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.leftside-menue img {
	float: left;
	border: 0px;
}


.mis, .mis:visited {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	clear: left;
	float: left;
	margin-top: 4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ffffff;
}





.m, .m:visited {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	clear: left;
	float: left;
	margin-top: 4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333333;
}

.m:hover {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	clear: left;
	float: left;
	margin-top: 4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #ffffff;
}






.box-mitte-mehr {
	float: left;
	width: 568px;
	padding-top: 11px;
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: normal;
	color: #bafa00;
	text-decoration: none;
	text-align: left;
}

.box-mitte-mehr a, .box-mitte-mehr a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: normal;
	color: #bafa00;
	text-decoration: none;
}

.box-mitte-mehr a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
	text-decoration: none;
}







/*-----------------------------------------
	Kontaktbox
-----------------------------------------*/


.box-kontakt {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	float: left;
	width: 220px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
}

.box-kontakt-copy {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #CCCCCC;
	padding-top: 10px;

}

.box-kontakt-copy a, .box-kontakt-copy a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #bafa00;
	text-decoration: none;
}

.box-kontakt-copy a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}



/*-----------------------------------------
	Subnav
-----------------------------------------*/


.box-subnav {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	float: left;
	width: 220px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	margin-top: 15px;
}

.box-subnav-copy {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #CCCCCC;

}

.box-subnav-copy a, .box-subnav-copy a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #bafa00;
	text-decoration: none;
	padding-right: 13px;
}

.box-subnav-copy a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}




/*-----------------------------------------
	Unterkategorien
-----------------------------------------*/


.box-category {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	float: left;
	width: 600px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 22px;
	margin-top: 14px;
}

.box-category-copy {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	color: #CCCCCC;

}

.box-category-copy a, .box-subnav-copy a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 18px;
	color: #bafa00;
	text-decoration: none;
	padding-right: 18px;
}

.box-category-copy a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;

}

a.cat-sel {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}




/*-----------------------------------------
	Contenbox Normal
-----------------------------------------*/


.box-contentbox {
	float: left;
	width: 600px;
	padding-bottom: 11px;
}

.box-article {
	background-image: url(/cmxs/img/shader-menue-dot.png);
	background-repeat: repeat;
	float: left;
	width: 600px;
	padding-top: 20px;
	margin-bottom: 33px;
	padding-left: 22px;
	padding-bottom: 11px;
}

.box-imagedetailgeil {
	background-color: #0b0b0b;
	float: left;
	width: 600px;
	padding-top: 11px;
	padding-left: 33px;
	padding-right: 11px;
	padding-bottom: 11px;	
}

.box-content-head {
	font-family: "lucida grande", verdana;
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	color: #ffffff;
	float: left;
	clear: left;
	width: 578px;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.box-content-subhead {
	font-family: "lucida grande", verdana;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #ffffff;
	float: left;
	clear: left;
	width: 460px;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 10px;
}



.box-content-head2 {
	font-family: "lucida grande", verdana;
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	color: #ffffff;
	float: left;
	clear: left;
	width: 550px;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.box-content-subhead2 {
	font-family: "lucida grande", verdana;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #ffffff;
	float: left;
	clear: left;
	width: 550px;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 10px;
}




















.box-content-copy {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #CCCCCC;
	padding-top: 10px;
	width: 570px;
	float: left;
	clear: left;
	padding-bottom: 11px;
}

.box-content-copy strong {
	font-family: "lucida grande", verdana;
	font-weight: bold;
	color: #ffffff;
}


.box-content-copy a, .box-content-copy a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #bafa00;
	text-decoration: none;
}

.box-content-copy a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}

.box-content-more {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #CCCCCC;
	padding-top: 22px;
	padding-top: 11px;
	float: left;
	clear: left;
	width: 560px;
}

.box-content-more a, .box-content-more a:visited {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #bafa00;
	text-decoration: none;
}

.box-content-more a:hover {
	font-family: "lucida grande", verdana;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}


/*-----------------------------------------
	Imagebox
-----------------------------------------*/

.bilderbox {
	float: left;
	width: 340px;
}

.textbox {
	float: right;
	width: 240px;
}

.imagebox-padding {
	float: left;
	padding-right: 16px;
	padding-bottom: 12px;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #cccccc;
}


/*-----------------------------------------
	imagebox-padding-copy
-----------------------------------------*/

.imagebox-padding-copy {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #cccccc;
	padding-top: 6px;
	padding-bottom: 10px;
	clear: left;
}


.imagebox-padding-copy a, .imagebox-padding-copy a:visited {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #bafa00;
	text-decoration: none;
}

.imagebox-padding-copy a:hover {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	text-decoration: none;
}

/*-----------------------------------------
	imagebox-smallpadding-copy
-----------------------------------------*/


.imagebox-smallpadding-copy {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #cccccc;
	padding-top: 4px;
	width: 95px;
	height: 40px;
	clear: left;
}


.imagebox-smallpadding-copy a, .imagebox-smallpadding-copy a:visited {
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 11px;
	color: #bafa00;
	text-decoration: none;
}

.imagebox-smallpadding-copy a:hover {
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 11px;
	color: #ffffff;
	text-decoration: none;
}


.imagebox {
	background-image: url(/cmxs/img/img-grey-bg.png);
	background-repeat: repeat;
	float: left;
	padding: 8px;
}


.imagerand {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #cccccc;
	background-image: url(/cmxs/img/img-grey-bg.png);
	background-repeat: repeat;
	float: left;
	padding: 8px;
}

.imagegallerie {
	float: left;
	font-family: "lucida grande", arial;
	font-size: 10px;
	line-height: 12px;
	color: #cccccc;
	background-image: url(/cmxs/img/img-grey-bg.png);
	background-repeat: repeat;
	float: left;
	padding: 8px;
	cursor: pointer;
}

.imagegallerie img {
	float: left;
}



.imagegallerie:hover {
	background-image: url(/cmxs/img/shader-img-gal.png);
	background-repeat: repeat;
	float: left;
	padding: 8px;
}

.imagebox img {
	float: left;
}