@charset "utf-8";
/* GSÖ styling */

/* css zurücksetzen */
input {
	margin:0px;
	padding:0px;
	margin-bottom:3px;
}

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

html {
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background: #ffffff url(../img/hg.jpg) repeat-x;*/
	background: #ffffff url(../img/content_hg.jpg) repeat-y top center;  
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
	color:#7e7e7e;
}

#bg-wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 321px;
	z-index: 0;
	
}
#wrapper1{
	/*position:absolute;
	top:0px;
	left:25%;*/
	margin:0px auto;
	/*height:100%;*/
	width:840px;
	background: #ffffff url(../img/content_hg.jpg) repeat-y top center;
	background-attachment:scroll;
}

#wrapper {
	padding:0px;
	margin:0px;
	width: 100%;
	z-index: 1;
	height:100%;
}


#headWrapper {
	padding:0px;
	margin:0px;
	width: 100%;
	z-index: 1;
	height:322px;
	background: #ffffff url(../img/hg.gif) repeat-x;
}

#main {
	margin: 0px auto;
	width:840px;
	/*height:100%;*/
	position:absolute;
	width:840px;
	/*left:50%;*/
	margin:0px;
	/*margin-left:-420px;*/
	padding:0px;
	top:0px;
	/*background-color:#FFFFFF;*/
}

#header {
	position: relative;
	height:294px;
	width:840px;
	background:url(../img/header.jpg);
}

#headerProjekt {
	position: relative;
	height:294px;
	width:840px;
	background:url(../img/header_semesterprojekt2.gif);
}

#hg2{
	position:absolute;
	left:-250px; 
	top:-41px;
	background: #ffffff url(../img/content_hg.jpg) repeat-y top center;  
	height:105%; 
	width:840px;
	z-index:-10;
}

#green {
	position: relative;
	width:840px;
	height:27px;
	background-image:url(../img/back_green.gif);
	overflow: hidden;
	clear:both;
	text-align:right;
	padding:0px;
	z-index:100;
}
#green .links {
	margin:0px 3px;
	color:#FFF;
	font-size:15px;
}

#content {
	position:relative;
	width:804px;
	/*min-height:480px;*/
	padding:0px 18px 0px 18px;
	/*background-color:#FF0000;*/
	/*height:100%;*/
}

.heightimg {
	float:left;
}
#right {
	width:18px;
	float:right;
	background:url(../img/right.jpg) repeat-y;
}
#left {
	width:18px;
	float:left;
	background:url(../img/left.jpg) repeat-y;
}
#mid {
	width:802px;
	background:#FFF;
	float:left;
}
/* header */
.headerlinks {
	width:800px;
	height:26px;
	padding:32px 40px 0px 0px;
	font-size:11px;
	color: #808080;
	text-align:right;
}
.logoleiste {
	position:relative;
	top:12px;
	left:30px;
	width:800px;
	height:32px;
	/*padding:0px 10px;*/
	color:#06376e;
	font-size:16px;
	font-weight:bold;
	/*padding:12px 20px 0px 20px;*/
	z-index:5;
}

.menuFirst {
	margin-top:5px; 
	background-image:url(../img/buttons_hg1.gif); 
	background-repeat:no-repeat; 
	background-position:right;
}

.menuLast {
	margin-top:5px; 
	background-image:url(../img/buttons_hg1_last.gif); 
	background-repeat:no-repeat; 
	background-position:right;
}

.loginImg {
	margin-top:6px;
}


.menuActFirstWS{
	margin-top:5px; 
	background-image:url(../img/buttons_hg2.gif); 
	background-repeat:no-repeat; 
	background-position:right;
}

.menuActFirstWSlast{
	margin-top:5px; 
	background-image:url(../img/buttons_hg2_last.gif); 
	background-repeat:no-repeat; 
	background-position:right;
}

.menuActFirst {
	margin-top:5px; 
	margin-bottom:10px;
	background-image:url(../img/buttons_hg2.gif); 
	background-repeat:no-repeat; 
	background-position:right;
}



.headercontent2 {
	position:relative;
	width:813px;
	height:192px;
	/*top:50px;*/
	/*margin-top:-32px;
	margin-left: 15px;
	padding:-12px 00px 0px 20px;*/
	float:left;
	background-image:url(../img/header_semesterprojekt.jpg);
}

#logo {
	position:relative;
	margin:-65px 30px 0px 20px;
	height:130px;
	width:155px;
	float:left;
}
.headercontent {
	/*position:relative;*/
	width:800px;
	height:181px;
   /* top:50px;*/
	/*padding:12px 20px 0px 20px;*/
}
.textbox {
	position:absolute;
	top:155px;
	left:50px;
	width:191px;
	height:80px;
	color:#06376e;
	float:left;
	z-index:10;
	/*margin-top:56px;
	margin-left:37px;*/
}

.textbox2 {
	position:relative;
	width:191px;
	height:80px;
	color:#ffffff;
	float:left;
	margin-left:30px;
	margin-top:40px;
}

.projectPic{
	position: absolute; 
	top:101px; 
	left:14px; 
	/*background-color:#000000; */
	width:810px; 
	height:200px;
	z-index:1;
	overflow:hidden;
}

.pic {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 91px;
	left: 270px;
	height:203px;
}
.buttons {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 102px;
	left: 150px;
	height:203px;
}
.link1 {
	height:150px;
	position:absolute;
	top:0;
	width:150px;
	background-image: url(../img/blank.gif);
}
.link1 .link{
	display:block;
	width: 150px;
	height: 150px;
	color: #013F70;
}
.link2 {
	height:150px;
	left:150px;
	position:absolute;
	top:0;
	width:150px;
	background-image: url(../img/blank.gif);
}
.link2 .link{
	display:block;
	width: 150px;
	height: 150px;
	color: #013F70;
}
.link3{
	height:150px;
	left:300px;
	position:absolute;
	top:0;
	width:160px;
	background-image: url(../img/blank.gif);
}
.link3 .link {
	display:block;
	width: 160px;
	height: 150px;
	color: #013F70;
}

.pic dl, .pic dt, .pic div {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

.loginbox {
	z-index: 10;
	position: absolute;
	margin: 0px;
	padding:17px 15px 0px 15px;
	top: 102px;
	right: 20px;
	width:169px;
	height:115px;
	background:url(../img/loginbox.gif) no-repeat;
	color:#ffffff;
}
.loginmenue {
	position:absolute;
	top:110px;
	left:600px;
	/*float:right;*/
	height:150px;
	width:180px;
	background:none;
	color:#06376e;
	font-size:14px;
	text-align:right;
	/*margin:-33px -5px 0px 0px;
	padding:20px 40px 0px 10px;*/
}

.menueback {
 	position: absolute;
	top: 0px;
	left: 17px;
	width: 230px; 
	height: 124px;
	background:url(../img/menue_back.gif);
	background-repeat: no-repeat;
}

.loginbox .loginfelder {
	width: 	90px;
	border:0px;
	background-color:#f1ffd7;
	margin-top:8px;	
}
.loginbox .zeile {
	margin: 0px;
}
.loginbox .text {
	margin-top:8px;	
	width: 74px;
	position:relative;
	float:left;
}

/* content */

#menue {
	position:absolute;
	top: 23px;
	left: 22px;
	width:230px;
	/*min-height:480px;*/
	height:100%;
	color:#696969;
	font-size:16px;
	padding:0px;
	z-index:30;
}
#menue .down {
	float:right;
}

ul#nav {
	margin: 0px;
	padding: 0px;
}

/* HAUPTNAVIGATION */
ul#nav li {
	display:block;
	padding: 0px;
	margin: 0px;
	width:189px;
	color:#696969;
}
ul#nav li a {
	display:block;
	padding:3px 15px 3px 3px;
	margin-right:16px;
	width:100%;
	background:url(../img/pfeil_down.gif) no-repeat;
}
ul#nav li.lastone a {background:url(../img/pfeil_down_last.gif) no-repeat;}

ul#nav a, ul#nav a:link, ul#nav a:visited {color:#7e7e7e; font-size:14px;}
ul#nav a:active, ul#nav a:hover,  ul#nav a.active {color:#6eaf30; font-size:14px; background:url(../img/pfeil_down1.gif) no-repeat; width: 100%;}
ul#nav .lastone a:active, ul#nav .lastone a:hover, ul#nav .lastone a.active {background:url(../img/pfeil_down1_last.gif) no-repeat;}
ul#nav li li a, ul#nav li li a:link, ul#nav li li a:hover, ul#nav li li a:visited, ul#nav li li a:active {font-size:13px; background:none; margin-left:20px;}
ul#nav li li.lastone a, ul#nav li li.lastone a:link, ul#nav li li.lastone a:hover, ul#nav li li.lastone a:visited, ul#nav li li.lastone a:active {font-size:13px; background:none; margin-left:20px;}


ul#nav li li a {
	display:block;
	padding-left:28px;
	padding-right: 0px;
	width:173px;
	background:none;
}
ul#nav {
	margin:0px;
	margin-left:25px;
	padding:0px;
	list-style-type:none;
}
ul#nav ul {
	margin:0px;
	padding:0px;
}

/* submenü service */
ul#service li {
	display:block;
	padding: 0px;
	margin: 0px;
	margin-top:-5px;
	width:189px;
	color:#696969;
}
ul#service li a {
	text-decoration:none;
	display:block;
	padding:0px 0px 6px 18px;
	background:url(../img/pfeil.gif) no-repeat top left;
}
ul#service {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul#service ul {
	margin:0px;
	padding:0px;
}

/* Projekt submenü service */

ul#service2 li {
	display:block;
	padding: 0px;
	margin: 0px;
	margin-top:-5px;
	width:189px;
	color:#ffffff;
	text-decoration:none;
}

ul#service2 li a {
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding:0px 0px 6px 18px;
	background:url(../img/pfeil_white.gif) no-repeat top left;
}
ul#service2 {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul#service2 ul {
	margin:0px;
	padding:0px;
}

ul#service a, ul#service a:link, ul#service a:visited {color:#06376e; font-size:14px;}
ul#service a:active, ul#service a:hover,  ul#service a.active {color:#75b33a; font-size:14px; background-image:url(../img/pfeil.gif);}

ul#service2 a, ul#service2 a:link, ul#service2 a:visited {color:#ffffff; font-size:14px;}
ul#service2 a:active, ul#service2 a:hover,  ul#service2 a.active {color:#cccccc; font-size:14px; background-image:url(../img/pfeil_white.gif);}

/* submenü grüne infoleiste */
div#infos {
	position: absolute;
	right: 20px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	color:#ffffff;
}
div#infos a {
	display:block;
	float:left;
	padding:0px 6px;
}

div#infos a, div#infos a:link, div#infos a:visited {color:#ffffff; font-size:14px;}
div#infos a:active, div#infos a:hover, div#infos a.active {color:#ffffff; font-size:14px;}



/* anhängsel vom menü */
.add_menue {
	font-size:10px;
	color:#858585;
	text-align:center;
}

#inhalt {
	position:absolute;
	top: 38px;
	left: 250px;
	width:490px;
	text-align:justify;
	padding:0px 20px 10px 40px;
	/*background-color:#0000FF;*/
}

#inhalt_start {
	position:absolute;
	top: 25px;
	left: 227px;
	width:490px;
	text-align:justify;
	padding:0px 20px 10px 40px;
	/*background-color:#0000FF;*/
}


.startimg {
	margin:10px 5px 8px 10px;
	float:left;
}

/* submenü login/mitgliedermenu */
ul#mitglieder li {
	margin: 0px;
	margin-bottom:5px;
	color:#06376e;
}
ul#mitglieder li a {
	padding:0px;
}
ul#mitglieder {
	margin:0px;
	margin-top:10px;
	padding:0px;
	list-style-type:none;
}
ul#mitglieder ul {
	margin:0px;
	padding:0px;
}

ul#mitglieder a, ul#mitglieder a:link, ul#mitglieder a:visited {color:#06376e; font-size:14px;}
ul#mitglieder a:active, ul#mitglieder a:hover {color:#021d3b; font-size:14px;}



/* link styling */
a { color:#93c11c; text-decoration:underline; }
a:link, a:visited {text-decoration:underline; color:#93c11c; }
a:hover, a:active {text-decoration:none; color:#93c11c; }


a.service2, a.service2 :visited, a.service2 :link {color: #ffffff;}
.service2 a:hover, .service2 a:active {color: #ffffff;}

.headerlinks a, .headerlinks a:visited, .headerlinks a:link {color: #808080; text-decoration:none;}
.headerlinks a:hover, .headerlinks a:active {color: #303030; text-decoration:none;}

.loginbox a, .loginbox a:visited, .loginbox a:link {color: #ffffff; font-size:10px;}
.loginbox a:active, .loginbox a:hover {color: #ccea96; font-size:10px;}

.add_menue a, .add_menue a:visited, .add_menue a:link {text-decoration:underline; color:#858585;}
.add_menue a:active, .add_menue a:hover {text-decoration:underline; color:#696969;}
.menuelink a, .menuelink a:visited, .menuelink a:link {color:#696969;}
.menuelink a:active, .menuelink a:hover {color:#000000;}

img {
	border:0px;	
	display:
}
.clearer {
	width:100%;
	height:1px;
	clear:both;
}
.clearer2 {
	clear:both;
}

/* form styling */ 
.formzeile {margin:5px 0px;}
.formtext {width: 150px; float:left;}
.formtext1 {width: 250px; float:left;}
.formzeile input, .formzeile select, {
	width:150px;
	border:1px solid #93c11c;
	color:#7e7e7e;
}
.formzeile textarea {
	border:1px solid #93c11c;
	color:#7e7e7e;
	width:300px;
	height:200px;
}
.formzeile 1 input, .formzeile1 select {
	width:200px;
	border:1px solid #93c11c;
	color:#7e7e7e;
}
input {
	border:1px solid #93c11c;
	color:#7e7e7e;
}

/* font styling */

.align-center {
	text-align:center;
}
.align-right {
	text-align:right;	
}
h1 {
	color:#93c11c;
	font-size:16px;
	margin: 0px;
	padding:0px;
}
h2 {
	color:#93c11c;
	font-size:14px;
}
/*News*/
.news-list-container img {
	float: left !important;	
}
.news-single-img {
	float: left !important;	
	padding:0 10px 10px 0;
}

/* Gewinnspiel */
.gewinnspiel {
	margin: 0px;
	padding: 0px;
}

.bild {
	float: left;
	text-align: center;
	margin-bottom: 10px;
	margin-right: 10px;
}

.bild img {
	width: 150px;
	height: 150px;
}

.gewinnspiel ul, .gewinnspiel li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.gewinnspiel li.frage {
	margin-bottom: 1.5em;
}
.gewinnspiel li div.frage {
	font-weight: bold;
	font-size: 12pt;
}
.gewinnspiel ul.antworten {
	margin-top: 0.5em;
	margin-left: 2em;
}
.gewinnspiel ul.antworten label {
	padding-left: 2em;
}

.gewinnspiel-buttons {
	margin-top: 20px;
	width: 470px;
	text-align: center;
}

.gewinnspiel {
	margin-top: 2em;
	text-align: left;
}
.gewinnspiel-register-submit {
	margin-top: 1em;
	margin-left: 112px;
}
.gewinnspiel-erfolg label {
	display: block;
	padding-right: 1em;
	width: 100px;
	text-align: right;
	float: left;
}

h1.red{
	color:#FF0000;
}

.c2l1-left { !Important
	border-right: 1px solid #93c11c;
	padding-right: 15px;
}

.c2l1-middle { !Important
	border-right: 1px solid #93c11c;
	padding-left: 15px;
}

/* Shop */
.warenkorb {
	background-color:#87BC54;
	padding:10px;
	position:absolute;
	right:-192px;
	top:20px;
	color: white;
	text-align: center;
}
.warenkorb a:link, .warenkorb a:hover, .warenkorb a:visited {
	color: white;	
	font-weight: bold;
	margin-top: 5px;
	display: block;
}
.productList {
	width: 175px;	
	text-align: left;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	float: left;
	border-right: 1px solid #E1E1E1;
	margin-left: -20px;
}
.productKategorie {
	margin: 0;
	padding: 0;
}
.productKategorie h3 {
	margin: 20px 0 5px;	
	font-size: 12px;
}
.productKategorie ul {
	margin-top: 0px;
	margin-left: 15px;
	padding: 0 !important;
}
.productKategorie li {
	margin-bottom:5px;	
}
.productDetail {
	margin-top: 10px;	
	float: right;
	width: 300px;
	text-align: left;
}
.productDetail .stueckdiv {
	margin-bottom: 15px;
}
.productDetail #submit {
	background-color:#87BC54;
	background-image:url("../img/into_basket.gif");
	background-position:5px 50%;
	background-repeat:no-repeat;
	color:white;
	cursor:pointer;
	float:left;
	height:22px;
	padding:0 3px 3px 35px;
	width:155px;
}
.productDetail .productFotos img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.warenkorbContainer {
	margin-top: 25px;
	text-align: left;
}
.warenkorbContainer table {
	border-collapse: collapse;	
	margin-bottom: 25px;
}
.warenkorbContainer th {
	background-color: #6EAF31;
	color: white;
	padding: 3px;
}
.warenkorbContainer td {
	padding: 3px;	
}
.warenkorbContainer select {
	width: 50px;	
}
.warenkorbContainer img {
	cursor: pointer;	
}
.bestellformularButton {
	float: right;	
}
.bestellformularButton input {
	background-color:#6EAF31;
	border:medium none !important;
	color:white;
	cursor:pointer;
	height:22px;
	padding-bottom: 3px;
	width:150px;
}
.zurueckButton {
	border: none;
	cursor:pointer;
	height:22px;
	text-align:left;
	padding-left: 3px;
	width:130px;
	float: left;
}
.weiterButton {
	background-color: #6EAF31;
	border:1px solid #6EAF31;
	cursor:pointer;
	height:22px;
	text-align:center;
	width:140px;
	float: right;
}

.zurueckButton a {
	color: #6EAF31;
	text-decoration: none !important;
	display: block;
	width: 130px;
	height: 20px;
	padding-top: 3px;
}
.weiterButton a {
	color: white;
	text-decoration: none !important;
	display: block;
	width: 140px;
	height: 20px;
	padding-top: 3px;
}

#bestellForm .formContainer {
	margin-bottom: 25px;
}
#bestellForm .bestellLabel {
	float: left; 
	width: 170px;
	margin-bottom: 10px;
}
#bestellForm .bestellField {
	float: left;
	width: 180px;
}
#bestellForm .bestellField input {
	width: 180px;	
}
#bestellForm .bestellField textarea {
	border:1px solid #93C11C;
	color:#7E7E7E;
	width: 180px;
}