/*########################################################################## */
/* copyright 2004-2006 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/


body, html 
{
 font-family: Arial, Verdana, "Times New Roman", serif;
 color:#fff;
 background:#939598;
 font-size: 12px;
 margin:0;
 height: 100%;
 overflow:hidden;
}


h1,h2,h3
{
 font-family: Arial, Verdana, "Times New Roman", serif;
 font-size: 14px;
 font-weight:bold;
 padding:0;
 margin:0;
}

ul
{
margin:0;
padding:0;
list-style:none;
}

/*
###################################################
Spezial
###################################################
*/

#outer
{
margin:0;
width:100%;
height: 100%; 
overflow: visible;
display: table; 
}


* html #outer
{
display: block; 
}/* for explorer only*/


*+html #outer 
{
display: block; 
}/* for explorer only*/

 
#middle
{
display: table-cell; 
vertical-align: middle; 
}


* html #middle
{
display:block;
position: absolute; 
top: 50%;
} /* for explorer only*/

 
*+html #middle
{
display:block;
position: absolute; 
top: 50%;
} /* for explorer only*/


* html #inner
{
position: relative; 
top: -50%;
} /* for explorer only */

 
*+html #inner
{
position: relative; 
top: -50%;
} /* for explorer only */
			



/*
###################################################
Container
###################################################
*/



#container
{
width:960px;
height:607px;
padding:0s;
background:#fff;
margin:0 auto 0 auto;
}


#header-top
{
width:960px;
height:151px;
}

#header-top img
{
float:left;
border:0;
}

#header-bottom
{
width:960px;
height:124px;
}

#header-middle
{
width:960px;
height:203px;
}

#header-middle img
{
float:left;
border:0;
}

#content
{
margin:0 0 1px 0;
height:78px;
width:830px;
background:#009CDA;
padding:15px 30px 15px 100px;
}

#content ul.summer
{
float:left;
margin-left:300px;
display:inline;
}

#content ul.summer a
{
font-size:18px;
text-decoration:none;
color:#FFDD00;
background:url(../images/summer.gif) no-repeat 0 2px;
padding-left:20px;
}


#content ul.summer a:hover
{
font-size:18px;
text-decoration:none;
color:#FFDD00;
background:url(../images/summer_hover.gif) no-repeat 0 2px;
padding-left:20px;
}


#content ul.winter a
{
font-size:18px;
text-decoration:none;
color:#fff;
background:url(../images/winter.gif) no-repeat 0 2px;
padding-left:20px;
}


#content ul.winter a:hover
{
font-size:18px;
text-decoration:none;
color:#fff;
background:url(../images/winter_hover.gif) no-repeat 0 2px;
padding-left:20px;
}

#content .left
{
float:left;
text-align:center;
}

#content .left img
{
margin:5px 0 0 0;
}

#content li
{
margin:0 0 5px 0;
}


#content ul.winter
{
float:left;
margin-left:100px;
display:inline;
}


#header-bottom img
{
float:left;
border:0;
}


/*
###################################################
Footer
###################################################
*/

#footer
{
height:15px;
color:#000;
font-size:10px;
text-align:right;
background:#939598;
padding:5px 0 0 0;
}


#footer a
{
color:#06274B;
}


#footer a:hover
{
color:#000;
}