/*
THEME NAME: dodd
THEME URI: http://departmentofdesign.de
DESCRIPTION: department of design dessau theme
VERSION: 0.1
AUTHOR: Dirk Schmid, Steve Michaelis
AUTHOR URI: http://www.dirokc.de/ 	 http://www.stevemichaelis.de/  
*/


/*
departmentofdesign css
*/

	
/* =structure */
#access {
	left:-9999px;
	position:absolute;
	top:0;
}

#footer {
	border-top:1px solid #eee;
	clear:both;
	font-size:.9em;
	padding:4px 0 36px;
        width:1000px;
        top:64px;
	margin:0px auto;
        position:relative;
}

#footer a {
	font-weight:bolder;
}

#header {
        height:50px;
        width:1000px;
	margin:0 0 0px;
	 padding-top: 10px;
	text-transform:uppercase;
}

#header a:hover {
	text-decoration:none;
        font-color:#444;
}

#header h1 a {
	font-size:1.8em;
        font-color:#444;
	font-weight:normal;
	letter-spacing:-.05em;
	position:relative;
}

#wrapper {
	font:1.2em/1.6 helvetica, Arial, verdana, sans-serif;
	margin:0;
        letter-spacing:0.03em;
        width:1000px;
	margin:0 auto;
}

body {
	background-color:#fff;
	color:#444;
	margin:0 auto;

}

h2 {
        border-bottom: 0px solid #000;

}

	
/* =nav */
#nav-above {
	display:none;
}

#nav-below {
	clear:both;
	float:left;
	padding:0px 0px 0px;
	width:1000px;
        height:50px;
}

.archive .nav-next,.archive .nav-previous,.search .nav-next,.search .nav-previous {
	background:#fff;
}

.browse {
	background:#eee;
	color:#fff;
	font-size:2em;
	margin-bottom:2px;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}

.browse h3 {

	position:relative;

}

.nav-excerpt {
	background:#eee;
	display:inline;
	float:left;
	margin:2px 0 2px 4px;
	min-height:60px;
	padding:5px;
	position:relative;
	width:360px;
        display:none;
}

.nav-next,.nav-previous,.home_archive,.home_pages{
	background:#eee;
	color:#fff;
	float:left;
	font-size:1em;
	min-height:1.6em;
	margin:0px 0;
	padding:15px;
	position:relative;
	width:470px;
        height:50px;
}

.suche {
	float:right;
	font-size:1em;
        bottom:2em;
	margin:0px auto;
        padding:0px;
        width:250px;
        position:relative;


}
.suche #searchform {

float:right;

}
.suche #s {

        float:left;
      	right:0px;
		background:#eee;
		background-image: url(http://departmentofdesign.de/ssau/wp-content/themes/dodd/img/search.png);
		background-position: right;
		background-repeat: no-repeat;
        boarder:solid 0px #111;
        width:250px;
        height:1.6em;
        font: helvetica, arial, sans-serif;

}


	
/* =home */
.bigdate {
	color:#fff;
	font-size:2.4em;
	font-weight:bolder;
	left:0px;
	position:absolute;
	top:0px;
	line-height: 1em;
	text-transform:uppercase;

}
.bigdate a{
	color:#fff;
    text-decoration: none;
}

.home #footer {
        width:1000px;
	margin:0 auto;
}

.home .post {
	background:#eee;
	display:inline;
	float:left;
	height:200px;
	margin:0px;
	overflow:hidden;
	position:relative;
	width:1000px;
        padding:0px;
            margin-top: 1em;

}

.home .post img {

}

.home .post-content {
	-moz-opacity:0.0;

	top:0;
	filter:alpha(opacity=0);
	font-size:1.0em;
	font-weight:900;
        font-style:bold;
	left:0;
	opacity:0.0;
	padding:15px;
	position:absolute;
	width:470px;
        left:0px;
        height:170px;
        padding-left:515px;
        text-transform:none;
        border-left:0px solid;
        background: url('http://departmentofdesign.de/ssau/img/hover_hintergrund.gif');

        
}


.home .post-content-space {
	-moz-opacity:0.0;

	top:0;
	filter:alpha(opacity=0);
	font-size:1.0em;
	font-weight:900;
        font-style:bold;
	left:0;
	opacity:0.0;
	padding:0px;
	position:absolute;
	width:500px;
        left:0px;
        height:170px;
        text-transform:none;


        
}

.home .post-content h2 {
	font-size:1.4em;
	font-weight:900;
        line-height:1.0em;
        font-style:bold;
        text-transform:uppercase;
        border-bottom: 0px solid #000;
        
}

.home .post-content-excerpt {
	display:block;
	font-size:1.0em;
	font-weight: normal;
        font-style: normal;
        text-transform:none;
        color: #000;

}


.home .post-content:hover {

	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.home a:hover {
	text-decoration:none;
}

a:hover img {
	-moz-opacity:.8px;
	filter:alpha(opacity=80);
	opacity:.8px;
}

.home .featured {
	background:#eee;
	height:200px;
	margin:0px;
	overflow:hidden;
	width:1000px;
}

.home .featured .bigdate {
	color:#fff;
	font-size:2.4em;
	font-weight:bolder;
	left:0px;
	position:absolute;
	text-transform:uppercase;
	top:0px;
	line-height: 1em;
}

.home .featured .post-content {
	width:470px;
        left:0px;
}

.home .featured img {

}






.home .interview {
	background:#eee;
	display:inline;
	float:left;
	height:200px;
	margin:0px;
	overflow:hidden;
	position:relative;
	width:500px;
        padding:0px;
}

.home .interview img {

}

.home .interview-content {
	-moz-opacity:0.0;

	top:0;
	filter:alpha(opacity=0);
	font-size:1.0em;
	font-weight:900;
        font-style:bold;
	left:0;
	opacity:0.0;
	padding:15px;
	position:absolute;
	width:470px;
        left:0px;
        height:170px;
        text-transform:none;
        border-left:0px solid;
        background: #fff;

        
}


.home .interview-content-space {
	-moz-opacity:0.0;

	top:0;
	filter:alpha(opacity=0);
	font-size:1.0em;
	font-weight:900;
        font-style:bold;
	left:0;
	opacity:0.0;
	padding:0px;
	position:absolute;
	width:470px;
        left:0px;
        height:170px;
        text-transform:none;


        
}

.home .interview-content h2 {
	font-size:1.4em;
	font-weight:900;
        line-height:1.0em;
        font-style:bold;
        text-transform:uppercase;
        border-bottom: 0px solid #000;
        
}

.home .interview-content-excerpt {
	display:block;
	font-size:1.0em;
	font-weight: normal;
        font-style: normal;
        text-transform:none;
        color: #000;

}


.home .interview-content:hover {

	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;
}


	
/* =single */
.single #container {
	float:left;
	width:1000px;
}

.single .category {
	background:#fff;
	color:#444;
	font-size:2em;
	margin:0px;
	position:relative;
	text-transform:uppercase;
	width:1000px;
	z-index:2;
}

.single .category h2 a {
	color:#444;
	font-weight:bolder;

	position:relative;

}

.single .entry-content {
	padding:0px;
	width:1000px;
}

.single .post {
	float:left;
	margin:0px 0 0;
	position:relative;
	width:1000px;
}

.single .post .entry-meta a {
	background:none;
}

.single .post a {

	font-weight:bolder;
}

.single .preview {
	display:inline;
	float:left;
	height:300px;
	margin:0px 0px 0 0px;
	width:1000px;
}

.single .preview .bigdate {
	color:#fff;
	font-size:2.8em;
	font-weight:bolder;
	left:0px;
	position:absolute;
	text-transform:uppercase;
	top:0px;
	line-height: 1em;
}

.single .preview .bigdate a {
	color:#fff;
        text-decoration:none;
	
}

.single .preview-content {
	-moz-opacity:0.95;
	background:#eee;
	bottom:0;
	filter:alpha(opacity=95);
	font-size:.9em;
	opacity:0.95;
	padding:10px;
	position:absolute;
	width:730px;
}

.single .preview-content:hover {
	background-color:orange;
}

.single .entry-title {
	padding-left: 0px;
	padding-bottom: 30px;
	padding-right: 0px;
	padding-top: 20px;
	-moz-opacity:1;
	background:#fff;
	filter:alpha(opacity=100);
	margin-bottom:0px;
	opacity:1;
	width: 1000px;
        line-height:1.4em;
        float:left;
        color:#000;
}
.single .entry-title h2 {
	text-decoration: none;
	text-transform: uppercase;
	font-size:2.0em;
        float:left;
        line-height:1.4em;
        

}

.single .entry-title .entry-author {
	text-decoration: none;
	text-transform: none;
	font-size:1.4em;
        float:left;

        line-height:1.0em;
        

}
.single .entry-category{
	text-decoration: none;
	text-transform: none;
	font-size:1.6em;
        line-height:2.0em;
        float:right;
	text-transform: uppercase;

}



.single .entry-content .entry-info {
        padding-left: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
        padding-top: 15px;
        top:45px;
        position:absolute;
        width:470px;
        height:auto;
	font-size:1.0em;
        background-color:#fff;
        float:left;
        margin-top:55px;
        margin-left:500px;
        line-height:1.6em;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;
        z-index:2;
        visibility:hidden;

}


.single .entry-info-button {
       
	z-index: 3;
	position: absolute;
	top: 101px;
	float: right;
        right:-25px;
        padding:0px;
        text-decoration:none;
        color:#00f;
        font-size: 1.2em;
        height: 75px;
        width: 25px;

}

.single .preview img {
	max-width:1000px;
}


	
/* =comments */
#comment {
	height:100px;
}

#commentform {
	background:#eee;
	display:inline;
	float:left;
	margin:4px 0 0 4px;
	padding:10px;
	width:340px;
}

#commentform-subhead {
	background:#eee;
	color:#fff;
	font-size:2em;
	margin-top:24px;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}

#commentform-subhead h3 {
	left:-.2em;
	position:relative;
	top:-.5em;
}

#comments {
	clear:both;
	float:left;
	margin:50px 2px;
	width:604px;
}

#comments-list {
	float:left;
	margin-bottom:24px;
}

#respond {
	clear:both;
	float:left;
	width:604px;
}

#trackbacks-list {
	clear:both;
	margin-bottom:24px;
}

.comment-author {
	font-size:1.2em;
	font-weight:bolder;
}

.comment-count {
	background:#eee;
	font-size:2em;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}

.comment-count h3 {
	left:-.2em;
	position:relative;
	top:-.5em;
}

.comment-meta {
	background:#c2c2c2;
	float:left;
	font-size:.9em;
	height:60px;
	margin:0;
	padding:0;
	position:relative;
	width:226px;
}

.comment-meta img {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

.comment-text {
	background:#eee;
	display:inline;
	float:left;
	margin-left:4px;
	min-height:50px;
	padding:5px;
	position:relative;
	width:360px;
	z-index:2;
}

.count {
	color:#fff;
	float:right;
	font-size:3em;
	font-weight:bolder;
	letter-spacing:-.1em;
	position:relative;
	right:-.1em;
	top:-.5em;
	z-index:1;
}

.form-textarea #comment {
	margin:4px 0;
	width:340px;
}

.respond-info {
	background:#c2c2c2;
	color:#fff;
	float:left;
	font-size:1.2em;
	height:50px;
	margin-top:4px;
	padding:0;
	width:226px;
}

.trackback-count {
	background:#eee;
	color:#fff;
	font-size:2em;
	position:relative;
	text-transform:uppercase;
	width:226px;
	z-index:2;
}

.trackback-count h3 {
	left:-.2em;
	position:relative;
	top:-.5em;
}

.trackback-meta {
	background:#c2c2c2;
	color:#fff;
	float:left;
	font-size:.9em;
	height:50px;
	margin:0;
	padding:5px;
	width:216px;
}

li.comment {
	float:left;
	list-style-type:none;
	margin:2px 0;
}

li.comment.bypostauthor .comment-text {
	background:orange;
}

li.comment.bypostauthor:hover .comment-text {
	background:#eee;
}

p#login {
	padding:5px;
}


	
/* =pages */
.page #container,.four04 #container {
	float:left;
	width:1000px;
}

.page .category,.four04 .category {

	font-size:2em;
	margin:2px;
	position:relative;
	text-transform:uppercase;
	width:1000px;
	z-index:2;
}

.page .category h2,.four04 .category h2 {
	font-weight:bolder;
	position:relative;


}

.page .entry-content,.four04 .entry-content {
	margin:0px;
        float:left;
        width:1000px;
}

.page .entry-content a {

	font-weight:bolder;
}

.page #link1, .single #link2 {
	width:460px;
        margin:15px;
       float:left;
}

.page #link2, .single #link2 {
	width:460px;
        margin:15px;
        float:left;
}
	
/* =archives page */
li#category-archives .comment-count {
	float:left;
	height:40px;
	margin:2px 0 0 2px;
	width:224px;
}

li#category-archives ul {
	background:#eee;
	float:left;
	margin:2px 0 4px 4px;
	padding:5px;
	width:360px;
}

li#monthly-archives .comment-count {
	float:left;
	height:40px;
	margin:0 0 0 2px;
	width:224px;
}

li#monthly-archives ul {
	background:#eee;
	float:left;
	margin:0 0 4px 4px;
	padding:5px;
	width:360px;
}


	
/* =archive, category, & search pages */
.search .page .entry-content {
	margin:0;

}

.archive #container,.search #container {
	float:left;
	width:1000px;
}

.archive .comment-count,.search .comment-count {
	background:#fff;
	font-size:2em;
	margin-bottom:0px;
	position:relative;
	text-transform:uppercase;
	width:1000px;
        padding-bottom: 15px;
}

.archive .comment-count h2,.search .comment-count h2 {
	font-weight:bolder;
	left:0px;
	position:relative;
	top:0px;
}

.archive .entry-content {

	display:inline;
	float:left;
	margin-left:0px;
	min-height:170px;
        max-height:170px;
	padding:15px;
	width:470px;
        z-index:2;
        left:0px;
        padding-left:515px;
        position:absolute;
	-moz-opacity:0.0;
	filter:alpha(opacity=0);
	opacity:0.0;
}

.search .entry-content,.search .page .entry-content {
        background: url('http://departmentofdesign.de/ssau/img/hover_hintergrund.gif');
	display:inline;
	float:left;
	margin-left:0px;
	min-height:170px;
        max-height:170px;
	padding:15px;
	width:470px;
        z-index:2;
        left:0px;
        padding-left:515px;
        position:absolute;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.archive .entry-content:hover,.search .entry-content:hover {
        background: url('http://departmentofdesign.de/ssau/img/hover_hintergrund.gif');
        position:absolute;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;

}

.archive .post,.search .post,.search .page {
	display:inline;
	float:left;
	margin:0px 0;
	position:relative;
	width:1000px;
		margin-bottom: 1em;

}

.archive .post a,.search .post a,.search .page a {
	font-weight:bolder;
}

.archive .preview,.search .preview {
	background:#eee;
	float:left;
	margin:0;
	max-height:200px;
	min-height:200px;
	overflow:hidden;
	width:1000px;
        z-index:1;
}

.archive .preview .bigdate,.search .preview .bigdate {
	color:#fff;
	font-size:2.4em;
	font-weight:bolder;
	left:0px;
	position:absolute;
	text-transform:uppercase;
	top:0px;
        line-height:1em;
}

.archive .preview .entry-meta a,.search .preview .entry-meta a,.search .page .preview .entry-meta a {
	background:none;
}

.archive .preview .preview-content,.search .preview .preview-content,.search .page .preview .preview-content {
	width:102px;
}

.archive .preview-content,.search .preview-content {
	-moz-opacity:0.95;
	background:#fff;
	filter:alpha(opacity=95);
	float:left;
	font-size:.9em;
	min-height:85px;
	opacity:0.95;
	padding:15px;
	width:95px;

}

.archive .preview-content:hover,.search .preview-content:hover {
	background-color:#eee;
	-moz-opacity:0.0;
	filter:alpha(opacity=0);
	opacity:0.0;
}

.archive h3.entry-title,.search h3.entry-title {
	font-size:1.4em;
	letter-spacing:-.05em;
	line-height:1.2em;
	text-transform: uppercase;
	
}

.archive .preview img {
	max-width:1000px;
        min-height:125px;

}

	
/* =links */
#links-page a {
	font-weight:normal;
}

li#linkcat-21 {
	clear:both;
}

li#linkcat-7 {
	clear:both;
}

li.linkcat {
	background:#eee;
	display:inline;
	float:left;
	margin:2px;
	padding:5px;
	width:137px;
}


	
/* =sidebar */
#primary {
	background:#eff;
	float:left;
	line-height:1.6em;
	margin-left:0px;
	padding:15px;
	width:220px;
	border-left: 0px #eee solid;
}

#secondary {
	background:#eff;
	float:left;
	line-height:1.6em;
	margin-left:0px;
	padding:15px;
	width:220px;
	border-left: 0px #eee solid;
}

.sidebar h3 {
	padding-top:6px;
}


	
/* =miscellaneous */


.blog-title {
    font-size:2em;
    letter-spacing:0.05em;
        z-index:4;

}

.blog-description {
    font-size:1em;
    line-height:0.1em;
    letter-spacing:0.05em;
        z-index:4;

}

.clear {
	clear:both;
}

.post img {
	max-width:1000px;
       height:auto;
}

.home .post img {
	width:1000px;
        height:auto;
}

.archive .post img {
	width:1000px;
       height:auto;
}

a {
	display:inline;
}

a:hover {
	text-decoration:underline;
}

h2 a:hover {
	text-decoration:none;
}

h2.post-content a {
	text-decoration:none;
}

img {
	border:none;
}

ol {
	padding:2px 0;
}

p {
	margin-bottom:1em;
}




	
/* =hidden */
.home .navsigation,.home .entry-meta,.home .entry-date,.home .sidebar,#access,.archive-meta,.preview-content,#primary,#secondary,.bigdate,#comments, .addthis_container {
	display:none;
}



/* topnavi sliddown */

/* sliding 

 */

#alw_login #alw_loginForm table, #alw_login #alw_loginForm  td{
	border:none;
        padding:0.1em;
        margin:0em;
}

#toppanel {
	/*position: absolute;*/  /*Panel will overlap ¾content */
	position: relative;  /*Panel will "push" the content down */
	top: 0;

        background:#efefef url(http://departmentofdesign.de/ssau/img/verlauf.gif) repeat-x left bottom;
	text-align: center;
        width:auto;
	margin-left: auto;
	margin-right: auto;
        letter-spacing:0.03em;
	font:1.2em/1.6 helvetica, Arial, verdana, sans-serif;


}
#panel {
	width: 1000px;
	height: 350px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	margin-left: auto;
	margin-right: auto;
        letter-spacing:0.03em;
	font:1.0em/1.6 helvetica, Arial, verdana, sans-serif;

}
#panel h1 {
	font-size: 1.4em;
	padding: 5px 0 10px;
	margin: 0;
	color: black;
	text-align: left;
}
#panel h2{
	font-size: 1.2em/1.6;
	margin: 0;
	color: black;
	text-align: left;
        margin-bottom:0.5em;
}
#panel p {
	margin: 5px 0;
	padding: 0;
}
#panel a {
	text-decoration: none;
	color: #444;
        font-weight:900;
}
#panel a:hover {

	text-decoration: underline;
}
#panel a-lost-pwd {
	display: block;
	float: left;
}
#panel ul {
	font-size: 1em;
	margin: 0 0 0px 0;
	padding: 0;
	list-style: none;
}
#panel .content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 1em;
}
#panel .content .left {
	width: 220px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 0px solid #333;
	min-height: 300px;
}
#panel .content .border {
	border-left: 0px solid #333;
}
#panel .content .narrow {
	width:95px !important;
}
#panel .content form {
	margin: 0 0 10px 0;
}
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 250px;
	display: block;
}
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
#panel .content input:focus.field {
	background: #545454;
}

#panel ul.cat-list
{
	font-size: 1em;
	text-transform: none;
        overflow:auto;
        height:270px;
        list-style:none;

}
#panel li.cat-list
{

        list-style:none;

}

#panel .cat-list
{

        list-style:none;

}

#panel .seiten
{
font-size: 1.4em;
line-height:1.4em;
text-transform: none;
list-style:none;
}

#panel p.seiten-list
{
font-size: 1em;
text-transform: none;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	padding-left: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 10px;
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
	border: none;
}
#panel .content input.bt_login {
	width: 125px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
	width: 125px;
	color: white;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
/* Panel Tab/button */
.tab {
/* 	background: url(images/tab_b.png) repeat-x 0 0; */
	height: 0px;
	position: relative;
	top: 0;
	z-index: 999;
    width:1000px;
    margin: 0px auto;
    background-color: #fff;

        
}


.tab ul.login {
	display: block;
	position: relative;
 	float: right;
 	clear: right;
 	height: 35px;
	width: 250px;
 	font-weight: bold;
	line-height: 35px;
	margin: 0;
	right: 0px;
 	color: white;
 	font-size: 100%;
	text-align: center;
	background-color: transparent;
	font-size: 1.2em;

}
.tab ul.login li.left {
 	/*background: url(images/tab_l.png) no-repeat left 0;*/
 	height: 42px;
	width: 00px;
	padding: 0;
	margin: 0;
 	display: block;
	float: left;
background-color: #fff;
border: none;
}
.tab ul.login li.right {
 	/*background: url(images/tab_r.png) no-repeat left 0;*/
 	height: 42px;
	width: 00px;
	padding: 0;
	margin: 0;
 	display: block;
	float: left;
	background-color: #fff;
	border: none;
}
.tab ul.login li {
 	float: left;
 	text-align: left;
	display: block;
	height: 25px;
	background-color: #fff;
 	/*background: url(images/tab_m.png) repeat-x 0 0;*/
}
.tab ul.login li a {
	color: #444;
}
.tab ul.login li a:hover {
	color: #666;
	text-decoration: underline;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
	height: 25px;
	cursor: pointer;
	display: block;
	width: 150px;
	position: relative;
	top: 0px;
}

/*
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}
*/


/* related posts */


.related
{
	background:#fff;
	height:247px;
	width:1000px;
	overflow: hidden;
}

.related h3
{
       font-size:1.4em;
       font-weight:900;
       margin-top:3em;
       margin-bottom:1em;

}

.related ol li
{
width: 500px;
float: left;


}

.related ol li img
{

max-width:500px;
}





/* kategoriefarben */

/*audiovisuellemedien*/
#x194, #x195194, #x195194193 {
        color: #8080FF;

}
.y194, .y195194, .y195194193 {
        background-color: #8080FF;
        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z194, #z195194, #z195194193 {
        background-color: #8080ff;
		height: 50px;
        width: 450px;
}


/*gebrauchsgüterdesign*/
#x209, #x195209, #x195209193   {
        color: #00FFFF;
        	
}
.y209, .y195209, .y195209193   {
        background-color: #00FFFF;
        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z209, #z195209, #z195209193   {
        background-color: aqua;
        height: 50px;
        width: 450px;	
}
/*grafikdesign*/

#x196, #x195196, #x195196193 {
        color: #FF0099;
        	
}
.y196, .y195196, .y195196193 {
        background-color: #FF0099;
                	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;	
}
#z196, #z195196, #z195196193 {
        height: 50px;
        width: 450px;
        background-color: #FF0099;	
}

/*editorialdesign*/


                   
#x207, #x195207, #x195193207 {
        color: #FF0099;
        	
}
.y207, .y195207, .y195193207 {
        background-color: #FF0099;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z207, #z195207, #z195193207 {
        background-color: #ff0099;
        height: 50px;
        width: 450px;	
}

/*2dgrundlagenzeichnen*/
#x200, #x195200, #x195193200 {
        color: #FF8080;
        	
}
.y200, .y195200, .y195193200 {
        background-color: #FF8080;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z200, #z195200, #z195193200 {
        background-color: #ff8080;
        height: 50px;
        width: 450px;	
}
/*2d3dgestaltung*/

#x198, #x195198, #x195193198 {
        color: #80FF80;
        	
}
.y198, .y195198, .y195193198 {
        background-color: #80FF80;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z198, #z195198, #z195193198 {
        background-color: #80ff80;
        height: 50px;
        width: 450px;	
}
/*3dentwurftechnologie*/

#x199, #x195199, #x195193199 {
        color: #00FF99;
        	
}
.y199, .y195199, .y195193199 {
        background-color: #00FF99;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z199, #z195199, #z195193199 {
        background-color: #00ff99;
        height: 50px;
        width: 450px;	
}
/*corporatedesign*/

#x206, #x195206, #x195193206 {
        color: #00FF00;
        	
}
.y206, .y195206, .y195193206 {
        background-color: #00FF00;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z206, #z195206, #z195193206 {
        background-color: lime;
        height: 50px;
        width: 450px;	
}

/*designwissenschaften*/

#x205, #x195205, #x195193205 {
        color: #999;
        	
}
.y205, .y195205, .y195193205 {
        background-color: #999;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z205, #z195205, #z195193205 {
        background-color: #999999;
        height: 50px;
        width: 450px;	
}

/*elektronischemedien*/

#x211, #x195211, #x195193211 {
        color: #9900FF;
        	
}
.y211, .y195211, .y195193211 {
        background-color: #9900FF;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z211, #z195211, #z195193211 {
        background-color: #9900ff;
        height: 50px;
        width: 450px;	
}

/*farbeflächeraum*/

#x201, #x195201, #x195193201 {
        color: #FF00FF;
        	
}
.y201, .y195201, .y195193201 {
        background-color: #FF00FF;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}

#z201, #z195201, #z195193201 {
        background-color: fuchsia;
        height: 50px;
        width: 450px;	
}
/*fotografie*/

#x197, #x195197, #x195193197 {
        color: #fd0;
        	
}
.y197, .y195197, .y195193197 {
        background-color: #fd0;
        	        	color: black;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z197, #z195197, #z195193197 {
        background-color: #ffdd00;
        height: 50px;
        width: 450px;	
}

/*interfacedesign*/

#x212, #x195212, #x195193212 {
        color: #0000FF;
        	
}
.y212, .y195212, .y195193212 {
        background-color: #0000FF;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z212, #z195212, #z195193212 {
        background-color: blue;
        height: 50px;
        width: 450px;	
}

/*zeichnen*/

#x204, #x195204, #x195193204 {
        color: #FF0000;
        	
}
.y204, .y195204, .y195193204 {
        background-color: #FF0000;
        	        	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}

#z204, #z195204, #z195193204 {
        background-color: red;
        height: 50px;
        width: 450px;	
}
/*technischesdesign*/

#x210, #x195210, #x195193210 {
        color: #0080FF;
        	
}
.y210, .y195210, .y195193210 {
        background-color: #0080FF;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}

#z210, #z195210, #z195193210 {
        background-color: #0080ff;
        height: 50px;
        width: 450px;	
}

/*typografie*/
#x203, #x195203, #x195193203 {
        color: #FF9900;
        	
}
.y203, .y195203, .y195193203 {
        background-color: #FF9900;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}
#z203, #z195203, #z195193203 {
        background-color: #ff9900;
        height: 50px;
        width: 450px;	
}

/*werbung*/

#x208, #x195208, #x195193208 {
        color: #99FF00;
        	
}
.y208, .y195208, .y195193208 {
        background-color: #99FF00;
        	        	color:#000;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;
}

#z208, #z195208, #z195193208 {
        background-color: #99ff00;
        height: 50px;
        width: 450px;	
}
/*div*/
#x1 {
        color: #444;
        	
}
.y1 {
        background-color: #444;
                	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;	
}
#z1 {
        background-color: #444444;
        height: 50px;
        width: 450px;	
}

#x {
        color: #666;
        	
}
.y {
        background-color: #666;
                	color:#fff;
        	font-size: 1.2em;
        	letter-spacing: 0.02em;	
}
#z {
        background-color: #666;
        height: 50px;
        width: 450px;	
}
.nm {
        font-size:1.8em;
        letter-spacing:0.03em;
        text-transform:uppercase;
}