/* main-CSS fuer gds */

/* BEGINN allgemeine Konfiguration */
html {
		height: 100%; margin-bottom: 1px;
}

body{
		color: #000;
		font-size:12px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		background-color:transparent;
}

h1{
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		margin-top: -4px;
		padding: 0;
		margin-bottom: 44px;
}

h2{
		font-size: 12px;
		font-weight: normal;
		margin: 0;
		margin-top: -4px;
		padding: 0;
		margin-bottom: 44px;
}

h3, h4{
		font-size: 12px;
		font-weight: bold;
}

a{
		text-decoration: none;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #000;
}

ul{
		list-style: none;
}

ol {
		list-style-type: decimal;
		list-style: decimal;
}

p {
		margin-top: 0;
		margin-bottom: 20px;
}

td, th {
		font-size: 12px;
		padding: 0;
		line-height: 1.3em;
}

td p, th p {
		margin: 0;
		padding: 0;
}

label {
		font-size: 12px;
		font-weight: normal;
}

/* - Form -------------------------------------------- */

form {
		margin: 20px 0 20px 0;
		padding: 0;
}


.eingabe {
		border: 0;
		border: 1px solid #fff;
		border-bottom: 1px solid #999;
		background-color: #fff;
		padding:3px;
		width: 220px;
}

.eingabe:focus {
		background-color:#eee;
}

textarea {
		border: 1px solid #999;
		background-color: transparent;
		width: 220px;
		overflow: auto;
}


input {
		border: 0;
		border-bottom: 1px solid #999;
		background-color: #fff;
}


.submit {
		border: 0;
		background-image: url(../images/bg_submit.gif);
		background-repeat: no-repeat;
		background-position: 0;
		padding: 0 0 0 10px;
		color: #000;
		margin: 0;
		width: auto;
		overflow:visible;
}


.submit:hover {
		color: #cc3333;
		cursor: pointer;
}


.noborder {
		border: 0;
		background-color: transparent;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
}


.kontakt_smal{
		height: 15px;
}

#left_content a {
		color: #666666;
		text-decoration: underline;
}

#left_content a:hover {
		color: #CC0000;
}

#left_content ul {
		list-style-type: circle;
}

#left_content ol {
		list-style-type:decimal;
		list-style: decimal;
}

#left_content ol li {
		margin-left: -17px;
		padding: 0px;
}

#left_content ol li ul li {
		margin-left: -10px;
		padding: 0px;
}

/* --------------------------------------------------- */

.smal {
		font-size: 10px;
}


.red {
		color: #FF0000;
}

.dozent_name {
		margin: 10px 0;
		padding: 0;
}

.dozent_info {
		margin: 0;
		padding: 0;
		margin-left: 70px;
}

.reader_img {
		height: 50px;
		padding: 0;
		margin: 0;
		margin-bottom: 22px;
}

.acrobat {
		width:168px;
		margin: 0;
		padding: 0;
}

.reader_img img {
		float: left;
}

.reader_headline {
		float: right;
		margin: 17px 0 0 0;
} 

.reader_text {
		clear: both;
} 

#stunden table tr td p.bodytext {
		padding: 0;
		margin: 2px 0;
		line-height: 1.2em;
}

.headline_red {
		color: #CC0000;
		text-decoration: none;
}

/* ENDE allgemeine Konfiguration */


/* BEGINN der CONTAINER-Konfiguration */






/* BEGINN Container fuer die themen bezogenen Hintergruende */

#bg_graphic, #bg_fashion, #bg_game, #bg_design{
		width:100%;
		height:292px;
		background-repeat: repeat-x;
		background-position: 0 157px;
}

#bg_graphic{
		background-image: url(../images/bg_graphic.gif);
}

#bg_fashion{
		background-image: url(../images/bg_fashion.gif);
}

#bg_game{
		background-image: url(../images/bg_game.gif);
}

#bg_design{
		background-image: url(../images/bg_design.gif);
}
/* ENDE Container fuer die themen bezogenen Hintergruende */

/* Container für alle weiteren Elemente und Container */
#page{
		width: 960px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		background-color: transparent;
}

/* Container für die themen bezogenen Logos im Kopfbereich */
#logo_header{
		width: 100%;
		height: 157px;
}

/* Container für das Schul-Logo,linke Navigation, Meta-Menue und Figuren*/
#navi_left_logo{
		width: 240px;
		position: relative;
		top: -120px;
		left: 22px;
		margin: 0;
		padding: 0;
		background-color: transparent;
		float: left;
}

/* Logo der Design Schule Schwerin */
#logo_gds{
		background-image: url(../images/logo_gds.png);
		background-repeat: no-repeat;
		height: 184px;
}

/*BEGINN der Konfiguration der linken Navigation mit zwei konfigurierten Ebenenen*/
#navi_left{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		padding-top:7px;
		background-color:transparent;
		font-size:13px;
}

#navi_left ul{
		list-style:none;
		padding:0;
		margin:0;
}

#navi_left ul li{
		line-height:2.4em;
}

#navi_left ul li a:hover{
		color:#b1293e;
}

#navi_left ul li ul{
		padding-left:35px;
}

#navi_left ul li ul li a:hover{
		color:#b1293e;
}

#navi_left ul li a.act, #navi_left ul li ul li a.act {
		color:#b1293e;
}
/*ENDE der Konfiguration der linken Navigation mit zwei konfigurierten Ebenenen*/

/* BEGINN Konfiguration Metamenue */
#meta_menue{
		padding-top:20px;
		font-size:11px;
}

#meta_menue ul{
		width:100%;
		padding:0;
		margin:0;
}

#meta_menue ul li{
		float:left;
		padding-right:11px;
}

#meta_menue ul li a:hover{
		color: #b1293e;
}
/* ENDE Konfiguration Metamenue */

/* BEGINN Konfiguration der themen bezogenen Figuren ausser Bereich Designschule*/
div.figur_graphic{
		position:absolute;
		left:168px;
		top:63px;
		width:77px;
		height:300px;
		background-color:transparent;
		background-image: url(../images/figur_graphic.png);
		background-position:center right;
		background-repeat: no-repeat;
}

div.figur_fashion{
		position:absolute;
		left:178px;
		top:35px;
		width:54px;
		height:340px;
		background-color:transparent;
		background-image: url(../images/figur_fashion.png);
		background-position:center right;
		background-repeat: no-repeat;
}

div.figur_game{
		position:absolute;
		left:107px;
		top:61px;
		width:121px;
		height:292px;
		background-color:transparent;
		background-image: url(../images/figur_game.png);
		background-position:center right;
		background-repeat: no-repeat;
}
/* ENDE Konfiguration der themen bezogenen Figuren ausser Bereich Designschule*/

/* BEGINN Konfiguration des MAIN-Bereiches */
/* Container fuer Hauptnavigation, Hauptinhaltsbereich und rechter Inhaltsbereich */
#main{
		width:652px;
		float:left;
		margin-left:68px;
		padding:0;
}

/* BEGINN Konfiguration Hauptnavigation */
#main_menue{
		width:100%;
		height:80px;
		margin:0;
		padding:0;
		background-color:transparent;
}

#main_menue ul{
		margin:0;
		padding:0;
		list-style:none;
}

#main_menue ul li{
		float:left;
		position:relative;
		top:7px;
}

/* BEGINN Konfiguration der themen bezogenen 'Spiegel'-Bilder für die Hauptnavigation */
#main_menue ul li a.graphic{
		width:83px;
		margin-right:62px;
		line-height:26px;
		background-image: url(../images/main_navi_graphic_no.png);
		background-position: bottom;
		background-repeat: no-repeat;
}


#main_menue ul li a.graphic:hover, #main_menue ul li.graphic_act{
		width:83px;
		line-height:26px;
		margin-right:62px;
		background-image: url(../images/main_navi_graphic_act.png);
		background-position: top;
		background-repeat: no-repeat;
}


#main_menue ul li.graphic_act a:hover, #main_menue ul li.graphic_act a {
		background-image: none;
}


#main_menue ul li a.fashion{
		width:81px;
		margin-right:63px;
		line-height:26px;
		background-image: url(../images/main_navi_fashion_no.png);
		background-position: bottom;
		background-repeat: no-repeat;
}


#main_menue ul li a.fashion:hover, #main_menue ul li.fashion_act{
		width:81px;
		margin-right:63px;
		line-height:26px;
		background-image: url(../images/main_navi_fashion_act.png);
		background-position: top;
		background-repeat: no-repeat;
}


#main_menue ul li.fashion_act a:hover, #main_menue ul li.fashion_act a {
		background-image: none;
}


#main_menue ul li a.game{
		width:51px;
		margin-right:57px;
		line-height:26px;
		background-image: url(../images/main_navi_game_no.png);
		background-position: bottom;
		background-repeat: no-repeat;
}


#main_menue ul li a.game:hover, #main_menue ul li.game_act{
		width:51px;
		margin-right:57px;
		line-height:26px;
		background-image: url(../images/main_navi_game_act.png);
		background-position: top;
		background-repeat: no-repeat;
}


#main_menue ul li.game_act a:hover, #main_menue ul li.game_act a {
		background-image: none;
}


#main_menue ul li a.design{
		width:144px;
		line-height:26px;
		background-image: url(../images/main_navi_schule_no.png);
		background-position: bottom;
		background-repeat: no-repeat;
}


#main_menue ul li a.design:hover, #main_menue ul li.design_act{
		width:144px;
		line-height:26px;
		background-image: url(../images/main_navi_schule_act.png);
		background-position: top;
		background-repeat: no-repeat;
}


#main_menue ul li.design_act a:hover, #main_menue ul li.design_act a {
		background-image: none;
}


#main_menue ul li a{
		display:block;
}
/* BEGINN Konfiguration der themen bezogenen 'Spiegel'-Bilder für die Hauptnavigation */
/* ENDE Konfiguration Hauptnavigation */


/* Konfiguration der großen Inhaltsspalte */
#main_content{
/*		background-image: url(../images/bg_content.gif);
		background-position: 360px 43px;
		background-repeat: no-repeat; */
		width:652px;
		background-color:transparent;
		float:left;
		margin:0;
		padding:0;
		line-height:1.6em;
		font-size:12px;
}

/* Konfiguration der großen Inhaltsspalte */
#big_content{
		width:540px;
		margin: 0;
		padding: 0;
		margin-top:0px;
		float:left;
}

/* Konfiguration der rechten Inhaltsspalte */
#left_content{
		width:340px;
		height: auto;
		padding-top: 0;
		margin-right:57px;  
		float:left;
}

/* Konfiguration der rechten Inhaltsspalte */
#right_content{
		width:168px;
		margin: 0;
		padding: 0;
		margin-top:54px;
		float:left;
}

#right_content .bodytext{
		padding-left: 25px;
		padding-top: 5px;
}

#right_content img {
		margin-top: 10px;
}

/* ENDE Konfiguration des MAIN-Bereiches */


/* - Form Fehlerformular -------------------------------------------- */



.eingabe-technik {
		border: 0;
		border: 1px solid #fff;
		border-bottom: 1px solid #999;
		background-color: #fff;
		padding:3px;
		/*width: 220px;*/
}

.eingabe-technik:focus {
		background-color:#eee;
}

#fehlerformular textarea {
		border: 1px solid #999;
		background-color: transparent;
		/*width: 220px;*/
		overflow: auto;
}


input {
		border: 0;
		border-bottom: 1px solid #999;
		background-color: #fff;
}


#fehlerformular .submit {
		border: 0;
		background-image: url(../images/bg_submit.gif);
		background-repeat: no-repeat;
		background-position: 0;
		padding: 0 0 0 10px;
		color: #000;
		margin: 0;
		width: auto;
		overflow:visible;
}



/* --------------------------------------------------- */