/***********************************************/
/* HTML tag styles                             */
/***********************************************/


* {padding:0; margin:0;}
#titel {display: none;}

/************** Auszeichnungsfarbe von Headlines und Links **************/

h1, h2, a:link, a:visited, #navigation a:hover {

	color: #E7055A; }

/************** html **************/

body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666666;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-image: url(../bilder/layout/back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#clear {
	clear: both;
}


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

small {
	color: #999;
}

img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #E8E8E8;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



/************** header tag styles **************/

h1{
	font-size: 280%;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	line-height: 120%;
	font-family: 'FuturaLightNormal';
}

h2{
	font-size: 130%;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 100%;
	font-weight: normal;
	letter-spacing: 0px;
}


#text_padding h2 {
	line-height: 130%;
	margin-bottom: 30px;
	font-size: 280%;
	letter-spacing: 1px;
	text-align: center;
	font-family: 'FuturaLightNormal';
	margin-top: 20px;
}


h3{
	color: #484848;
	font-size: 110%;
	font-weight: normal;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	letter-spacing: 1px;
	text-align: left;
	line-height: 150%;
}

h4{
	color: #82777C;
	padding: 0px;
	font-size: 10px;
	letter-spacing: 3px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
}

h5{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}


				
input, textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #949494;
	border: 1px dotted #B9B9B9;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	line-height: 23px;
	height: 23px;
	width: 240px;
}

input:hover, textarea:hover {
	border-top-color: #E7055A;
	border-right-color: #E7055A;
	border-bottom-color: #E7055A;
	border-left-color: #E7055A;
	color: #333;
}

textarea {
	height: 80px;
	width: 240px;
}

#submit {
	color: #FFF;
	background-color: #F06;
	font-weight: normal;
	line-height: 30px;
	padding: 0px;
	height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#submit:hover {
	background-color: #E7055A;
	cursor:pointer;
}


#submit_negativ {
	color: #FFF;
	background-color: #999;
	font-weight: normal;
	line-height: 30px;
	padding: 0px;
	height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#submit_negativ:hover {
	background-color: #CCC;
	cursor:pointer;
}


table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 10px;
}

td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
	padding-left: 5px;
}

tr:hover{
	color: #333333;
}

.td_bold {
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #CCCCCC;
	padding-left: 0px;
	border-bottom-style: solid;
}

label{
	float: left;
	width: 60px;
	margin-right: 3px;
}

#top{
	height: 22px;
	width: 68px;
	overflow: hidden;
	position: absolute;
	left: 699px;
	top: 61px;
}



#page{
	width: 1200px;
}

#head{
	TEXT-ALIGN: left;
	height: 106px;
}


#content{
	padding-left: 40px;
}


/************** main navigation  ****************/

#navigation {
	position: absolute;
	left: 841px;
	width: 302px;
	top: 84px;
}

#navigation li {
	float: left;
	list-style-type: none;
	font-size: 11px;
	letter-spacing: 1px;
	color: #D6D6D6;
	text-transform: uppercase;
	margin-right: 15px;
}


#navigation li a:link, #navigation li a:visited {
	color: #BBB;
}

#navigation li a:hover  {
	text-decoration: none;
	color: #E7055A;
}

 #navigation li:hover {

	color: #E7055A; }


.nav_on  {	color: #C03;}

/************** footer  ****************/

#footer{
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 35px;
	text-align: left;
	font-size: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #9E9E9E;
	line-height: 20px;
}


#footer a:link, #footer a:visited  {
	color: #9E9E9E;
	text-decoration: none;
	padding: 0px;
}


#footer a:hover {
	color: #666;
}	

#footer img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#footer li {
	float: left;
	margin-right: 12px;
	list-style-type: none;
}



#mainpic {
	padding-top: 0px;
	margin-bottom: 10px;
}

#mainpic img {
}




#home {
	position: absolute;
	width: 372px;
	left: 14px;
	top: 14px;
}


/************** layout spalten  ****************/


#spalte_1, #spalte_2, #spalte_3, #spalte_4, #spalte_5, #spalte_6, #spalte_7 {
	border: 1px dotted #333;
	float: left;
	padding: 1%;
	margin-right: 1%;

}

#spalte_1 {
	width: 14%;
}

#spalte_2 {
	width: 22%;
}

#spalte_3 {
	width: 30%;
}

#spalte_4 {
	width: 40.5%;
}

#spalte_5 {
	width: 66%;
}

#spalte_6 {
	width: 85%;
}

#spalte_7 {
	width: 100%;
}



/************** layout eigene listen  ****************/

#list_01 {
}
#list_01 li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #D6D6D6;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
	list-style-type: none;
	padding-left: 15px;
}
#list_01 h2 {
	padding: 0px;
	font-weight: normal;
	font-size: 130%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
}
#list_01 img {
	float: left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/******************************/


#list_02 {
}
#list_02 li {
	list-style-type: none;
	float: left;
	width: 217px;
	height: 260px;
	border: 1px dotted #D6D6D6;
	padding: 15px;
}

#list_02 li:hover {	border-top-color: #F03;
	border-right-color: #F03;
	border-bottom-color: #F03;
	border-left-color: #F03;
}

#list_02 h2 {
	padding: 0px;
	font-weight: normal;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#list_02 img {
	clear: both;
	float: none;
	height: 200px;
	width: 217px;
}


/******************************/


#list_03 {
}
#list_03 li {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #D6D6D6;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
}

#list_03 li:hover {

}

#list_03 h2 {
	padding: 0px;
	font-weight: normal;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#list_03 img {
	clear: both;
	float: none;
	height: 180px;
	width: 217px;
}





#text_padding {
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-top: 0px;
}

#text_padding h2 {
	line-height: 130%;
	margin-bottom: 30px;
	font-size: 250%;
	letter-spacing: 1px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
}



/******************* --------  GALERIE -------------- ***********************/



/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:relative;
	width:400px;
	float: left;
}
#box6 span{
	display:block;
}

#handles6_2{
	float:left
}

.mask6{
	position:relative;
	margin-left:0px;
	margin-right:15px;
	width:400px;
	height:600px;
	overflow:hidden;
	float: left;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

.sample sample6 {
	padding: 0px;
	height: 600px;
	width: 400px;
}



/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:40px;
	height:60px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:400px;
	height:50px;
	background:#000;
	position:absolute;	display:none;

}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;

}
.info h4{
	font-size:12px;	
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

ul#termine {
	margin-left: 150px;
}

ul#termine li {
	float: left;
	width: 150px;
	list-style-type: none;
}

ul#termine li small {
	color: #666;
}

ul#termine h3 {
	font-weight: bold;
	color: #E7055A;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
}

#links {
	height: 40px;
	width: 145px;
	margin-right: 5px;
	position: absolute;
	left: 1054px;
	top: 0px;
}

#links a {
	height: 20px;
	width: 20px;
	display: block;
	background-position: center center;
	float: left;
	margin-right: 5px;
}

.facebook {

	background-image: url(../bilder/layout/facebook.jpg);
}

.facebook:hover {

	background-image: url(../bilder/layout/facebook_on.jpg);
}


.dawanda {

	background-image: url(../bilder/layout/dawanda.jpg);
}

.dawanda:hover {

	background-image: url(../bilder/layout/dawanda_on.jpg);
}

.prosieben {

	background-image: url(../bilder/layout/prosieben.jpg);
}

.prosieben:hover {

	background-image: url(../bilder/layout/prosieben_on.jpg);
}