@charset "utf-8";
/* CSS Document */
/*Global Reset*/

* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;            /* vorher 17px*/
	background-color:#999;   /*grau*/
}

a {
	text-decoration:none;
	outline:none;
	color:#FFF;                 /* weiß   Navitext, makro, landschaft usw.*/
}

a:hover {
	text-decoration:underline;
	color:#FFF;
}

a img {
	text-decoration:none;
	color:#FFF;
	border:none;
	padding:30px;
	margin-left:250px;
}

p {
	color:#FFFFFF; 
  text-align:center;
/*	margin-top:30px;*/
}

/*Startseite*/
div#container {
			margin:50px auto;
			border:1px solid #fff;
			width:1000px;
			height:900px;
			background-color:#93117e;               /*magenta*/
			background-image:url(ck_bilder/hg_fotola_1000x800.jpg);
}

div#logo { 
		margin-left:25px;
}

/*Galerieseite Home*/
div#containerpage {
	position:relative;
	margin:50px auto;
	border:1px solid white;
	width:750px;
	height:580px;
	padding:60px;
}

div#showcase {
			margin-top:50px;
			border:1px solid #FFF;
			height:500px;
			background-color:#000000;
			display:block;
}

div#head {


			background-color:#313131;           /* schwarz*/
			height:40px;
			/*width:750px;*/
			display:block;
			text-align:center;
}

div#logonavi {
			position:absolute;
			right:20px;                      /* vorher -20*/
			top:10px;
			background-image:url(ck_bilder/logo_einzeln_3.png);   /*Logo in der seit1-navileiste*/
			background-repeat:no-repeat;
			height:100px;
			width:99px;
			z-index:10;
}

div#textnavi {
            z-index:15;
			word-spacing:10px;
			color:#FFF;
			padding-top:10px;

}

div#foot {
			height:50px;
			padding-top:15px;
}


.scroll {
	overflow:auto;
}
div#ausstellungbox {
	font-size:12px;
	/*position:relative;*/             /*für ebene position absolut, damit Bild im container steht*/
	/*margin:0px;*/            
	width:650px;
	height:450px;
	margin-left:40px;
	margin-top:30px;
	margin-bottom:30px;
	/*top:20px;
	left:40px;*/
	background-color:#000         /*schwarz*/
	/*background-repeat:no-repeat;*/
	background-position:180px 120px;
}	



/*...................neu-link zu ck-kreativwerkstatt.........*/

div#cklink {
	width:200px;
}

div#cklink1 {
	width:200px;
}


div#cklink a {
	margin:10px auto;
	background-image:url(ck_bilder/ck_kreativ_link.jpg);
	/*width:200px;*/
	height:32px;
	display:block;
}


div#cklink1 a {
	background-image:url(ck_bilder/ck_eierbecher_link.jpg);
	/*width:200px;*/
	height:32px;
	display:block;
}



/*..................... Ende link zu kreativwerkstatt ........*/



div#hoverlandschaft a {
		width:98px;
		height:124px;
		/*background-color:#0F6;*/
		/*border:2px solid #000;*/
		position:absolute;
		top:163px;
		left:296px;
}
div#hoverlandschaft a:hover {
		width:102px;
		height:124px;
		position:absolute;
		top:164px;
		left:288px;
		background-image:url(bilder/food.jpg);
}

div#hoverart a {
		width:68px;
		height:70px;
		/*background-color:#0F6;*/
		/*border:2px solid #000;*/
		position:absolute;
		top:424px;
		left:74px;
}
div#hoverart a:hover {
		width:68px;
		height:70px;
		position:absolute;
		top:424px;
		left:74px;
		background-image:url(bilder/digi.jpg);
}
div#hovermacro a {
		width:200px;
		height:88px;
		/*background-color:#0F6;*/
		/*border:2px solid #000;*/
		position:absolute;
		top:195px;
		left:501px;
}
div#hovermacro a:hover {
		width:200px;
		height:88px;
		position:absolute;
		top:195px;
		left:501px;
		background-image:url(bilder/stills.jpg);
}
/*Bilder-Seiten*/

span#buttonb {
	float:left;
		background-image:url(ck_bilder/button_back.jpg);
		background-repeat:no-repeat;
		width:34px;
		height:34px;
		margin-left:-30px;
		margin-top:60px;
}

span#buttonn {
	float:right;
		background-image:url(ck_bilder/button_vor.jpg);
		background-repeat:no-repeat;
		width:34px;
		height:34px;
		margin-right:-30px;
		margin-top:60px;
		

}

div#bild {
		width:600px;
		height:420px;
		position:absolute;
		left:134px;
		bottom:90px;
		border:1px solid #FFF;
}

/*Kontakt-Seite*/

div#content{
			border:1px solid #FFF;
			/*width:750px;*/
			height:500px;
			background-image:url(ck_bilder/hg2.jpg);
			margin-top:40px;
}

div#notiz {
			position:absolute;
			top:60px;
			left:20px;
			height:264px;
			width:329px;
			z-index:15;
			background-image:url(ck_bilder/kontakt/notiz_web.png);
}


div#headkontakt {
			background-color:#900;      /*(vorher schwarzF 333333)*/
			height:50px;
			/*width:750px;*/
			display:block;
			text-align:center;
			margin:0px 0px 20px 0px;
}

div#logonavikontakt {
			position:absolute;
			top:11px;                                                 /*vorher top:10px*/
			left:740px;
			background-image:url(ck_bilder/logo_einzeln_3.png);    /*ck-logo auf navileiste*/
			background-repeat:no-repeat;
			height:150px;
			width:150px;
			z-index:10;
}

div#textbalken {
			color:#FFFFFF;
			font-size:30px;
			padding-top:5px;

}

p.kontakttext {
		text-align:left;
		margin-left:30px;
		margin-top:170px;
		font-size:16px;
}

p.zitattext {
		text-align:right;
		margin-right:30px;
		margin-top:50px;
		font-size:24px;
		color:#900;
}
p.kontakttextueber {
		text-align:left;
		margin-left:30px;
		margin-top:110px;
		font-size:16px;         /*(text über mich)*/
}

p.impressumtext {
		text-align:center;
		margin-top:30px;
		font-size:10px;
}

/*News*/

p.newstext {
		text-align:left;
		margin-top:70px;
		margin-left:30px;
		font-size:16px;
}

div#footnews {
	height:50px;
	padding-top:15px;
}

/*über mich*/

div#pola {
			position:absolute;
			top:90px;
			left:30px;
			height:227px;     /*(vorher 203 x 207 px)*/
			width:227px;
			z-index:15;
			background-image:url(ck_bilder/kontakt/pola_ich1_web.png);
			background-repeat:no-repeat;

}

/*Formular*/

form {
	width:400px;
	margin-top:45px 0 0 0;
	position:absolute;
	left:380px;
	top:150px;
	/*background-color:#FF3;*/
}

fieldset {
		background-color:#666666;
		border:1px solid white;
		margin:30px 0px;
		padding:10px;
		width:230px;
}
.fieldsetsenden {
		background-color:#666666;
		border:1px solid white;
		padding:10px;
		width:100px;
		height:90px;
		position:absolute;
		top:115px;
		right:15px;
}

legend {
	font-weight:bold;
	color:#FFF;
}


fieldset p {
	margin:4px 0 2px 0;
	text-align:left;
}

.breite {
	width:180px;
}

input:focus {									
	background-color:#CCCCCC;
}

.textfeld {
	width:280px;
	height:90px;
	padding:20px;
}

.textfeld:focus {						
	background-color:#CCCCCC;
}

/*Senden-Button:*/

div#sendebox {
	/*margin-top:10px;*/
	height:70px;
	position:absolute;
	top:1px;
	right:20px;
}

.submit_btn {
	background-color:#333;
	color:#FFF;
	width:100px;
	height:68px;
	border:1px solid #FFFFFF;
}

.submit_btn:hover {   							 
	background-color:#CCC;
	border:1px solid #900;
	color:#333;
}