/**************************************************************
 * AUTHOR :  Pat Heard (fullahead.org)                        *
 * DATE   :  2006.03.19                                       *
 * PURPOSE:  Styles the html elements                         *
 * UPDATE :  teambauer.de                                     *
 **************************************************************/
	@viewport{width: device-width;}
	
	html{
        height: 100%;
    }

	body{
        height:       100%; 
        margin:       0;
        padding:      0;
        text-align:   center;
        line-height:  170%;
        background:   #666 url('../images/header/header.jpg') repeat-x left top;
        color:        #EEE;
		font-style:   normal;
		font-variant: normal;
		font-weight:  400;
		font-size:    0.8em;
		font-family:  verdana, arial, sans-serif;
    }

	h1{   
        clear: both;
        font:  700 2.5em "trebuchet ms", serif;
        color: #FFF;
    }

	h2{
        font:  400 1.5em "trebuchet ms", serif;
        color: #F17400;
    }

	h2 a{
        color: #29E3FF;
    }

	h2 a:hover{
        color: #FFF;
    }

	h3{
        font:  400 1.3em "trebuchet ms", serif;
        color: #F8D766;
    }

	h4{
        font:  700 1.2em "trebuchet ms", serif;
        color: #F39F01;
    }

 	h5{
        font:  700 1em "trebuchet ms", serif;
        color: #F17400;
    }
    
	h6{
        font:  700 1em "trebuchet ms", serif;
        color: #FF4B33;
    }

	h1, h2, h3, h5, h6, p, dl{
        margin:  0;
        padding: 10px 15px;
    }

	h4{
        margin:  0;
        padding: 10px 15px 0px 15px;
    }


	.leftColumn h1,
	.leftColumn h2, 
	.leftColumn h3,
	.leftColumn h4,
	.leftColumn h5,
	.leftColumn h6,
	.leftColumn p,
	.leftColumn dl{padding-left: 0;}

	a{
        color: #8BE6FA;
    }

	a:hover{
        color: #FFF;
    }

	b{
        color: #FFF;
    }

	ol,ul{
        margin:  10px 30px;
        padding: 0 30px;
    }

	ol{
        color: #FC0;
    }

	ol span{
        color: #EEE;
    }

	ul{
        list-style-image: url(../images/global/bullet.gif);
    }

	del{
        color: #AAA;
    }

	code {
        margin:      10px 15px;
        padding:     10px;
        display:     block;
        overflow:    auto;
        font:        400 1em courier, monospace;
        line-height: 120%;
        white-space: pre;
        background:  #444;
    }

	.leftColumn code{
        margin-left: 0;
    }

    .hidden{
        display: none;
    }
  	
	.show{
		display:block; 
        text-align: justify;
    }

	acronym{
        cursor:        help;
        border-bottom: 1px solid #777;
    }

	dt{
        font-weight: bold;
        color:       #FFB323;
    }

	dd{
        margin-left:  0;
        padding-left: 45px;
    }
  	
/**************************************************************
 * Blockquote with included icons                             *
 **************************************************************/
	blockquote{
        margin:              10px 15px;
        padding-left:        27px; 
        background-color:    #444;  
		text-align: 		 center;
        background-image:    url(../images/global/quote.gif);
        background-repeat:   no-repeat;
        background-position: 5px 50%;
        border-radius:        7px;
		-moz-border-radius:   7px;
		-webkit-border-radius:7px; 
	}

	blockquote.danger{
        background-image: url(../images/global/danger.png);
    }

	blockquote.exclamation{
        background-image: url(../images/global/exclamation.gif);
    }

	blockquote.stop{
        background-image: url(../images/global/stop.gif);
    }

	blockquote.go{
        background-image: url(../images/global/go.gif);
    }

	blockquote.empty{
        background-image: url(../images/global/empty.png);
    }

	blockquote.hidden{
        display: none;
    }

/**************************************************************
 * Table                                                      *
 **************************************************************/
	table{
		border-style:    solid;
		border-width:    0px;
        border-collapse: separate;
        border-spacing:  0px;
    }

	td{
		text-align: center;
    }

/**************************************************************
 * Images                                                     *
 **************************************************************/
	.imgBorder{
        border-radius:        7px; box-shadow:         7px 7px 7px grey;
		-moz-border-radius:   7px; -moz-box-shadow:    7px 7px 7px grey;
		-webkit-border-radius:7px; -webkit-box-shadow: 7px 7px 7px grey;
    }

	img.floatRight{
        margin: 5px 0px 10px 15px; 
    }

	img.floatLeft{
		margin: 5px 15px 10px 0px;
    }

	a:hover img{  
        border: 1px solid #8BE6FA !important;
        border: 1px solid #8BE6FA;
    }

	.img{
		width: 90%; 
		border: solid 0px #808080;
		border-radius:         7px; box-shadow:         7px 7px 7px grey;
		-moz-border-radius:    7px; -moz-box-shadow:    7px 7px 7px grey;
		-webkit-border-radius: 7px; -webkit-box-shadow: 7px 7px 7px grey;  
	}
			
	.imgTmb{
		width: 90%; 
		border: solid 2px #808080;
		border-radius:         7px; box-shadow:         7px 7px 7px grey;
		-moz-border-radius:    7px; -moz-box-shadow:    7px 7px 7px grey;
		-webkit-border-radius: 7px; -webkit-box-shadow: 7px 7px 7px grey; 
    }

	#scroll a:hover img{  
        border: 2px solid #F17400 !important;
    }
 	
/**************************************************************
 * Video: Holds the video page content                        *
 **************************************************************/
	#video{
        padding: 0px;
        width:95%; height:auto; 
		border-radius:        7px;  box-shadow:        0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-moz-border-radius:   7px; -moz-box-shadow:    0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-border-radius:7px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    }
    
    #copyright{
        position:relative;top:-790px;left:-22%;
        z-index:10;
    }

/**************************************************************
 * Form Elements                                              *
 **************************************************************/
/*
	label {
  	display: block; }

	input, 
	textarea, 
	select {
  	padding: 2px;
  	font: 400 1em verdana, sans-serif;
  	color: #444;
  	background: #EEE;
  	border: 1px solid #444; }


	input:focus, 
	input:hover, 
	textarea:focus, 
	textarea:hover,
	select:focus,
	select:hover {
  	color: #000;
  	background: #E4F7FA;
  	border: 1px solid #00DFFF; }

	input.button {
  	padding: 2px 5px;
  	font: 400 1.1em "trebuchet ms", serif;
  	color: #555;
  	background: #9FF3FF;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #FFF #00DFFF #00DFFF #FFF; }