html, body { 
    margin: 0; 
    padding: 0; 
}


body {
	font-family: helvetica, arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color:#eaeaea;
	background-image: url(../background.png);
	background-repeat: repeat;
	background-position: 0px 0px;
        line-height:125%;
	margin:0px; padding:0px;

}



/* ********************************* */
/* ************HEADLNES************* */
/* ********************************* */

 
h1	{	
         color:#ffffff;
    	font-family: georgia, times;
         font-size:22px;
         font-style: normal;
	 font-weight:normal;
         text-decoration:none;
         margin-top:0px;
	 margin-bottom:10px;


}
 h2	{
    	font-family: georgia, times;
         color:#333333;
         font-size:22px;
         font-style: normal;
	 font-weight:normal;
         text-decoration:none;
         margin-top:0px;
	 margin-bottom:10px;
}

 h3	{	
         color:#333333;
         font-size:16px;
         font-style: normal;
	 font-weight:normal;
         text-decoration:none;
         margin-top:0px;
	 margin-bottom:0px;padding:0px;
}
 h4	{	
         color:#333333;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
         text-decoration:none;
         margin-top:0px;
	 margin-bottom:0px;
}

 h5	{	
         color:#333333;
         font-size:35px;
         font-style: normal;
	 font-weight:normal;
         text-decoration:none;
         margin-top:15px;
	 margin-bottom:30px;
	 line-height:100%;
	 	font-family: georgia, times;

}



h6	{	
         color:#333333;
         font-size:35px;
         font-style: normal;
	 font-weight:normal;
         text-decoration:none;
         margin-top:0px;
	 margin-bottom:0px;
	 line-height:100%;
	 	font-family: georgia, times;

}



/* ********************************* */
/* ************SITE_STRUCTURE********** */
/* ********************************* */



#container { 
	margin:0 auto;
	top: 0px;
	left: 50%;
	width: 940px;
	height: auto;
	border-width:0px;
	border-style:solid;
  	border-color:#CCCCCC;
	z-index:2;}
	

#stage	{
	position: relative;
	float:left;
	top: 15px;
	left: 0px;
	width: 640px;
	margin:0px;
	padding:0px;
	border-width:0px;
	z-index:3;
	overflow:hidden;
	background-color:#ffffff;}
	


#topframe	{ 
	position: relative;
	top: 0px;
	left: 0px;
	width: 940px;
	height: auto;
	margin:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#CCCCCC;
	z-index:3;
	overflow:visible;}

#bottomframe { 
	position: relative;
	top:0px;
	left: 0%;
	width: 940px;
	height: auto;
	margin: 10px;
	margin-top: 0px;margin-bottom:10px;

        padding:0px;
	border-width:0px;
	border-style:solid;
	float:left;
	z-index:3;}	
	

#content { 
	position: relative;
	top:0px;
	left: 0%;
	width: 940px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#ffffff;
	float:left;
	z-index:4;
	font-family: helvetica, arial}
	
	

#rightBox	{ 
	position: relative;
	top: 15px;
	left: 0px;
	width: 300px;
	height: 400px;
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#CCCCCC;
	z-index:3;
	overflow:hidden;
	background-image:url(../greenbox.jpg);}

#rightBoxSMS	{ 
	position: relative;
	color:#ffffff;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 150px;
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#CCCCCC;
	z-index:3;
	overflow:hidden;
        background-color:#333333;
        font-family: helvetica, arial;
	font-size:10px;
	color:#999999;}
	
	
#contentBox2Left { 
	position: relative;
	top:0px;
	width: 620px;
	height:auto;
	margin:0px;margin-top:0px;
	padding:0px;
	border:0px solid #ffffff;
	float:left;
	overflow:hidden;
	z-index:5;}

#bottom	{ 
	font-size:11px;
	width: 620px;
	height:auto;
	margin:0px;
	padding:0px;
	line-height:16px;
	z-index:5;
	clear:both;
	margin-left:5px;}

	
#moreInfos {
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px;
	border:0px solid #ffffff;
	z-index:5;}


#logo 	{ 
	position: relative;
	top: 15px;
	left: 0px;
	margin:0px;
	padding:0px;
	border:0px solid #ffffff;
	float:left;
	margin-bottom:30px;
	margin-left:5px;}

	
#footer	{ 
	position: relative;
	top:0px;
	left: 0%;
	width: 960px;
	height: 150px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#ffffff;
	clear:both;
	text-align:right;
	z-index:4;
	}


#vcardbox {position: absolute;width:270px;margin:15px;}
#smsloader {position: absolute;width:300px;height:150px;background-image:url(../black80.png);}


/* ************************************************* */
/* ************ALLGEMEINE LINKDARSTELLUNG*********** */
/* ************************************************* */

a:link { font-size:12px; font-weight:normal; color:#0f75bc; text-decoration:none;outline:0;}
a:visited { font-size:12px; font-weight:normal; color:#01679c; text-decoration:none;outline:0;}
a:focus { font-size:12px; font-weight:normal; color:#0f75bc; text-decoration:underline;outline:0; }
a:hover { font-size:12px; font-weight:normal; color:#0f75bc; text-decoration:underline;outline:0; }
a:active { font-size:12px; font-weight:normal; color:#0f75bc; text-decoration:underline;outline:0; }




/* ********************************* */
/* ************NAVIGATION*********** */
/* ********************************* */

#navigation	{ 
	position: relative;
	margin-top:58px;
	left:15px;
	margin-bottom:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
  	border-color:#ffffff;
	list-style-type:none;
}

.navigation { 	font-family: georgia, times;font-size:18px; font-style:normal; font-weight:normal; color:#333333; margin:0px;padding:0px;float:left;margin-right:15px;outline:0px;}
.navigation a:link { font-size:18px;font-weight:normal; color:#333333; text-decoration:none;outline:0px;}
.navigation a:visited { font-size:18px; font-weight:normal; color:#333333; text-decoration:none;outline:0px;}
.navigation a:focus { font-size:18px; font-weight:normal; color:#333333; text-decoration:none;outline:0px;}
.navigation a:hover { font-size:18px; font-weight:normal; color:#333333; text-decoration:underline;outline:0px;}
.navigation a:active { font-size:18px; font-weight:normal; color:#333333; text-decoration:none;outline:0px;}

.selected { font-family: georgia, times; font-size:18px; font-style:normal; font-weight:bold; color:#01679c; margin:0px;padding:0px;float:left;margin-right:15px;outline:0px;}
.selected a:link { font-size:18px;font-weight:normal; color:#01679c; text-decoration:none;outline:0px;}
.selected a:visited { font-size:18px; font-weight:normal; color:#01679c; text-decoration:none;outline:0px;}
.selected a:focus { font-size:18px; font-weight:normal; color:#01679c; text-decoration:none;outline:0px;}
.selected a:hover { font-size:18px; font-weight:normal; color:#01679c; text-decoration:none;outline:0px;}
.selected a:active { font-size:18px; font-weight:normal; color:#01679c; text-decoration:none;outline:0px;}

	
/* ********************************* */
/* ************CONTENT-BOXES********** */
/* ********************************* */
	
.contentBox {position:relative;float:left;padding:5px;margin-bottom:10px;}
.contentText {margin-top:0px;margin-bottom:15px;padding:0px;}

.bottomText {color:#666666;float:left;margin-right:25px;margin-top:0px;padding:0;}
.bottomText a:link {font-size:12px;font-weight:normal;color:#666666;text-decoration:none; }
.bottomText a:visited {font-size:12px;font-weight:normal;color:#666666;text-decoration:none; }
.bottomText a:focus {font-size:12px;font-weight:normal;color:#666666;text-decoration:underline; }
.bottomText a:hover {font-size:12px;font-weight:normal;color:#666666;text-decoration:underline; }
.bottomText a:active {font-size:12px;font-weight:normal;color:#666666;text-decoration:underline; }

.bottomIcons{color:#666666;text-align:right;}


.list {margin-top:0px;margin-left:0px;padding-left:15px;font-size:12px;}
.line {margin:0 5px 10px 5px;clear:both;background-color:#999999;width:610px;height:1px;}
.infos {margin:0px;padding:0px;font-size:12px;}
.infoText {margin-top:15px;margin-bottom:15px;padding:0px;font-size:13px;}
.refline {margin:10px 0 10px 0;clear:both;background-color:#999999;width:610px;height:1px;}


.imagebox {border-width:1px;outline:0px;position:relative;float:left;border-style:solid;background-color:#ffffff;border-color:#aaaaaa;padding:5px;padding-bottom:5px;width:80px;height:80px;margin-bottom:5px;margin-right:5px;}
.image {width:80px;height:80px;border:0px;outline:0px;}
.images {padding:0;margin:0;}

.lupe {margin: 0;padding: 0;list-style: none;}
.lupe li {padding-left: 16px;background-image: url(../lupe.png);background-repeat: no-repeat;background-position: 0px 2px;}
.links {margin: 0;padding: 0;list-style: none;}
.links li {padding-left: 16px;background-image: url(../linkicon_internal.png);background-repeat: no-repeat;background-position: 0px 2px;}
.links_external {margin: 0;padding: 0;list-style: none;}
.links_external li {padding-left: 16px;background-image: url(../linkicon_external.png);background-repeat: no-repeat;background-position: 0px 2px;}

.vCard {float:left;margin-right:2px;}
.vCardPrefix { font-size:22px;width:80px;border-width:0px;text-align:center;color:#333333;background-color:#cccccc;margin:0px;padding:1px;}
.vCardPhone { font-size:22px;width:130px;border-width:0px;text-align:center;color:#333333;background-color:#cccccc;margin:0px;padding:1px;}
.vCardError {color:#ffffff;font-size:14px;}
.goButton {border:0px;margin:0px;cursor:pointer;}

.button {background-color:#333333;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px; }
.button a { font-weight:normal; color:#ffffff; text-decoration:none; }



.tweet {font-family: georgia, times;font-size: 35px;color: #333333;line-height:100%;}
  .tweet .tweet_list {list-style-type:none;margin: 0px;padding: 0px; margin-top:0px;margin-bottom:0px;}
      .tweet .tweet_list a {font-size:85%;margin-top:0px;}
.tweetDate  {font-size:18px;margin-top:0px;clear:both;}
	
	
.formerror{font-size:12px;color:#01679c;}
.form_input {width:300px;background-color:#dddddd;border:0px;padding:5px;font-size:14px;color:#333333;}
.form_textarea {width:300px;height:120px;background-color:#dddddd;border:0px;padding:5px;font-size:14px;font-family: helvetica, arial;color:#333333;}
.form_radio {background-color:#dddddd;border:0px;padding:5px;margin:0px;font-size:14px;color:#333333;}

.lupe {clear:both;margin-top:0px;margin-bottom:15px;font-size:13px;}


/* ********************************* */
/* ************LIGHTBOX************ */
/* ********************************* */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../script/scriptaculous/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../script/scriptaculous/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 14px Helvetica, Arial, sans-serif; background-color: #eeeeee; margin: 0 auto; overflow: auto; width: 100%	; }

#imageData{	padding:10px 10px; color: #333333; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#numberDisplay {font-size:12px;}
