/* 
    Document   : main
    Created on : 17.06.2011, 14:31:27
    Author     : sven
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
	margin: 0;
	padding: 0;
}

root { 
    display: block;
}

body {
	background-color: #FFFFFF;
}

.background { background:none}
	
#container {
	background-repeat: no-repeat;
	background-position: top right;
	position: absolute;
	right: 0;
	width: 2197px;
	min-height: 1200px;
	min-width: 1200px;
}

#container.home {
	background-image:	url(../img/bg-home.jpg);
}

#container.media {
	background-image:	url(../img/bg-media.jpg);
}

#container.liga {
	background-image:	url(../img/bg-liga.jpg);
}

#container.events {
	background-image:	url(../img/bg-events.jpg);
}

#container.teams {
	background-image:	url(../img/bg-teams.jpg);
}

#container.turniere {
	background-image:	url(../img/bg-turniere.jpg);
}

#container.archiv {
	background-image:	url(../img/bg-archiv.jpg);
}

#container.subnavi {
	background-image:	url(../img/bg-subnavi.jpg);
}

#inner_container {
	width: 2197px;
}

#inner_left {
	position: relative;
    right: 339px;
}


#jugger_logooben {
	float: right;
    position: relative;
    right: 56px;
    top: 48px;
}

#inner_right {
	position: absolute;
	background-color: #000;
	background-image: url(../img/bg-rechts-test.jpg);
	background-repeat: no-repeat;
	right: 0;
	width: 339px;
	height: 100%;
	bottom: 0;
}

#right_content_login {
	padding-left: 10px;
	padding-top: 45px;
}

#right_content_news {
	padding-left: 10px;
	padding-top: 32px;
	width: 250px;
}

#right_content_news ul{
	padding-left: 32px;
}

#right_content_news li{
	list-style-image: url(../img/pfeil-kl.png);
	padding-top: 7px;
	font-family: Neo Sans, Helvetica, Verdana, sans-serif; font-size: 12px; color: #fff;
}



#right_content_socialmedia {
	padding-left: 10px;
	padding-top: 12px;
}

#jugger_textlogo {
	/*
	position: absolute;
	right: -624px;
	bottom: 321px;
	width: 2304px;
	z-index: 4;
	*/
	margin-left: 250px;
	background-image: url(../img/unten-schrift-jugger.png);
	height: 334px;
}

#footer {
	overflow: hidden;
	position: relative;
	width:	100%;
	height: 728px;
	bottom: 0;
	right: 0;
}

#jugger_horizont {
	position:	absolute;
	bottom: 0;
	right: 0px;
}

#jugger_silhouetten {
	position:	absolute;
	right: 334px;
	bottom: 244px;
	z-index: 8;
}

#jugger_pompfen {
	position:	absolute;
	right: 10px;
	bottom: 138px;
	z-index: 8;
}

/* 
---------------------- MENÜ & UNTERMENÜ -------------------------------
*/



#menualles {
	background: url(../img/bg-tabelle-men.png) no-repeat;
    height: 42px;
    width: 720px;
	margin-left: auto;
    margin-right: auto;
}

#mainmenu {
    clear: right;
    float: right;
    width: 690px;
    height: 42px;
    margin: 66px 56px 0 0;
}

#menue-rollover  {
	position: absolute;
    right: 370px;
	top: 48px;
    width: 720px;
    height: 114px;
}

#menuPunkt-01 {
	width: 157px;
    height: 42px;
	text-align: center;
	min-height: 42px;
    display: table-cell;
    vertical-align: middle;
}

#menuPunkt-02 {
	width: 117px;
    height: 42px;
	text-align: center;
	min-height: 42px;
    display: table-cell;
    vertical-align: middle;
}

#menuPunkt-03 {
	width: 155px;
    height: 42px;
	text-align: center;
	min-height: 42px;
    display: table-cell;
    vertical-align: middle;
}

#menuPunkt-04 {
	width: 154px;
    height: 42px;
	text-align: center;
	min-height: 42px;
    display: table-cell;
    vertical-align: middle;
}

#menuPunkt-05 {
	width: 107px;
    height: 42px;
	text-align: center;
	min-height: 42px;
    display: table-cell;
    vertical-align: middle;
}



#mainmenu_unten {
    clear: right;
    float: right;
	margin-top:	150px;
	margin-right:	365px;
    height: 42px;
    position: relative;
    width: 720px;
}



#mainmenu_sidebar_unten {
    clear: right;
    float: right;
	margin-top:	10px;
	margin-right:	365px;
    height: 42px;
    position: relative;
    width: 720px;
}

#submenu {
	margin-left: 20px;
	margin-top: 20px;
	width:		300px;
	float: right;
	position: relative;
	list-style-type: none;
	z-index: 9;
}

#submenu a {
	color: #ffffff;
}

/* 
---------------------- CONTENT -------------------------------
*/

#content_container
{
	position: relative;
	padding-top: 200px;
	right:	-1452px;
	width:	720px;
	/*
	height:	430px;
	*/
}

#content
{
	background: url(../img/bg-tabelle-strahlen-einspaltig.png) repeat;
	min-height:	430px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	overflow:hidden;
}



#slideshowtest 
{
	padding-bottom: 30px;
	position: relative; 
}

#slideshowtest > div { 
    position: absolute; 
}
		

#teaser-01 {
  width: 660px;
  padding-top: 400px;
}
#spalte-links {
  width: 320px;
  float: left;
}
#spalte-rechts {
  width: 320px;
  float: right;
}
#teaser-02 {
  width: 660px;
  margin-top: 210px;
}
#teaser-03 {
  width: 660px;
  margin-top: 420px;
}

#teaser-04-infografik {
  width: 660px;
  margin-top: 10px;
}
}
#teaser-05-infografik {
  width: 660px;
  margin-top: 640px;
  margin-right: 100px;
}
#teaser-06-infografik {
  width: 660px;
  margin-top: 420px;
}

#content-iframe
{
	position: relative;
	right: 40px;
	width:	740px;
	height:	525px;
}

#content-iframe-teams
{
	position: relative;
	right: 6px;
	width:	676px;
	height:	525px;
}

#content-teams {
	position:absolute;
	top:250px;
	right:369px;
	width:720px;
	height:900px;
	z-index:1;
}

#content-kopf {
	position:absolute;
	top:199px;
	right:369px;
	width:720px;
	height:42px;
	z-index:1;
}

/* 
---------------------- Einzel-Elemente -------------------------------
*/

#schild
{
	display: block;
	right:	185px;
	position:	relative;
	float:	right;
	margin-top: 150px;
	z-index: 9;
}

#postit
{
	position:	relative;
	top:	10px;
	left:	-3px;
}

/* 
----------------------SCHRIFTEN -------------------------------
*/

/* 
@font-face {
  font-family: Eurostyle;
  src: url(http://33.33.33.10/jugger.de/pub/fonts/PERCBOLD.TTF);
}
*/

a:link { text-decoration:none;
	color: #ffffff; 
	}

a:visited { text-decoration:none; 
	color: #ffffff; 
	}

a:hover { text-decoration:underline; 
	color: #ffffff;
	}

a:active { text-decoration:none; 
	color: #ffffff;
	}

h1 { 
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	color: #000000;
	font-size: 18px;  
	letter-spacing: 0.02em;
	line-height: 1.4em;
	font-weight: bold;
}

h1 a:link { 
	text-decoration:none;
	color: #000000;
}

h1 a:hover { 
	text-decoration:underline;
	color: #000000;
}

h1 a:visited { 
	text-decoration:none;
	color: #000000;
}

.menu01 {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
} 

.untermenu01 {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	font-weight: bold;
} 

.content-text {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
	text-align: justify;
	padding-left: 5px;
}

.content-text a {
	color: #2f2f2f;
	text-decoration:underline;
}

.content-text li {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
	text-align: justify;
	padding-left: 10px;
}

.ueberschrift-sidebar { font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile; font-size: 16px; color: #fff; font-weight: bold;}

.texte-sidebar { font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile; font-size: 12px; color: #fff;}

.menu02-sidebar {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 14px;
	color: #fff;
	line-height: 20pt;
} 

.ueberschrift-teamseite {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
} 

.content-teamseite {
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	font-weight: lighter;
	text-align: justify
}

/* 
---------------------- 01 TEAMS -------------------------------
*/
#bg-ueberschrift {
	background: url(../img/bg-tabelle-ue.png) no-repeat;
    clear: right;
    float: right;
    height: 42px;
    margin: 10px 25px 0 0;
    position: relative;
    width: 720px;
	padding-top: 10px;
}

#bg-ueberschrift td 
{
	font-size:	14pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 1pt;
	color:	#000000;
	font-weight: bold;
	padding-left: 10px;
}

#content_01
{
	background: url(../img/bg-tabelle-strahlen-einspaltig.png) repeat;
	min-height:	430px;
	margin: 43px 25px 0 0;
	width: 720px;
}


#content_spalte_links
{
	background: url(../img/bg-tabelle-strahlen-einspaltig.png) repeat;
	position: relative;
	margin: 10px 25px 0 0;
	width: 345px;
	padding-left: 10px;
	padding-top: 10px;
}

#content_spalte_links td 
{
	font-size:	9pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 0pt;
	color:	#000000;
	line-height: 18px;
	padding-left: 10px;
	padding-top: 10px;
}

#content_spalte_links td li
{
	font-size:	9pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 0pt;
	color:	#000000;
	line-height: 18px;
	padding-left: 10px;
	padding-top: 10px;
}

#content_spalte_rechts
{
	background: url(../img/bg-tabelle-strahlen-zweispaltig-rechts.png) repeat;
	position: relative;
	margin: 10px 25px 0 365px;
	width: 345px;
	padding-left: 10px;
	padding-top: 10px;
}

#content_spalte_rechts td 
{
	font-size:	11pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 1pt;
	color:	#000000;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
}

#content_spalte_rechts td li
{
	font-size:	9pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 0pt;
	color:	#000000;
	line-height: 18px;
	padding-left: 10px;
	padding-top: 10px;
}
/* 
---------------------- 02-teams-teamseite -------------------------------
*/
#bg-ueberschrift-teamseite {
	background: url(../img/bg-tabelle-ue-teamseite.png) no-repeat;
    clear: right;
    float: right;
    height: 42px;
    margin: 10px 25px 0 0;
    position: relative;
    width: 720px;
	height: 63px;
}
#bg-ueberschrift-teamseite td 
{
	font-size:	14pt;
	font-family: Helvetica, Verdana, sans-serif, Neo Sans, Eurostile;
	letter-spacing: 1pt;
	color:	#000000;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
	line-height: 22px;
}

#content_container-02
{
	position: relative;
	padding-top: 181px;
	right:	-1452px;
	width:	720px;
	/*
	height:	430px;
	*/
}

#content_02
{
	background: url(../img/bg-tabelle-strahlen-einspaltig.png) repeat;
	min-height:	430px;
	margin: 83px 25px 0 0;
	width: 720px;
}


@media screen and (max-width: 1100px) {
	#alles {
	position: absolute;
	width: 1098px;
}
	}