/* @override 
	http://localhost:9678/master.css
	http://atag.accessiblemedia.at/styles/master10.css
*/


/* 
html5doctor.com Reset Stylesheet
v1.5 
Last Updated: 2010-08-12
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

a {
	color: #5F111F;
	padding: 0;
}

a:hover, a:focus {
	color: #5F111F;
	background-color: #ff9;
}

a img {
	text-decoration: none;
	border: none;
	outline: none;
}

header a {
	text-decoration: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav {
	position: relative;
	z-index: 1000;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[lang] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


html {
	background-image: url(/img10/tile-bg-atag2010.jpg);
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	line-height: 1.5;
	padding: 0;
	color: #333;
	zoom:1;
	font-family: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", sans-serif;
}

nav ul {
	float: left;
	margin: 0 !important;
	padding: 0;
	width: 100%;
	background-color: #5F111F;
	-webkit-box-shadow: 0 0 4px #2E120E;
	-moz-box-shadow: 0 0 4px #2E120E;
	-o-box-shadow: 0 0 4px #2E120E;
	box-shadow: 0 0 4px #2E120E;
	font-family: "proxima-nova-condensed-1", "proxima-nova-condensed-2", "Helvetica Neue", sans-serif;
}

nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

nav li a {
	float: left;
	margin: 0;
	padding: 3px 5px;
	color: #fff;
	text-align: center;
}

nav li a:hover, nav li a:focus {
	color: #5F111F;
	background-color: #ff9 !important;
}

nav {
	padding: 0 20px;
}

.start .startseite a,
.vortragende .vortragende a,
.anmeldung .anmeldung a,
.programm .programm a,
.ort .ort a,
.kontakt .kontakt a {
	  background-color: #ff9;
	  background-color: rgba(255, 255, 255, 0.4);  
	            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#66FFFFFF',EndColorStr='#66FFFFFF'); 
	        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66FFFFFF',EndColorStr='#66FFFFFF')"; 
	font-weight: bold;
	color: #5F111F\9;
}


header {
	position: relative;
}

header h1 {
	clear: both;
	padding: 30px 25px;
	line-height: 1.1;
}

header h1 a {
	font-size: 3em;
	color: #fff;
}

header h1 a span.claim{
	font-size: .4em;
	display: block;
	font-style: italic;
	font-weight: normal;
	text-transform:none;
	font-family: "proxima-nova-condensed-1", "proxima-nova-condensed-2", "Helvetica Neue", sans-serif;
}

.noshow {
	position: absolute;
	left: -1000em;
}

#sprunglinks li {
	display: inline;
}

section#speaker {
	padding: 0 20px;
}

#content {
	font-size: 14px;
	float:left;
	width:100%;
}

#headeranmeldung {
	position: absolute;
	right: 20px;
	top: 4em;
	width: 18em;
	font-size: 14px;
	background-color: #FAEEC4;
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 4px #2E120E;
	-moz-box-shadow: 0 0 4px #2E120E;
	-o-box-shadow: 0 0 4px #2E120E;
	box-shadow: 0 0 4px #2E120E;
}

#headeranmeldung a, #headeranmeldung abbr, #headeranmeldung small {
	display: block;
}

#headeranmeldung abbr {
	border-bottom: none;
}

.anmeldebutton {
	color: #fff;
	background-color: #5F111F;
	padding: 3px 15px 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px #fff;
	-moz-box-shadow: 0 0 2px #fff;
	-o-box-shadow: 0 0 2px #fff;
	box-shadow: 0 0 2px #fff;
	margin-top: 10px;
	font-weight: bold;
	text-shadow: 0 0 1px #fff;
}

.anmeldebutton span {
	font-weight: bold;
}

.map {display:none;}
.desktop {display:block;}

.g .i {
	padding: 0 5px;
	display: block;
}
/*
.g .bl {
	padding-left: 3px;
	border-left: 2px solid #2E120E;
}

.g .br {
	padding-right: 3px;
	border-right: 2px solid #2E120E;
}
*/
.c8,.c9,.c10, .c4, .c2, .c3 {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.g, .g2 {
	float: left;
}

.c10 .g {
	width: 10%;
}

.c9 .g {
	width: 11.1%;
}

.c8 .g {
	width: 12.5%;
}

.c4 .g {
	width: 25%;
}

.c3 .g {
	width: 33.3%;
}

.c3 .g2 {
	width: 66.3%;
}

.c2 .g {
	width: 50%;
}


section#speaker .vcard a {
	display: block;
	font-family: "proxima-nova-condensed-1", "proxima-nova-condensed-2", "Helvetica Neue", sans-serif;
	font-weight: 600;
	font-size:14px;
	background-color: transparent;
	font-weight:bold;
}

section#speaker .vcard {
	list-style: none;
}

section#speaker .vcard img,
#listevortragende img,
.timeroom img {
	border: 5px solid #fff;
	width: 85%;
	max-width:90px;
	max-height:105px;
	margin: 0;
	display: block;
	-webkit-transition: -webkit-transform 1s, -webkit-box-shadow 2s;
	-moz-transition: -moz-transform 1s, -moz-box-shadow 2s;
	-o-transition: -o-transform 1s, -o-box-shadow 2s;
	transition: transform 1s, box-shadow 2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	     -moz-box-shadow: none; 
	  -webkit-box-shadow: none; 
	          box-shadow: none; 
	z-index:100;
	position:relative;
}

section#speaker .vcard:hover img,
section#speaker .vcard a:focus img,
#listevortragende img {
	-webkit-transform: scale(1.3) rotate(4deg);
	-moz-transform: scale(1.3) rotate(4deg);
	-o-transform: scale(1.3) rotate(4deg);
	transform: scale(1.3) rotate(4deg);
	     -moz-box-shadow: 0px 0px 10px #000; 
	  -webkit-box-shadow: 0px 0px 10px #000; 
	          box-shadow: 0px 0px 10px #000; 
	z-index:101;	
	border-color:#ff9;
}

#listevortragende img {
	width:20%;
	margin: 10%;
	border-color:#fff;
}

.timeroom img {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
	width:95px;
	margin: 0 auto;
}

section#speaker ul .vcard:nth-child(2):hover img,
section#speaker ul .vcard:nth-child(2) a:focus img,
#listevortragende li:nth-child(2) img {
	-webkit-transform: scale(1.3) rotate(-2deg);
	-moz-transform: scale(1.3) rotate(-2deg);
	-o-transform: scale(1.3) rotate(-2deg);
	transform: scale(1.3) rotate(-2deg);
}

section#speaker ul .vcard:nth-child(3):hover img,
section#speaker ul .vcard:nth-child(3) a:focus img,
#listevortragende li:nth-child(3) img {
	-webkit-transform: scale(1.3) rotate(2deg);
	-moz-transform: scale(1.3) rotate(2deg);
	-o-transform: scale(1.3) rotate(2deg);
	transform: scale(1.3) rotate(2deg);
}

section#speaker ul .vcard:nth-child(4):hover img,
section#speaker ul .vcard:nth-child(4) a:focus img,
#listevortragende li:nth-child(4) img {
	-webkit-transform: scale(1.3) rotate(5deg);
	-moz-transform: scale(1.3) rotate(5deg);
	-o-transform: scale(1.3) rotate(5deg);
	transform: scale(1.3) rotate(5deg);
}

section#speaker ul .vcard:nth-child(5):hover img,
section#speaker ul .vcard:nth-child(5) a:focus img,
#listevortragende li:nth-child(5) img {
	-webkit-transform: scale(1.3) rotate(-2deg);
	-moz-transform: scale(1.3) rotate(-2deg);
	-o-transform: scale(1.3) rotate(-2deg);
	transform: scale(1.3) rotate(-2deg);
}

section#speaker ul .vcard:nth-child(6):hover img,
section#speaker ul .vcard:nth-child(6) a:focus img,
#listevortragende li:nth-child(6) img {
	-webkit-transform: scale(1.3) rotate(-6deg);
	-moz-transform: scale(1.3) rotate(-6deg);
	-o-transform: scale(1.3) rotate(-6deg);
	transform: scale(1.3) rotate(-6deg);
}

section#speaker ul .vcard:nth-child(7):hover img,
section#speaker ul .vcard:nth-child(7) a:focus img,
#listevortragende li:nth-child(7) img {
	-webkit-transform: scale(1.3) rotate(4deg);
	-moz-transform: scale(1.3) rotate(4deg);
	-o-transform: scale(1.3) rotate(4deg);
	transform: scale(1.3) rotate(4deg);
}

section#speaker ul .vcard:nth-child(8):hover img,
section#speaker ul .vcard:nth-child(8) a:focus img,
#listevortragende li:nth-child(8) img {
	-webkit-transform: scale(1.3) rotate(-2.5deg);
	-moz-transform: scale(1.3) rotate(-2.5deg);
	-o-transform: scale(1.3) rotate(-2.5deg);
	transform: scale(1.3) rotate(-2.5deg);
}


#bd {
	margin: 30px 0;
	clear:both;
	padding: 15px 30px;
	  background-color: #FFFFFF;
	  background-color: rgba(255, 255, 255, 0.6);  
	            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF'); 
	        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; 
	font-size: 14px;
}


.readmore {
	display: block;
	font-weight: 700;
	-webkit-transition: padding-left .3s;
	padding: 0;
}

.readmore:hover, .readmore:focus {
	padding-left: 10px;
}

#bd h1 {
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
}

#ft {
	clear: both;
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #aaa;
}

.veranstaltung, .veranstaltungsort, .veranstalter {
	padding-left:40px;
	background: url(/img10/calendar-ok.png) no-repeat top left;
}
.veranstaltungsort {
	padding-left:40px;
	background: url(/img10/compass.png) no-repeat top left;
}
.veranstalter {
	padding-left:40px;
	background: url(/img10/conversation.png) no-repeat top left;
}

#logos {
	font-size:18px;
	text-align:center;
}

#logos img {
	vertical-align:middle;
}

.amlogo {
	margin: 10px 0;
	display: block;
}

.socialicons {
	padding-top:20px;
}

#listevortragende li {
	list-style: none;
	margin-bottom:30px;
}

#listevortragende img {
	float:right;
}

p.linktovortrag {
	padding-top: 15px;
}

.inboundlinks {
	float:left;
	width:100%;
	margin:0;
	padding: 0 0 30px;
	font-family: "proxima-nova-condensed-1", "proxima-nova-condensed-2", "Helvetica Neue", sans-serif;
	font-size: 16px;
}

.inboundlinks li {
	float:left;
	border-right: 2px solid #bbb;
	padding: 2px 5px;
	list-style: none;
}

.inboundlinks li:last-child {
	border-right: none;

}

table#programm {
	width:100%;
	border:none;
	margin:30px 5px;
}

table#programm th, table#programm td {
	padding:10px;
}

table#programm thead th{
	font-size: 16px;
}

table#programm thead th:first-child {
	text-align:right;
}


table#programm tbody th{
	width: 30%;
	text-align:right;
	font-weight:normal;
}

table#programm th,
table#programm tbody td {
	border-bottom: 1px solid #999;
	text-align:left;
}

#proglist				{float: left; width:100%;}
#proglist, #proglist ul {list-style:none;}
.timeroom				{text-align:center;}

.thetimeroom {
	display:block;
	padding: 5px;
	font-size:16px;
	font-weight:bold;
	font-family: "proxima-nova-condensed-1", "proxima-nova-condensed-2", "Helvetica Neue", sans-serif;
}

.thetimeroom span {display:block;}

.ort h2, .ort h3, .ort h4 {
	margin: 30px 0 0;
}

.ort h4 { margin-top:5px; font-weight:normal; font-style:italic;}

.ort h2 {
	font-size: 16px;
}

.ort ul, ol { margin-left:20px; }

label, input, textarea{
	display:block;
	width:100%;
}

input, textarea {margin-bottom:15px;}
textarea {height:3em;}

div.checkbox div {float:left; width:100%; clear:both;}

.checkbox input {
	width: 30px;
	float:left;
}

.checkbox label {
	padding-left: 35px;
}

#partnr {
    margin: 2em 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    zoom: 1;
    clear: both;
}

#partnr h2 {
    font-size: 1em;
    font-style: normal;
    font-weight:normal;
    text-align: left;
    padding: 1em 0 .5em;
}

#partnr ul {
    float: left;
    width: 100%;
}

#partnr li {
    display: inline !important;
}

#partnr li a {
    display: block;
    float: left;
    margin-right: .5em;
    border:0;
}

#partnr li a img {
    background-color: #fff;
    padding: 5px;
}

.tags ul, .tags ul li {
	float: left;
}

div.tweets, div.attendees, div.flickr{
	float: left;
	width: 20%;
}

div.tweets {
	width: 250px;
	flat:left;
}

div.attendees {
	width: 60%;
}

div.attendees li {
	display: inline-table;
	width: 48%;
	margin: 0 1% 1% 0;
	background-color: #fff;
	padding: 5px;
	vertical-align: top;
	height: 200px;
	border: 5px solid #54747c;
	list-style: none;
	/*IE hackathon*/
	float:left\0; /* IE6—8 */
}

div.attendees li:nth-of-type(1n){ /* overwrite for ie9 which still also reads the \9 hack */
    float:none;
}

div.attendees li img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}

div.attendees p.meta {
	clear: both;
	padding: .5em 0;
	font-size: 13px;
	line-height: 1.25;
	overflow: auto;
}

div.attendees span.name {
	display: block;
	font-weight: bold;
	line-height: 1;
}

div.restofpage {
	padding-left: 270px;
}

ul.flickr li {
	display: inline-table;
	margin: 0 5px 5px 0;
	border: 5px solid #fff;
	vertical-align: middle;
}

ul.flickr li img {
	display: block;
}

.interaktiv #content h2 {
	margin: 0 0 2em 0;
}

.interaktiv #content .anmeldebutton {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5%;
}

.tweets, .restofpage {
	padding-top: 2em;
}

h3#unterlagen {
	font-weight: normal;
	font-size: 1.2em;
	margin: 1em 0 .3em;
}

#transkription h3 {
	padding: .5em 0;
	margin: .5em 0;
	border-top: 3px solid #666;
}

#transkription h4 {
	margin: 1em 0 1em 3px;
	padding: 5px 4px;
	border-left: 3px double #666;
}

#transkription p {
	margin: 1em 0 1em 10px;
}

audio {
	width: 100%;
}

table audio {
    max-width: 300px;
}

figure, figcaption {
	display: block;
	width: 100%;
}

figure {
	background-color: #000;
}

figure figcaption {
	color: #fff;
	font-weight: normal;
	padding: 3px 10px;
	text-align: center;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
}

figure img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	div.attendees li {
		width: 49%;
	}
}

@media screen and (max-width: 600px) {
  
	.c9 .g {
		width: 33%;
		height: 150px;
	}
	
	.c10 .g {
		width: 20%;
		height: 150px;
	}

	.c8 .g {
		width: 25%;
	}

	.c4 .g {
		width: 50%;
	}

	.c3 .g {
		width: 100%;
	}

	.c3 .g2 {
		width: 100%;
	}

	.c2 .g {
		width: 100%;
	}
	
	#headeranmeldung {
		position:static;
		margin:20px;
		width: auto;
	}

	div.desktop {display:none;}
	div.mobile {display:block;}
	
	div.attendees li {
		width: 100% !important;
	}

div.attendees {
	width: 30%;
}

div.restofpage {
	clear: both;
	width: 100% !important;
	padding: 0 !important;
}

div.attendees {
	clear: both;
	width: 100% !important;
}

div.attendees li {
	height: auto;
}

div.flickr {
	clear: both;
	width: 100% !important;
}

.interaktiv #content .anmeldebutton {
	display: block;
}
	
}