/* CSS Document */

BODY	{
	margin:0; 
	padding:0;
	word-spacing: 2px; 
	line-height: 16px;
	font-family: "trebuchet ms", Helvetica, sans-serif; 
	font-size:12px;
	text-align: center;
	background:#ffffff url(../img/bg_bla_vit.gif); 
	background-repeat: repeat-x;
}

h1 {
padding-top:5px;
font-size:19px;
line-height: 30px;

}

h2 {
padding-top:5px;
font-size:15px;
line-height: 20px;
}

h3 {
padding-top:5px;
font-size:13px;
line-height: 20px;

}

a {
color: #000000;
}

.abold {
color: #000000;
font-weight:bold;
}


.header {
	height:43px;
	color: #efefef;
	font-size:12px;
	background:#ffffff url(../img/header.gif);
	background-repeat: repeat-x;
	margin:0px auto;
	width: auto;
    margin-bottom:30px;
	
}

.footer {
	height: auto;
	margin:0px auto;
	width: auto;
	color: #eeeeee;
	font-size:12px;
	text-align: center;
	background:#000000;
	margin-top:20px;
	padding:10px;
	word-spacing: 2px; 
	line-height: 19px;
}

.button {
	margin-top: 4px;
	padding: 4px 10px;
	border: 1px #484848 solid;
	background: #000000 url(../img/remote/bar.jpg) repeat-x;	
	color: #efefef;
}

.lightlink {
	color:#eeeeee;
	text-decoration: underline;
}
.lightlink:hover {
	color:#ffffff;
	text-decoration: underline;
}

.darklink {
	color:#3e3e3e;
	text-decoration: none;
	font-weight : bold;
}

.darklink:hover {
	color:#868686;
	text-decoration: underline;
	font-weight : bold;
}


.modalcontent {
	padding: 30px;
	width: 535px;
	text-align: left;
	background:#ffffff;
	
	
	
}


.content {
	background:#ffffff url(../img/illustration_bottom.jpg) no-repeat;
	padding-top: 0px;
	margin:0px 8px auto;
	width: 950px;
	text-align: left;
	border-color: #FFFFFF;
	min-height:700px;
}

.subcontent {
	width: 647px;
}

.rightcontent {

	width: 250px; 
	min-height: 300px; 
	left: 672px;
	top: -14px;
	float:right;
}

.rightposition {
	position: relative; 

}

.columncontent {
	margin-bottom: 1px;
}

.columnbox {
	background-color: white;
	border: 1px solid #999999; /* #484848*/
	min-height:400px;
}


.tab-open {
	background-color:white;
	border:1px solid #484848;
	border-bottom-width:0;
	padding:8px 25px;
	font-size:14px;
}

.tab-closed:hover {
	cursor:pointer;cursor:hand;
	background-color:#faf9f5;
}

.tab-closed {
	background:url(../img/remote/bar.jpg); 
	color: #eeeeee;
	border:1px solid #484848;
	padding:4px 18px;
	font-size:14px;
}

.tab-none {
	border-bottom:1px solid #999999;
}


/* -------------------- */
/* MODAL				*/
/* -------------------- */
	
		.modal-overlay
	{
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		height:100%;
		width:100%;
		margin:0px;
		padding:0px;
		background:#000000;
		opacity:.40;
		filter: alpha(opacity=40);
		-moz-opacity: 0.40;
		z-index:101;
	}
	* html .modal-overlay
	{   
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	.modal-window
	{
		position:fixed;
		top:50%;
		left:50%;
		margin:0;
		padding:0;
		z-index:102;
		border: 1px solid #000000;

	}
	* html .modal-window
	{
		position:absolute;
	}
	.close-window
	{
		position:absolute;
		width:39px;
		height:39px;
		right:8px;
		top:8px;
		background:transparent url('../img/close.gif') no-repeat scroll right top;
		text-indent:-99999px;
		overflow:hidden;
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
	}
	.close-window:hover
	{
		opacity:.99;
		filter: alpha(opacity=99);
		-moz-opacity: 0.99;
	}

.info30px {
	width:30px;
}

.Input_Invisible_30px {
	width:30px;
}

.Input_Invisible_30px {
	border : 0 none;
	font-weight : bold;
	width: 30px
}

.Input_Invisible_35px {
	border : 0 none;
	font-weight : bold;
	width: 45px;
	text-align : center;
}

.Input_Invisible_60px {
	border : 0 none;
	font-weight : bold;
	width: 60px
}

.Input_Invisible_60px_right {
	border : none;
	font-weight : bold;
	width: 60px;
	text-align : right;
}

.tableheading {
	background-color:#000000;
	color:#eeeeee;
	font-weight : bold;
}

.info70px {
	width: 70px;
	border : 1 solid #474747;
}

/* Box */
.boxmedium-comment {
	width: 625px;
	padding: 0;
	margin: 0px 0 0px 0;
}

.boxmedium-authorinfo {
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff url("../img/contentheading.gif") no-repeat right bottom;
}


.boxmedium-authorinfo img{
	float: left;

}

.boxmedium-authorinfo p {
	color: #000000;
	font-weight: bold;
	padding:15px 0 0 10px;
	font-size: 14px;
}

.boxmedium-commentcontent {
	background: #ffffff url("../img/contentfooter.gif") no-repeat right bottom;
	padding-left: 12px;
	padding-right: 15px;
	padding-top: 5px;
}

.boxmedium-commentcontent p {
	line-height: 20px;
}

/* Box */
.boxsmall-comment {
	width: 300px;
	padding: 0;
	margin: 0px 0 0px 0;
}

.boxsmall-authorinfo {
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff url("../img/contentheading_300px.gif") no-repeat right bottom;
}


.boxsmall-authorinfo img{
	float: left;

}

.boxsmall-authorinfo p {
	color: #000000;
	font-weight: bold;
	padding:15px 0 0 10px;
	font-size: 14px;
}

.boxsmall-commentcontent {
	background: #ffffff url("../img/contentfooter_300px.gif") no-repeat right bottom;
	padding-left: 5px;
	padding-right: 7px;
	padding-top: 2px;
}

.boxsmall-commentcontent p {
	line-height: 20px;
}






/* Box */
.main-comment {
	width: 991px;
	padding: 0;
	margin:0px auto;
}

.main-authorinfo {
	height: 152px;
	padding: 0;
	margin: 0;
	background: #fff url("../img/illustration_top.jpg") no-repeat right bottom;
}


.main-authorinfo img{
	float: left;

}

.main-authorinfo p {
	color: #000000;
	font-weight: bold;
	padding:15px 0 0 10px;
	font-size: 14px;
}

.main-commentcontent {
	background: #ffffff url("../img/bg_vit.gif") no-repeat right bottom;
	padding-left: 12px;
	padding-right: 15px;
	padding-bottom:22px;

}

.main-commentcontent p {
	line-height: 20px;
}

a.navigator1 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/ny_rond.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator1 {
    background-position: -0px -47px;
} 

a.navigator2 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/mina_ronder.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator2 {
    background-position: -0px -47px;
} 

a.navigator3 {
    display: block;
    width: 47px;
    height: 47px;
	background: url("../img/remote/statistik.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator3 {
    background-position: -0px -47px;
} 

a.navigator4 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/scorekort.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator4 {
    background-position: -0px -47px;
} 

a.navigator5 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/min_traning.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator5 {
    background-position: -0px -47px;
} 

a.navigator6 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/matchspel.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator6 {
    background-position: -0px -47px;
} 

a.navigator7 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/plus.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator7 {
    background-position: -0px -47px;
} 

a.navigator8 {
    display: block;
    width: 47px;
    height: 47px;
    background: url("../img/remote/hjalp.jpg") 0 0 no-repeat;
    text-decoration: none;
	float:left;	
	padding-left:4px;
	padding-right:4px;
	padding-top:0px;
	padding-bottom:0px;		
}
a:hover.navigator8 {
    background-position: -0px -47px;
} 

.navheader{ 
	background: #000000 url("../img/remote/bar.jpg") no-repeat right bottom;
	height:31px;
	padding: 0;
	margin: 0;
	cursor: hand;
	cursor: pointer;
}
.navheaderfixed{ 
	background: #000000 url("../img/remote/bar.jpg") no-repeat right bottom;
	height:31px;
	padding: 0;
	margin: 0;
	cursor: hand;
	cursor: pointer;
}


.navcontent{ 
	background: #000000;
	color:#eeeeee;
	padding:10px;
}

.opennavigation{ 
	background: #000000 url("../img/remote/bar.jpg") no-repeat right bottom;
	height:32px;
	padding: 0;
	margin: 0;
	cursor: hand;
	cursor: pointer;
}

.navheader p {
	padding-top:8px;
	padding-left: 10px;
	font-size:13px;
	color:#eeeeee;
	margin: 0;
}


.navheaderfixed p {
	padding-top:8px;
	padding-left: 10px;
	font-size:13px;
	color:#eeeeee;
	margin: 0;
}

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(../img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 0px;
padding-top: 18px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.toplistbox{
background-color: #ececec;
width: 645px;
padding: 10px;
font-size:14px;
}

.toplistcontent{
background: url(../img/arrow.gif) 25px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 0px;
padding-top: 18px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/* All form elements are within the definition list for this example */
dl {
    font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 110px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 0px;
}

			
	#intro ul, #intro li{ 
		margin:0;
		padding:0;
		list-style:none;
		}	
	#intro div{ 
	    float: left;
		height:260px;
		width:647px;
		padding-top:20px;
		overflow:hidden;
		}	
	#intro ul{ 
		height:260px;		
		}	
	#intro li{ 
		float:left;
		display:inline;
		height:260px;
		width:647px;
		}	
	#intro span{ 
		display:block;
		width:35px;
		height:69px;
		position:absolute;
		left:-30px;
		top:75px;
		}	
	#intro span.next{
		 float: left;
		position:relative;
		left:565px;
		top:-45px;
		}	
	#intro span.prev{ 
	    float: left;	
		position:relative;
		left:0px;
		top:-45px;
		}															
	#intro span a{  
		display:block;
		width:47px;
		height:44px;
		background:url(../img/btn_prev.gif) no-repeat 0 0;	
		}	
	#intro span.next a{ 
		background:url(../img/btn_next.gif) no-repeat 0 0;	
		}
		
		div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(../img/ntbg.png);
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
	display:none;
}
				



   /* menu */
        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
        #menu > li a:hover {color:#75c700;}
        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
        #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#95dbff; }
        #menu li ul li a:hover { color:#33ccff; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:30px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#fff; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:132px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}