/*
Theme Name: ASS Template
Description: The default Alumi Sportökonomie und Sportmanagement template
Version: 1.0
Author: Jasmina Schröder, Fritz Bollmann <bollmann@cs.uni-bonn.de> und Christian Mertens <mertens@cs.uni-bonn.de>

Tags: Alumi, ASS, Sportökonomie, Sportmanagement, DSHS


	This theme was designed by: 
	Jasmina Schröder
	Zähringerallee 27
	75177 Pforzheim
	Telefon: 0178 742 55 55
	Email: ich@fashionvictim.de
	Web: www.fashionvictim.de
*/



/* Begin Typography & Colors */
/*--------------------------------------- BASE ---------------- */
/* farben
schrift: 4c4c4c
headlines: 818181
bg: d7d8d9
bg impress: b2b2b2

blau: 1a6dab
grau: afb1b2

*/
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
	color: #4c4c4c;
	background-color: #d7d8d9; /*#441100 663300 #F2DCA7 #330900;defines the colour as well as the background image so that an average colour is shown while the image loads */
	padding: 0 0 0 0;
	margin: 0;
}
/*--------------------------------------- BASETAGS ---------------- */

a, a:link, a:visited, a:focus, a:active {
	text-decoration:none;
	color: #4c4c4c;
}
a:hover {
	text-decoration:underline;
}
table, tr, td {
	border-collapse: collapse;
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px;
}
p {
	padding: 0;
	margin: 0;
}

img {
	border:none;
}

h1 {
	font-size:2em;
	font-family: arial, verdana, Helvetica, sans-serif;
}
h2 {
	font-size:1.5em;
	font-family: arial, verdana, Helvetica, sans-serif;
	margin-top:25px;
	margin-left:2px;
}
h3 {
	font-size:1.3em;
	font-family: arial, verdana, Helvetica, sans-serif;
}
h4 {
	font-size:1em;
	font-family: arial, verdana, Helvetica, sans-serif;
}
hr {
 noshade;
	color:#663300;
}
ul {
	margin:0px;
	padding:0px;
}
/*--------------------------------------- IDs Struktur---------------- */

#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1090px;
	background-color:white;
}
#verlauf_links {
	width:33px;
	background-image: url("images/verlauf_links.png");
	background-repeat:repeat-y;
}
#verlauf_rechts {
	width:33px;
	background-image: url("images/verlauf_rechts.png");
	background-repeat:repeat-y;
}
#container2 {
	width:1024px;
	background-color:white;
}
/*--------------------------------------- IDs HEAD ---------------- */

.headcol {
	background-color:#1a6dab;
	width:1022px;
	height:14px;
	margin-left:1px;
	margin-bottom:2px;
}
.headlogo_container {
	width:245px;
	height:249px;
	margin-left:1px;
}
.headlogo a {
	display:block;
	width:245px;
	height:214px;
	background-color:white;
	background-image: url("images/logo.png");
	background-repeat:no-repeat;
	background-position: 28px 34px;
}
.headimg_container {
	width:775px;
	height:249px;
	margin-left:2px;
	background-image: url("images/header.jpg");
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.headimg {
	width:775px;
	height:213px;
	background-color:transparent;
	margin-left:0px;
}
/*--------------------------------------- IDs  NAV ---------------- */


.mitglieder a {
	display:block;
	width:245px;
	height:35px;
	background-color:#1a6dab;
	background-image:url("images/link_mitglieder.png");
	background-repeat:no-repeat;
	background-position: 20px 18px;
}
.mitglieder a:hover {
	background-color:#afb1b2;
}
.menu {
	width:775px;
	height:35px;
}
.margin-top {
	height:1px;
	width:775px;
	float:left;
	background-color:white;
}
.margin-left {
	height:35px;
	width:2px;
	float:left;
	background-color:white;
}
.menu a {
	cursor:hand;
	float:left;
	margin-left:0px;
	display:block;
	width:192px;
	height:35px;
	margin-top:0px;
	z-index:-1;
	background-color:transparent;
	background-image:url("images/link_verlauf.png");
	background-repeat:repeat-x;
}
.menu a:hover, .menu a.active {
	background-color:transparent;
	background-image:none;
}
.menu .link {
	z-index:5;
	width:192px;
	height:35px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: center 18px;
}
.menu .link1 {
	background-image:url("images/menu_01.png");
}
.menu .link2 {
	background-image:url("images/menu_02.png");
}
.menu .link3 {
	background-image:url("images/menu_03.png");
}
.menu .link4 {
	background-image:url("images/menu_04.png");
}
/*--------------------------------------- IDs  BODY ---------------- */

/*--------------------------------------- LEFT ---------------- */

#body_left {
	width:247px;
	float:left;
	margin-bottom:50px;
}
div.box_left {
	width:200px;
	margin-left:20px;
	margin-top:25px;
	margin-bottom:25px;
	border:1px solid #afb1b2;
}
div.box_left .box_head {
	width:200px;
	height:26px;
	background-color: #afb1b2;
	background-image:url("images/pfeil.png");
	background-repeat:no-repeat;
	background-position: 6px center;
	margin:0px;
}
div.box_left .box_head h4 {
	letter-spacing:-0.5px;
	display:block;
	margin:0px;
	margin-left:27px;
	padding-top:6px;
	width:178px;
	height:26px;
	background-color: transparent;
	font-weight:normal;
}
div.box_left .box_body {
	padding:0px;
	font-size:10px;
	width:200px;
	background-color: transparent;
	margin:0px;
}
div.box_left .box_body .box_img {
	margin-right:3px;
}
div.box_left .box_body .box_text {
	padding:2px;
	padding-right:0px;
}
div.box_left .box_body .box_text ul {
	list-style-image:url("images/pfeil.png");
	margin:0px;
	margin-left:20px;
}
div.footer {
	position:relative;
	bottom:0px;
	left:0px;
	width:245px;
	margin-left:1px;
}
div.footer .footer_img {
	height:70px;
	width:245px;
	background-image:url("images/footer_logo.jpg");
	background-repeat:no-repeat;
	background-position: 30px center;
}
div.footer .footer_links {
	height:35px;
	width:245px;
	background-color: #afb1b2;
}
/*--------------------------------------- RIGHT ---------------- */

#body_right {
	width:776px;
	float:right;
}
div.text {
	font-size:0.9em;
}
.box_right {
	float:left;
	width:192px;
	height:185px;
	margin:0px;
	margin-top:30px;
	margin-right:2px;
}
#body_right p {
	width:600px;
	margin-top:10px;
}
#body_right ul {
	width:600px;
	list-style-image:url("images/pfeil.png");
	margin:0px;
	margin-left:30px;
	margin-top:10px;
}
.box_right .img {
	height:90px;
	margin-bottom:1px;
}
.box_right .list {
	background-color:#d7d8d9;
	height:95px;
	margin:0px;
	padding-top:1px;
}
#body_right .box_right .list ul {
	width:160px;
	list-style-image:url("images/pfeil.png");
	margin:0px;
	margin-left:30px;
	margin-top:10px;
}
/*--------------------------------------- FOOTER ---------------- */
.footer_links {
	text-align:center;
	padding:0px;
	margin:0px;
}
.footer_links_container {
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	width:171px;
}
.footer_links a {
	display:block;
	height:12px;
	background-image:none;
	background-repeat:no-repeat;
	float:left;
}
a.footer_home {
	width:30px;
	background-image:none;
	background-repeat:no-repeat;
}
a.footer_kontakt {
	width:41px;
	background-image:none;
	background-repeat:no-repeat;
}
a.footer_impressum {
	width:56px;
	background-image:none;
	background-repeat:no-repeat;
}
a.footer_home:hover, a.footer_kontakt:hover, a.footer_impressum:hover {
	background-image:url("images/footer_line.png");
	background-repeat:repeat-x;
}
.footer_spacer {
	float:left;
}
/* ieWIN
.trans_box2 {
background-image: url("85p_bg.png");

_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='85p_bg.png');
}
*/

.left {
	float:left;
}
.clear {
	clear:both;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:hidden;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border:hidden;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border:hidden;
}
img.alignnone {
	padding: 4px;
	margin: 0 7px 2px 0;
	border:hidden;
}
.alignright {
	float: right;
}
.alignleft {
	float:left;
}

/* End Images */