body
{
  margin: 0;
  padding: 0;
  background: #262626 url('/img/background_blue.gif') repeat-x left top;
  font-size: 12px;
  line-height: 18px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
  color: #eee;
}


*
{
  line-height: 18px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
}


a
{
  text-decoration: none;
  outline: none; 
  -moz-outline-style: none; 
}

a img
{
  border: none;
}

a.like
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
  opacity: .5;
}

a.like:hover
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
  opacity: 1;
}



b, strong
{
  font-weight: bold;
  color: #fff;
}


h1, h2, h3, h4, h5, h6, h7, h8
{
  padding: 0;
  font-weight: 100;
  color: #fff;

}

h1
{
  font-size: 3em;
  margin: 0 0 20px 0;
}

h2
{
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 10px 0;
}

h3
{
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 0 0;
}

h4
{
  font-size: 1.25em;
  margin: 0 0 0 0;
}





dl
{
}

dl dt
{
  font-weight: bold;
}

dl dd
{
  margin: 0 0 20px 0;
}





#center
{
  width: 1000px;
  margin: 0 auto 0 auto;
}





#header
{
  position: relative;
  height: 80px;
}

#header #logo
{
  margin: 3px 0 0 -16px;
  width: 236px;
  height: 42px;
  text-align: center;
  background: url('/img/background_blue_logo.png') no-repeat left top;
}

#header #beta
{
  position: absolute;
  left: 160px;
  top: 15px;
}

#header #logo img
{
  margin: 5px 0 0 0;
}

#header #meta
{
  position: absolute;
  top: 0;
  line-height: 0.5em !important;
  right: 6px;
  width: 200px;
  height: 38px;
  text-align: center;
  background: url('/img/background_blue_meta.png') no-repeat left top;
}

#header #meta a
{
  color: #fff !important;
  font-weight: bold;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
  opacity: .5;
}

#header #meta a:hover
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
  opacity: 1;
}

#header #flasharea
{
  position: absolute;
  top: -1px;
  left: 250px;
  width: 547px;
}

#header #flasharea #ie6warning
{
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #0066ff;
	background: #000033 url('/img/background_flash.png') repeat-x left top;
	color: #0066ff;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

#header #flasharea #error
{
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #0066ff;
	background: #330000 url('/img/background_flash.png') repeat-x left top;
	color: #ff0000;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

#header #flasharea #notice
{
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #0066ff;
	background: #003300 url('/img/background_flash.png') repeat-x left top;
	color: #00ff00;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}





#main
{
}





#navi
{
  margin: 0 0 0 0;
  width: 210px;
  float: left;
}

#navi .section
{
  background: url('/img/background_navi.png') no-repeat left top;
  padding: 20px 20px 40px 20px;
  margin: 0 0 -20px 0;
}

#navi .section ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi .section ul *
{
  color: #999;
}

#navi .section ul li a
{
  display: block;
}

#navi .section a:hover, #navi .section label:hover
{
  color: #0066ff;
}

#navi .section strong
{
  color: #fff !important;
}

#navi label
{
  display: block;
  padding: 0;
}

#navi input[type='checkbox']
{
  margin: 0 10px 0 0;
  background:  #222;
	border: 1px solid #111;
	color: #fff;
}

#navi input[type="text"]
{
  background:  #222;
	border: 1px solid #111;
	color: #fff;
	padding: 2px 5px;
	width: 160px;
}

#navi input[type="submit"]
{
  float: right;
  background:  #222;
	border: 1px solid #111;
	color: #fff;
	padding: 2px 5px;
  font-weight: bold;
}

#navi .trennerd
{
  margin: -5px 0 10px 0 !important;
}

#navi .litrenner
{
  overflow: hidden;
  height: 5px;
}





#contents
{
  float: left;
  margin: 10px 0 0 30px;
  width: 760px;
}

#contents .block
{
  margin: -40px -20px;
  padding: 30px;
  background: url('/img/schatten.png') no-repeat left top;
}

#contents .block .box
{
  background: #000;
  padding: 20px;
  margin: 0 0 20px 0;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

#contents .block .introbox
{
  position:relative
}

#contents .block .introbox .leftsmallrow,
#contents .block .introbox .rightwiderow
{
  height: 600px; 
  overflow:hidden; 
}

#contents .block .introbox .unterforen
{
  display: none;
}

.introboxfader
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 60px;
  background: transparent url('/img/introbox_fader.png') repeat-x left top;
}

#contents .block .introbox .introboxfader
{
  bottom: 20px;
}

.introboxfaderlink
{
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 2px 15px;
  color: #0066ff;
  text-shadow: 1px 1px 2px #000;
  border: 1px solid #036;
  font-weight: bold;
  background: #036 url('/img/introbox_fader.png') repeat-x left top;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.introboxfaderlink:hover
{
  color: #fff !important;
  background-color: #0066ff;
}





.gred .box
{
  background: #900 url('/img/bg_grunge_red.jpg') repeat-x left top !important;
  border: 1px solid #900;
}

.box hr
{
  border: none;
  border-bottom: 1px dotted #666;
}

.gred a
{
  font-weight: bold;
  color: #fff !important;
  background: #900;
  padding: 2px 4px;
}

#contents em
{
  color: #ccc;
}

#contents a
{
  color: #0066ff;
}


.towcolums
{
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none;
}

.towcolums li
{
  float: left;
  width: 50%;
  padding: 0;
  margin: 0 0 20px 0;
}

.towcolums li.payed
{
  padding: 5px 0;
}


.towcolums li.payed *
{
  color: #fdb;
}

.towcolums li *
{
  margin: 0 0 0 20px;
  padding: 0;
}

.towcolums li .icon
{
  display: block;
  border: 1px solid #333;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: right;
  margin: 0 0 20px 20px;
}


.topicline
{
  clear: both;
}


.leftsmallrow
{
  float: left;
  width: 217px;
}

.rightwiderow
{
  float: left;
  width: 440px;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  border-left: 1px dotted #404040;
}

form .rightwiderow
{
  width: 400px;
}

input, 
textarea, 
select
{
  background:  #222;
	border: 1px solid #666;
	color: #fff;
	padding: 2px 5px;
  font-size: 12px;
  line-height: 18px; 
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	
}

.leftsmallrow  input[type='text'], .leftsmallrow textarea
{
  width: 200px;
}


.leftrow
{
  float: left;
  width: 320px;
}

.rightrow
{
  margin: 0 0 0 340px;
  width: 330px;
  border-left: 1px dotted #404040;
  padding: 0 0 0 20px;
}




.file
{
  background:  #111;
	border: 1px solid #222;
	color: #fff;
	padding: 2px 5px;
}

#user_avatar, .file
{
  background:  #111;
	border: 1px solid #222;
	color: #fff;
	padding: 2px 5px !important;
	width: 450px;

}







#contents label
{
	display: block;
	margin: 0 0 15px 0;
}

#errorExplanation
{
  border: 1px solid #900;
  background: #100;
  padding: 15px;
  margin: 0 0 25px 0;
}

#errorExplanation ul
{
  list-style: square;
  margin: 0 0 0 15px;
  padding: 0;
}

#contents label b, 
#contents label strong, 
#contents .fieldWithErrors b, 
#contents .fieldWithErrors strong, 
.labeldate b
{
	float: left;
	width: 150px;
	text-align: right;
	margin: 0 25px 0 0;
}

#contents label input[type="text"], 
#contents label input[type="password"], 
#contents label textarea, 
#contents label file, 
#contents label select
{
	padding: 2px 5px 5px 5px;
	width: 450px;
}

#contents label.datum select
{
  width: auto !important;
}


#contents .rightwiderow label input[type="text"], #contents .rightwiderow label input[type="password"], #contents .rightwiderow label textarea, #contents .rightwiderow label file, #contents .rightwiderow label select
{
	width: 210px;
}

#contents label input[type="text"]:focus, #contents label input[type="password"]:focus, #contents label textarea:focus, #contents label file:focus, #contents label select:focus
{
	border: 1px solid #999;
	background: #333;
}

#contents label input[type="submit"]
{
  font-weight: bold;
	margin: 0 0 0 175px;
	padding: 2px 15px;
}

.labelinfo
{
  margin: 0 0 0 175px;
}

.labeldate select
{
	padding: 2px 5px;
	margin: 0 10px 0 0;
}










.teaser,
.teaser p
{
  font-weight: bold;
  color: #666;
}









#map
{
  border: 1px solid #fff;
}

#map *
{
  color: #000;
  font-size: 1em;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

#map .gmh
{
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}












/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url('/img/black_arrow_big.png') no-repeat left top; 
    height:163px; 
    padding:30px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 

.tooltip h2
{
  margin: 0;
  padding: 0;
}

.tooltip ul
{
  list-style: square !important;
  margin: 0 0 0 15px !important; 
}

.tooltip ul li
{
  color: #aaa;
}

.tooltip ul li:hover
{
  color: #fff;
}

#popfreitextinfo
{
  padding-top:20px; 
  z-index: 99 !important;
  background:url('/img/black_arrow_big_left.png');     
}

#popvorlieben
{
  display: block;
}

#popvorliebeninfo
{
  margin: -10px 0 0 -45px;
  padding-top:20px; 
  z-index: 99 !important;
  background:url('/img/black_arrow_big_left.png');     
  overflow: hidden;
}

.css1 { color: #999 !important; font-size: 1.0em; }
.css2 { color: #bbb !important; font-size: 1.2em; }
.css3 { color: #ddd !important; font-size: 1.4em; }
.css4 { color: #fff !important; font-size: 1.6em; }

.css1:hover { color: #0066ff !important; }
.css2:hover { color: #0066ff !important; }
.css3:hover { color: #0066ff !important; }
.css4:hover { color: #0066ff !important; }


.bottom { 
    background:url('/img/black_arrow_big.png');     
    padding-top:30px; 
    height:163px; 
} 
 
.bottom { 
    background:url('/img/black_arrow_big_bottom.png'); 
}
















.fieldWithErrors input, 
.fieldWithErrors password, 
.fieldWithErrors textarea
{
 	border: 1px solid #300 !important;
	color: #f00 !important;
	background: #100  !important;
}










.userline
{
  float: left;
  width: 210px;
  height: 80px;
  margin: 0 15px 15px 0;
}

.userline div
{
  margin-bottom: 15px;
}

.icon
{
  float: left;
  width: 50px;
  height: 50px;
	margin: 0 0 5px 0;
}

.thm
{
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 2px 2px 0;
  padding: 0;
  overflow: hidden;
}

.text
{
  margin: 0 0 5px 65px;
}








.forumline
{
  margin: 0 0 25px 0;
}

.forumline a
{
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  display: block;
  padding: 2px 10px;
  margin: 0 0 10px 0;
  background: #111;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.forumline .foruminfo
{
  float: right;
  background: #111;
  padding: 20px 10px 10px 10px;
  margin: -20px 0 10px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.forumline p
{
  margin: 0 10px 15px 10px;
}

.answerline p, 
.forumtopicline p,
.forumtopicline h3
{
  margin: 0;
  padding: 0;
}

.sticky
{
  background: #000 url('/img/bg_grunge_red.jpg') repeat-x right bottom !important;
  border: 1px solid #600;
  padding: 15px;
  margin: 0 0 15px 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.answerline
{
  border-top: 1px dotted #ccc;
  padding: 10px 0 0 0;
  margin: 10px 0;
  min-height: 50px;
}

#answerformular
{
  background:#444; 
  padding: 15px 0;
  border: 1px solid #111;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#answerformular textarea
{
  background: #111;
  border: 1px solid #222;
}


.userforumline
{
  width: 350px;
  float: left;
  margin: 0 0 15px 0;
}

.userforumline .userline
{
  width: 350px;
  height: 60px;
  margin: 0 0 0 0;
}
.userforumline .userline .icon,
.userforumline .userline .text
{
  margin-bottom: 0;
}

.userforumlinedetails
{
  clear: both;
  margin: 0 0 0 65px;
}




.trenner
{
  clear: both;
  height: 1px;
  overflow: hidden;
}

.trennerd
{
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  clear: left;
  overflow: hidden;
  border-bottom: 1px dotted #404040; 
}

.grey
{
  color: #666 !important;
}

.grey strong
{
  color: #999;
}

.red
{
  color: #900;
}

.photoline, .topicline
{
  padding: 15px 0 0 0;
  margin: -15px 0 0 0;
}

.photoline:hover, .topicline:hover
{
  background: #222;
}

.introtext
{
  padding: 15px;
  margin: 0 0 15px 0;
	border: 1px solid #0066ff;
	background: #000033;
	color: #99f;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
}

.introtext strong
{
	color: #36f;
}



.likethis
{
}

.likeitem
{
  float: left;
  width: 325px;
  margin: 0 25px 25px 0;
}

.likeittitle
{
  font-size: 2em;
  border-bottom: 1px dotted #ccc;
  padding: 5px 15px;
  margin: 0 0 15px 0;
  text-align: right;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}









.pagination
{
	clear: both;
	margin: 15px 0 0 0;
	text-align: center;
}

.pagination *
{
	border: 1px solid #666;
	padding: 3px 6px;
	color: #666;
	background: #111;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight: bold;
}

.pagination a:hover
{
	color: #fff !important;
	background: #333;
}

.pagination .current
{
	color: #fff;
	border-color: #fff;
	background: #111;
}

.pagination .disabled
{
	color: #333;
	border-color: #333;
	background: #111;
}






















/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	text-align:center;	
	text-decoration:none;
	color:#999 !important;
	padding: 5px 16px 4px 16px;
	margin:0 5px 0 5px;	
	height:20px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff !important;
	background: #000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	font-weight: bold;
	color:#fff !important;
	background: #000;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}








.blogline
{
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px dotted #404040;
}

.blogline h3
{
  margin: 0;
  padding: 0;
}

.blogline p
{
  margin: 15px 0 0 0;
}









/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 698px;
	height:98px;

	/* custom decorations */
	border:1px solid #666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:url('/img/gradient_h300.png') repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items, #recentgalleries .items, #recentmembers .items
{
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin: 0 1px 0 0;
	padding: 0;
	cursor:pointer;
}


/* active item */
.scrollable .active 
{
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

pre
{
  font-family: "Courier New", Courier, Monaco, monospace;
  background: #111;
  padding: 5px;
  border: 1px solid #666;
  color: #666;
  font-weight: normal;
}


#actions
{
  border-bottom: 1px dotted #404040;
  width: 100%;
  height: 25px;
  margin: 0 0 15px 0;
}

#actions .prevPage
{
  float: left;
}

#actions .nextPage
{
  float: right;
}



#recentgalleries
{
	position:relative;
	overflow:hidden;

  height: 400px;

	border: none;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	background: none;
}

#recentgalleries .galline
{
	overflow:hidden;
  height: 200px;
  border-bottom: 1px dotted #404040;
  padding: 0 0 0 0;
  margin: 15px 0 0 0;
}

#recentgalleries .galline .rightwiderow, #recentgalleries .galline .leftsmallrow
{
  height: 185px;
  overflow: hidden;
}



#galleries .galline
{
  clear: both;
  padding: 15px;
}

#galleries .galline .image
{
  float: left;
  width: 135px;
  margin: 0 15px 0 0;
  text-align: center;
  overflow: hidden;
}


#videos .galline
{
  clear: both;
  padding: 0 0 15px 0;
}


#recentmembers
{
  height: 80px;
}

#recentmembers .userline
{
  width: 150px;  
  margin: 15px 0 0 15px;
}


#imagewrapper
{
  position: relative;
}

#imagewrapper .imagebox
{
  position: relative;
  float: left;
  margin: 0 0 15px 10px;
  border: 3px solid #111;
  width: 217px;
  overflow: hidden;
}

#imagewrapper .imagebox:hover
{
  border: 3px solid #fff;
}

#imagewrapper .imagebox .heartline
{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 207px;
  padding: 5px 5px 5px 15px;
  background: #333;
  font-size: 9px;
  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
  opacity: .25;
}

#imagewrapper .imagebox .heartline:hover
{	
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
  opacity: 1;
}

#imagewrapper .imagebox .heartline .likethis
{
  float: left;
  margin: 0 15px 0 0;
}






#features, #leistung
{
  border-collapse: collapse;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

#features td, #leistung td
{
  text-align: center;
  vertical-align: top;
  color: #999;
  padding: 2px 15px;
  border-bottom: 1px dotted #333;
  border-right: 1px dotted #333;
}

#features td
{
  white-space: nowrap; 
}

#leistung td
{
  text-align: left;
}

td.x
{
  background: url('/img/icons/tick.png') no-repeat center center;
}

td.o
{
  background: url('/img/icons/cross.png') no-repeat center center;
}

td.x span, td.o span
{
  display: none;
}

#features th, #leistung th
{
  padding: 5px 15px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
	background: url('/img/gradient_h300.png') repeat-x left -160px;
}
#features th span, #leistung th span
{
  display: block;
}

#features tr:hover td, #features tr:hover th, #leistung tr:hover td, #leistung tr:hover th
{
  color: #fff;
  background-color: #1a1a1a;
}










#boardlist
{
}

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

#boardlist ul ul
{
  margin: 0 0 0 25px;
}

#boardlist ul li
{
  margin: 10px 0;
}

.boardlistline
{
  border: 1px solid #000;
  padding: 5px 5px 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.boardlistline h3
{
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  display: block;
  padding: 5px 10px;
  margin: 0 0 0 0;
  background: #111;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.boardlistline p
{
  margin: 0 0 15px 10px;
  color: #999;
  
}

.boardlistline:hover
{
  background: #222;
  border: 1px solid #666;
}

.unterforen
{
  width: 200px;
  float: right;
  padding: 15px;
  margin: 0 0 15px 15px;
  border: 1px dotted #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.unterforen
{
  border: none;
  background: #111;
}

.unterforen a
{ 
  display: block;
}

.unterforen a:hover
{
  color: #fff !important;
}















#footer
{
  color: #444;
  padding: 0 20px 50px 20px;
  text-align: left;
  text-shadow: 1px 1px 1px #111;
  font-weight: bold;
}

#footer a
{
  color: #444;
  text-shadow: 1px 1px 1px #111;
}

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






dl.userdata
{
}

dl.userdata dt
{
  float: left;
  text-align: right;
  width: 150px;
}

dl.userdata dd
{
  margin: 0 0 0 165px;
  padding: 0 0 15px 0;
}

dl.userdata p
{
  padding: 0;
  margin: 0;
}









.add
{
  padding: 5px 10px 5px 35px;
  margin: 0 15px 15px 0;
  background: #010 url('/img/icons/pencil_add.png') no-repeat 5px 5px;
  font-weight: bold;
  color: #9f9 !important;
  border: 1px solid #030;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input.add,
input.edit
{
  width: 150px;
  padding-left: 50px;
}

.add:hover
{
  background-color: #030;
  border: 1px solid #090;
  color: #fff !important;
}


.edit
{
  padding: 5px 10px 5px 35px;
  margin: 0 15px 15px 0;
  background: #010 url('/img/icons/pencil.png') no-repeat 5px 5px;
  font-weight: bold;
  color: #9f9 !important;
  border: 1px solid #030;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.edit:hover
{
  background-color: #030;
  border: 1px solid #090;
  color: #fff !important;
}

.delete
{
  padding: 5px 10px 5px 35px;
  margin: 0 15px 15px 0;
  background: #100 url('/img/icons/pencil_delete.png') no-repeat 5px 5px;
  font-weight: bold;
  color: #f99 !important;
  border: 1px solid #300;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.delete:hover
{
  background-color: #300;
  border: 1px solid #900;
  color: #fff !important;
}

.show,
.showall
{
  padding: 5px 10px 5px 35px;
  margin: 0 15px 15px 0;
  background: #001 url('/img/icons/binocular.png') no-repeat 5px 5px;
  font-weight: bold;
  color: #0066ff !important;
  border: 1px solid #0066ff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.show:hover,
.showall:hover
{
  background-color: #003;
  border: 1px solid #0066ff;
  color: #0066ff !important;
}










.close
{
  padding: 5px 10px 5px 35px;
  margin: 0 15px 15px 0;
  background: #111 url('/img/icons/asterisk.png') no-repeat 5px 5px;
  font-weight: bold;
  color: #999 !important;
  border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.close:hover
{
  background-color: #333;
  border: 1px solid #999;
  color: #fff !important;
}

.fxicon
{
  float: left;
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
}



.small
{
  font-weight: 100;
  font-size: 0.8em;
  color: #666;
}

.smaller
{
  font-weight: 100;
  font-size: 0.5em;
  color: #666;
}


.button
{
  display: block;
  padding: 5px 15px;
  background: #111;
  border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-weight: bold;
}


.button:hover
{
  border: 1px solid #666;
  color: #fff !important;
}


.left
{
  float: left;
}

.right
{
  float: right;
}






#promo
{
  width: 715px  !important;
}


.promo
{
  position: relative;
  float: left;
  display: block;
	overflow: hidden;
  background: #333;
  border: mone;
	margin: 0 15px 15px 0;
  border: none;
}

.promo .nr
{
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  padding: 10px;
}

.promo .bu
{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  background: rgba(0, 0, 0, 0.75);
}

/* GS - Quadrat */
.promotype1 
{
  width: 335px;
  height: 335px;
}

/* GS - Hoch */
.promotype2
{
  width: 160px;
  height: 685px;
}

/* GS - quer */
.promotype3
{
  width: 685px;
  height: 160px;
}

/* HS - Hoch */
.promotype4
{
  width: 160px;
  height: 335px;
}

/* HS - Quer */
.promotype5
{
  width: 335px;
  height: 160px;
}

/* viertel - Quadrat */
.promotype6
{
  width: 160px;
  height: 160px;
}