/*********************************************/
/*********** Standardeinstellungen ***********/
/*********************************************/
	*{
		padding		     	: 0;
		margin			    : 0;
		line-height         : 1.5em;
	}
	html, body
	{
		height			    : 100%;
	}
	body
	{
		margin		      	: 0 0 15px 0;
		font-size	       	: 0.80em;
		font-family	      	: Arial, Helvetica;
		line-height		    : 1.4em;
		color			    : #923e34;
		background-color	: #6f9196;

	}
	.clear
	{
		clear			: both;
		visibility		: hidden;
	}
	

/*****************************/
/*********** Links ***********/
/*****************************/
	a
	{
		text-decoration		: underline;
		color			    : #721e14;
	}
	a:hover
	{
		color			    : #000;
	}
	a:visited
	{
		font-style	   	: italic;
	}


/*************************************/
/*********** Überschriften ***********/
/*************************************/
	h1, h2, h3, h4, h5, h6
	{
		color			: #923e34;
        font-weight     : normal;
	}
	h1
	{
		font-size		: 1.6em;
	}
	h2
	{
		font-size		: 1.4em;
	}
	h3
	{
		color			: #333;
		font-size		: 1.2em;
	}
	h4
	{
		font-size		: 1.1em;
	}
	h5
	{
		font-size		: 1.0em;
	}
	h6
	{
		font-size		: 0.9em;
	}

/********************************/
/*********** Messages ***********/
/********************************/
    #message
    {
        position            : absolute;
        left                : 0;
        top                 : 0;
        padding             : 0px 0 0 10px;
        width               : 100%;
        height              : 35px;
        background-image    : url(../graphic/design/background/message.png);
        background-repeat   :  repeat-x;
    }
    #message .message
    {
        margin-bottom: 0;
    }
	.message
	{
	    margin-top          : 5px;
		margin-bottom		: 10px;
		padding-left		: 25px;
		width		       	: 100%;
		font-weight		    : bold;
		background-repeat	: no-repeat;
		background-position	: 0 0;
	}
	.message.warning
	{
		color			    : #ee0;
		border-color		: #ee0;
		background-image	: url(../graphic/design/icons/warning.png);
	}
	.message.error
	{
		color			    : #a00;
		border-color		: #a00;
		background-image	: url(../graphic/design/icons/error.png);
	}
	.message.success
	{
		color			    : #080;
		border-color		: #080;
		background-image	: url(../graphic/design/icons/success.png);
	}
	.message.blank
	{
		padding		    	: 0;
	}
	.message.default
	{
		color			    : #777;
		border-color		: #777;
		background-image	: url(../graphic/design/icons/info.png);
	}
	.message.error.blank
	{
		border			: 0;
		padding			: 0;
	}


/********************************/
/*********** Struktur ***********/
/********************************/
	header, nav, section, footer, aside
	{
		display: block;
	}
	#page
	{
		width	       		: 933px;
        margin              : auto;
		text-align	       	: left;
        background-image    : url(../graphic/design/background/page.png);
        background-repeat   : no-repeat;
        background-position : 0 0;

	}


	/*********** Body ***********/
	#body
	{
        padding             : 48px 0 0 49px;
        width		       	: 884px;
	}

    header
    {
        margin              : 0 37px 0 0;
        width               : 835px;
        height              : 248px;  
    }
    aside#head
    {
        width               : 184px;
        margin-left         : 651px;
    }
        aside#head #imprint
        {
            padding-left        : 4px;
            height              : 24px;
            width               : 180px;
        }
        aside#head #imprint a,
        aside#head #imprint a:visited
        {
            color               : #fff;
            font-size           : 0.85em;
            text-decoration     : underline;
            font-style          : normal;
        }
        aside#head a#button
        {
            display             : block;
            margin-top          : 10px;
            height              : 83px;
            width               : 175px;
        }
        aside#head #button-image
        {
            border              : 0;
            height              : 83px;
            width               : 175px;
        }
        aside#head #nundp
        {
            margin-top          : 97px;
            border              : 0;
            height              : 78px;
            width               : 106px;  
        }
        aside#head #autodesk
        {
            border              : 0;
            height              : 30px;
            width               : 106px;
        }

	#content
	{
        min-height          : 244px;
        padding             : 0 0 50px 0;
		width			    : 835px;
        background-image    : url(../graphic/design/background/body.png);
        background-repeat   : no-repeat;
        background-color    : #e0eef0;
        float               : left;        
	}
    #container
    {
        float               : left;
        width               : 559px;
        margin              : 0 20px 0 72px;
    }
    aside#download
    {
        float               : left;
        width               : 184px;
        margin-top          : 30px;
    }
    a#arrow
    {
        display             : block;
        width               : 37px;
        height              : 244px;
        float               : left;
        background-image    : url(../graphic/design/background/aside.png);
        background-repeat   : no-repeat;
    
    }



/***************************************/
/*********** Hauptnavigation ***********/
/***************************************/
    nav
    {
        width:  605px;
        padding-left        : 230px;
        height              : 20px;
        overflow            : hidden;
    }
	nav ul
	{
		list-style		: none;
	}
	nav ul li
	{
	   float           : left;
    }
	nav ul li a,
    nav ul li a:visited
	{
	    text-decoration    : none;
	    font-size          : 1.0em;          
        font-weight        : bold;
        font-style         : normal;
        color              : #fff;      
		display	      	   : block;
		height		       : 19px;
		padding            : 1px 0 0 0;
        text-align         : center;
	}
    nav ul li a:hover
    {
        color               : #d6790e;
        background-color    : #fff;
    }
    nav ul li.active a
    {
        color               : #d6790e;
        background-color    : #fff;
    }

    nav ul li.gewinner a
    {
        width               : 100px;
    }

    nav ul li.wettbewerb a
    {
        width               : 100px;
    }
    nav ul li.jury a
    {
        width               : 50px;
    }
    nav ul li.kategorien a
    {
        width               : 90px;
    }
    nav ul li.bewertung_preise a
    {
        width               : 150px;
    }
    nav ul li.anmeldung a
    {
        width               : 90px;
    }
    
/********************************/
/*********** Gewinner ***********/
/********************************/

    .gewinner-list-images
    {
        float: left;
        width: 200px;
        margin-top: 30px;
    }
    ul.gewinner-list
    {
        float           : left;
        width           : 339px;
        margin: 20px 0 20px 20px;
    }
    ul.gewinner-list li
    {
        margin-bottom: 5px;
    }
    .gewinner-image-text
    {
        width       : 290px;
        margin-right: 19px;
        float: left;
    }
    .gewinner-image-box
    {
        width: 250px;
        float: left;
        font-size: 0.8em;
    }
    img.gewinner-image
    {
        border: 0;
        width: 250px;
        height: 166px;
    }
    
/*******************************/
/*********** Inhalte ***********/
/*******************************/
    img
    {
        border          : 0;
    }
    table
    {
        border          : 0;
        border-spacing  : 0;
    }
    table td, table tr
    {
        margin          : 0;
        padding         : 0;
    }
	p
	{
		margin			: 0 0 10px 0;
	}
    p.user-code
    {
        text-align          : center;
        font-weight         : bold;
        font-size           : 1.6em;
    }
    h1#headline
    {
        margin              : 30px 0 25px 105px;
        font-size           : 2.1em;
        line-height         : 1.0em;
        font-weight         : normal;
    }
    ul.list
    {
        margin              : 0 0 15px 35px;
    }
    ul.list li
    {
        padding             : 3px 0 3px 10px;
    }
    a.button-pdf
    {
        display             : block;
        font-size           : 0.85em;
        padding-left        : 42px;
        padding-bottom      : 15px;
        background-image    : url(../graphic/design/button/pdf.png);
        background-position : 0 2px; 
        background-repeat   : no-repeat;
    }
    a.button-doc
    {
        display             : block;
        font-size           : 0.85em;
        padding-left        : 42px;
        padding-bottom      : 15px;
        background-image    : url(../graphic/design/button/doc.png);
        background-position : 0 2px;
        background-repeat   : no-repeat;
    }
    
    /* SWF Upload */
    
    #upload-cancel
    {
        float: left;
        height: 23px;
        margin-right: 10px;
        padding     : 0 10px 0 10px;
        
    }
    
    div.fieldset
    {
	   border:  1px solid #afe14c;
	   margin: 30px 0 15px 0;
	   padding: 5px 10px 15px 10px;
    }
    div.fieldset span.legend
    {
	   position            : relative;
	   background-color    : #e0eef0;
	   padding             : 3px;
	   top                 : -15px;
	   font                : 700 14px Arial, Helvetica, sans-serif;
	   color               : #923e34;
    }

    div.flash
    {
	   width: 375px;
	   margin: 30px 5px 15px 0px;
	   border-color: #999999;

	   -moz-border-radius-topleft : 5px;
	   -webkit-border-top-left-radius : 5px;
       -moz-border-radius-topright : 5px;
       -webkit-border-top-right-radius : 5px;
       -moz-border-radius-bottomleft : 5px;
       -webkit-border-bottom-left-radius : 5px;
       -moz-border-radius-bottomright : 5px;
       -webkit-border-bottom-right-radius : 5px;
    }
    
    /* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}
  
    /* Impressum */
    p.imprint
    {
        text-align          : justify;
        margin-bottom       : 20px;
    }
    h2.imprint
    {
        margin-top          : 30px;   
    }
    .imprint-container
    {
        width               : 289px;
        float               : left;
    }
    .imprint-details
    {
        margin-top          : 20px;
    }
    .imprint-images
    {
        font-size           : 0.9em;
    }
    
    table.imprint
    {
        
    }
    
    table.imprint td.title
    {
        padding-right       : 20px;
        font-weight         : bold;
    }