@charset "utf-8";

/***** 01 MM Style: MS FONTS IMPORT ************/
@font-face 
{
	font-family:'FontAwesome';
	src: url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.eot?v=4.4.0');
	src: url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
		 url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), 
		 url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.woff?v=4.4.0') format('woff'), 
		 url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), 
		 url('../../../images/microsite_images/AMD_Civilisation_VI/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*  Klavika Regular  */

@font-face{
     font-family: 'KlavikaLightCond';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCond.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCond.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCondensed.woff') format('woff');
}

@font-face{
     font-family: 'KlavikaLightCondItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCondItalicSub.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCondItalicSub.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebLightCondensedItalicSub.woff') format('woff');
}

@font-face{
     font-family: 'KlavikaLight';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicLight.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicLight.woff') format('woff');
}


@font-face{
     font-family: 'KlavikaRegular';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegular.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegular.woff') format('woff');
}

@font-face{
     font-family: 'KlavikaRegularItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegularItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicRegularItalic.woff') format('woff');
}

/*  Klavika Regular Condensed  */
@font-face{
     font-family: 'KlavikaRegularCondensed';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCond.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCond.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCondensed.woff') format('woff');
}

/*  Klavika Regular Condensed Italic  */
@font-face{
     font-family: 'KlavikaRegularCondensedItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCondItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCondItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebRegularCondensedItalic.woff') format('woff');
}


/*  -Klavika Medium-  */

/*  Klavika Medium  */
@font-face{
     font-family: 'KlavikaMedium';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMedium.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMedium.woff') format('woff'); 
}

/*  Klavika Medium Italic  */
@font-face{
     font-family: 'KlavikaMediumItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMediumItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMediumItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicMediumItalic.woff') format('woff');
}

/*  Klavika Medium Condensed  */
@font-face{
     font-family: 'KlavikaMediumCondensed';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCond.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCond.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCondensed.woff') format('woff');
}

/*  Klavika Medium Condensed Italic  */
@font-face{
     font-family: 'KlavikaMediumCondensedItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCondItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCondItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebMediumCondensedItalic.woff') format('woff');
}


/*  -Klavika Bold-  */

/*  Klavika Bold Condensed Italic  */
@font-face{
     font-family: 'KlavikaBoldCondensedItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCondItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCondItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCondensedItalic.woff') format('woff'); 
}

@font-face{
     font-family: 'KlavikaBoldCondensed';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCond.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCond.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBoldCondensed.woff') format('woff'); 
}

@font-face{
     font-family: 'KlavikaBold';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBold.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBold.woff') format('woff'); 
}

@font-face{
     font-family: 'KlavikaBoldItalic';
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBoldItalic.eot');
     src: url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBoldItalic.eot?#iefix') format('embedded-opentype'),
          url('../../../images/microsite_images/AMD_Civilisation_VI/KlavikaWebBasicBoldItalic.woff') format('woff'); 
}

/***** 01 MM Style: MS FRAMEWORK ************/
#thisMain 
{
	width:778px;
	height:auto;
	float:left;
	border-top:none;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	border-bottom:3px solid #cecece;
	-webkit-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
	overflow:hidden;
	background-color:#fff;
}

#thisMain h2,
#thisMain h3,
#thisMain h4,
#thisMain h5,
#thisMain h6,
#thisMain p,
#thisMain a,
#thisMain span,
#thisMain ul,
#thisMain li,
#thisMain label 
{ 
font-weight:400; color:#fff;
}

#thisMain .section
{
	width:780px;
	float:left;
	padding:0px;
	margin:0px;
	margin-left:-1px !important;
	display:block;
	position:relative;
}

#thisMain .col-1_1
{
	width:740px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

#thisMain .col-1_2
{
	width:350px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
	float:left;
}

#thisMain .col-1_3
{
	width:220px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
	float:left;	
}
#thisMain .col-1_4
{
	width:155px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
	float:left;	
}
#thisMain .col-2_3
{
	width:480px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
	float:left;	
}

#thisMain hr
{
	border:none;
	height:0px;
	width:100%;
	clear:both;
	display:block;
}
/********************************************/

/***** 03 MM Style: MS HEADLINES ************/
#thisMain h2
{
	font-family: 'KlavikaRegular', Verdana, sans-serif;
	font-size:70px;
	text-transform:none;
	line-height:1em;
	margin:0;
	margin-bottom:15px;
	padding:0;
	color:#000;
}

#thisMain h3
{
	font-family:'KlavikaRegularCondensed', Verdana;
	display:inline-block;
	font-size:30px;
	font-weight:normal;
	padding-bottom:5px;
	margin:0px;
	color:#000;
	letter-spacing:normal;
	text-transform:none;	
}

#thisMain h4
{
	font-family:'KlavikaRegularCondensed', Verdana;
	display:inline-block;
	font-size:17.9px;
	font-weight:normal;
	padding-bottom:5px;
	margin:0px;
	color:#000;
	text-transform:normal;
	letter-spacing:normal;
}

#thisMain h5
{
	font-family:'KlavikaRegularCondensed', Verdana;
	display:inline-block;
	font-size:30px;
	font-weight:normal;
	padding-bottom:5px;
	margin:0px;
	color:#fff;
	letter-spacing:normal;
	text-transform:none;	
}

#thisMain h6
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:16px;
	text-transform:none;
	line-height:1.1em;
	margin:0;
	margin-bottom:0px;
	padding:0;
}
/********************************************/

/***** 04 MM Style: MS TEXT *****************/

#thisMain strong
{
	font-weight:600;
}

#thisMain p
{
	font-family: 'KlavikaRegular', Verdana, sans-serif;
	font-size:16px;
	text-transform:none;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:0px;
}

#thisMain a
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:13px;
	text-transform:none;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
	color:#000;
}

#thisMain p.teaser
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:26px;
	text-transform:none;
	line-height:1.1em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}

#thisMain p.teaser-small
{
	font-family: 'KlavikaRegularCondensedItalic', Verdana, sans-serif;
	font-size:20px;
	text-transform:none;
	line-height:1.1em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}

#thisMain p.teaser-small a
{
	font-size:inherit;
	font-family:inherit;
	color:#F00;
}

#thisMain p.art-nr
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;
	text-transform:none;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}

#thisMain p.art-desc
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;
	text-transform:none;
	line-height:1.1em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}

#thisMain p.prize
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:32px;
	text-transform:none;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
}

#thisMain p.ust {
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;
	text-transform:none;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
	color:#d4d2d2;
}

#thisMain p.ust a
{
	font-family: inherit;
	font-size: inherit;
	text-transform:none;
	text-decoration:underline;
	line-height:1.3em;
	margin:0;
	padding:0;
	margin-bottom:20px;
	margin-top:10px;
	color:inherit;
}

#thisMain a.button
{
	background:#ed1c24;
	color:#fff;
	display:inline-block;		
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:600;
	padding-left:24px;
	padding-right:24px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ed1c24;
	cursor:pointer;
	margin-top:10px;
}

#thisMain a.button::after 
{
	font-family: 'FontAwesome';
  	content: "\f04b";
	margin-left:10px;
}

#thisMain a.button:hover
{
	background:#333;
	color:#fff;
	display:inline-block;		
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:600;
	padding-left:24px;
	padding-right:24px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #666;
	cursor:pointer;
	margin-top:10px;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;
}

/***** MM Style: MS LIST *****************/
#thisMain ul.art-detail
{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border-top:2px dotted rgba(255, 255, 255, 0.2);
	border-bottom:2px dotted rgba(255, 255, 255, 0.2);
}

#thisMain ul.art-detail > li
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#fff;
	list-style:none;
	margin:0;
	margin-left:15px;
	margin-bottom:5px;
	padding:0;
}

#thisMain ul.art-detail > li:before
{
	font-family: 'FontAwesome';
	content:'\F138';
	color:#76b800;
	font-size:14px;
	margin-left:-20px;
	position:absolute;
}
/*****************************************/

/***** MM Style: MS IMAGES ***************/
#thisMain div > img { max-width:100%; }
#thisMain div > a > img { max-width:100%; }
/*****************************************/


/***** MM Style: MS FORMULARE ************/
#thisMain form
{
	width:740px;
	float:left;
	padding:0px;
	padding-bottom:25px;
	margin:0px;
	margin-left:20px;
	margin-top:25px;
	margin-bottom:25px;
	display:block;
	background-color:rgba(255,255,255,0.2);
	position:relative;
	border:1px solid rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.7);
			box-shadow: 0 0 15px -5px rgba(0,0,0,0.7);	
}

#thisMain div.form_title
{
	width:700px;
	padding:20px;
	padding-top:20px;
	padding-bottom:10px;
	float:left;
	background-color:rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(255,255,255,0.4);
	-webkit-box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);	
}

#thisMain form > div.col-1_1
{
	width:700px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

#thisMain form > div.col-1_2
{
	width:330px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;	
	float:left;
}
#thisMain input[type=text]
{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:16px;
	border:2px solid rgba(0,0,0,0.3);
	transition: all 0.5s;	
	-webkit-box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);	
}

#thisMain input[type=text]:focus
{
	border:2px solid #ed1c24;
	outline:0;
	transition: all 0.5s;	
	-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);	
}

#thisMain label
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:16px;
	text-transform:none;
	line-height:1.1em;
	margin:0;
	margin-top:15px;
	padding:0;
	width:100%;
	float:left;
}

#thisMain select
{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;
	border:2px solid rgba(255,255,255,0.3);
	transition: all 0.5s;	
	-webkit-box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);	
}

#thisMain textarea
{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;
	border:2px solid rgba(255,255,255,0.3);
	transition: all 0.5s;	
	-webkit-box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow:inset 0 0 15px -5px rgba(0,0,0,0.5);	

}

#thisMain textarea:focus
{
	border:2px solid #006;
	outline:0;
	transition: all 0.5s;	
	-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
			box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);	
}

#thisMain input.datei_upload
{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:16px;
	border:1px solid #999;
	background-color:#CCC;
}

#thisMain .saved
{
	width:680px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	float:left;
	border:1px solid #F00;	
	border-left:10px solid #F00;
	border-right:10px solid #F00;
	text-align:center;
	margin-bottom:20px;
	background-color:rgba(0,0,0,0.1);
}

#thisMain .saved p
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:32px;	
	color:#F00;
}

#thisMain .messages
{
	width:680px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	border:1px solid #ed1c24;	
	border-left:10px solid #ed1c24;
	border-right:10px solid #ed1c24;	
	margin-bottom:20px;
	background-color:rgba(0,0,0,0.1);
}

#thisMain .messages > ul 
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#thisMain .messages > ul li
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:14px;	
}

#thisMain .messages > ul li:before
{
	font-family: 'FontAwesome';
	content:'\f071';
	color:#ed1c24;
	font-size:14px;
	height:100%;
	margin-right:10px;
}

#thisMain .messages > p
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:18px;
	margin-top:0px;
}

#thisMain .messages > p span
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:18px;
	margin-top:0px;
	color:#ed1c24;
}

#thisMain button 
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	color:#fff;		
	text-decoration:none;
	font-weight:400;
	font-size:18px;
	text-transform:none;
	background-color:#ed1c24;
	margin-top:10px;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	transition: all 0.5s;
	border:none;
	cursor:pointer;
}
#thisMain button::after 
{
	font-family: 'FontAwesome';
  	content: "\f0a9";
	margin-left:10px;
}

#thisMain button:hover
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	color:#fff;		
	text-decoration:none;
	font-weight:400;
	font-size:18px;
	text-transform:none;
	background-color:#666;
	margin-top:10px;	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	transition: all 0.5s;
	cursor:pointer;	
}
/*****************************************/

#thisMain ul.teilnahmebedingungen
{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border-top:2px dotted rgba(255, 255, 255, 0.2);
	border-bottom:2px dotted rgba(255, 255, 255, 0.2);
}

#thisMain ul.teilnahmebedingungen > li
{
	font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#fff;
	list-style:decimal;
	margin:0;
	margin-left:15px;
	margin-bottom:5px;
	padding:0;
}

/*************************/
.beendetFormText{position:absolute;margin:200px 0 0 200px;background:#de113a;color:#FFF;font-weight:bold;font-family: 'KlavikaRegularCondensed', Verdana, sans-serif;font-size:46px;padding:15px;
transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
}

button.disabled{cursor:not-allowed !important;background:#555 !important;color:#FFF !important;}
.beendetFormOverlay{position:absolute;width:100%;height:100%;background:#000;opacity:.75;}