@import url(/css/themes/default/generic.css);

body {
	font-size:1em;
	/* font-family:DINNextLTProLight, arial, verdana, sans-serif; */
	color:#222;
	background: #fff;
}  

#page {
	overflow:hidden;
}

/* default col container */
#main {
	position: relative;
	padding:30px 30px 20px 30px;
	
}

#content_col {
	border: 1px solid #222;
	overflow: hidden;
}

#header {
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
}

#aside #header h1 a {
	background:none;
}

#wrapper {
	overflow:hidden;
}

#nav {
	overflow:hidden;
	position:relative;
	margin-bottom: 5px;
}

#aside {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	overflow: hidden;
}

body.hide_navi_line #aside {
    border: none;
}

#section {
	position:relative;
}

.sectioninner {
	
}

#footer {
	overflow:hidden;
	text-align:center;
	margin-bottom:40px;
}

/* spalten werden als % angegeben, damit wir die groestmoegliche freiheit haben */

/* default inner padding */
.inner{
	padding:0 10px 0 10px;
}

.text_teaser {
	margin-left:10px;
	margin-right:10px;
}

.text_teaser.inner {
	padding:20px;
	text-align:center;
	font-size:2.5em;
	background:#eee;
}

/* default col */
.col {
	float:left;
/*	margin-bottom:20px; */
	/* background:#ccc; */
}

.col_right {
	float:right;
	margin-bottom:20px;
	/* background:#ccc; */
}

/* parent col */
.col.parent .col,
.col .col.no_margin {
	margin-bottom:0;	
}

.col .teaser_image {
	width:100%;
	margin-bottom:10px;
}

/* last element */
.col.end {
	margin-bottom:0;
}

/* col width */
.col_10 { width:10%; }
.col_15 { width:15%; }
.col_20 { width:20%; }
.col_25 { width:25%; }
.col_30 { width:30%; }
.col_35 { width:35%; }
.col_40 { width:40%; }
.col_45 { width:45%; }
.col_50 { width:50%; }
.col_55 { width:55%; }
.col_60 { width:60%; }
.col_65 { width:65%; }
.col_70 { width:70%; }
.col_75 { width:75%; }
.col_80 { width:80%; }
.col_85 { width:85%; }
.col_90 { width:90%; }
.col_95 { width:95%; }
.col_100 { width:100%; }

.col_33 { width:33.333%; }
.col_66 { width:66.666%; }
.col_66_margin { margin-left:33.333%; }


.col_50_margin { margin-left:25%; margin-right:25%; }
.col_60_margin { margin-left:20%; margin-right:20%; }
.col_75_margin { margin-left:25%; }

/* horizontal list */
.x ul li { float:left; }


/* end layout 
****************************************************************************/

/* generic 
****************************************************************************/

a {
	
}

.show { display:block; }
.hide { display:none; }
.txt_left { text-align:left; }
.txt_right { text-align:right; }
.txt_center { text-align:center; }
.float_left { float:left; }
.float_right { float:right; }
.clear { overflow:hidden; }
.pos_rel { position:relative; }
.pos_abs { position:absolute; }
.test_border { border:1px solid red; }
ul { list-style:none; }


/* image button */
/* ohne round corners
.image_btn {
	background:url(../images/sprite_button_left.png) top left no-repeat;
	padding-left:4px;
	margin-right:10px;
} 

.image_btn.last {
	margin-right: 0;	
}

.image_btn a{
	background:url(../images/sprite_button_pattern.png) top right no-repeat;
	display:block;
	padding:4px 10px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
}

.image_btn:hover {
	background-position: bottom left;	
} 

.image_btn a:hover {
	background-position: bottom right;	
} 
*/


.image_btn {
	margin-right:10px;
} 

.image_btn.last {
	margin-right: 0;	
}

.image_btn a{
	display:block;
	padding:4px 10px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.02, rgb(55,189,189)),
	    color-stop(0.51, rgb(63,137,140))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(55,189,189) 2%,
	    rgb(63,137,140) 51%
	);

	
}

.image_btn a:hover {
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.02, rgb(44,163,163)),
    color-stop(0.51, rgb(46,100,102))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(44,163,163) 2%,
    rgb(46,100,102) 51%
);



} 

.lightgrey_bg {
	background:#F5F5F5;
}

.right_headline_col {
	float:right;
	text-align: right;
	margin:20px 20px 0 20px;
	font-size:13px;
	font-family: arial, verdana;
}

.right_headline_col a {
	color:#000;
	text-decoration:none;
}

.right_headline_col a:hover {
	color:#777;
}

.pointer {
	cursor:pointer;
}
/* end generic 
****************************************************************************/

#logobox {
	
}



.photolist {
	margin-bottom:20px;
}

.photolist li a img {
	display:block;
}

.stackedlayout_photo_title {
	margin-top:5px;
}

.photolist li.last {
	margin:0 50px 5px 0;
}

.photolist.stackedlayout li {
	margin-right: 10px;
	margin-bottom: 20px;
}

.photolist h3 {
/*	font-size:12px; */
	font-weight:normal;	
}

.titlebox {
	/*
	height:130px;
	float:left;
	padding:10px;
	background:#ccc;
	text-shadow: 1px 1px 0px #fff;
	color:#999;
	*/
}

.titlebox h3 {
	margin-bottom:5px;
}

/* category */

.categoryname,
.page_headline,
.photographer_name {
	font-size:32px;
	font-weight:normal;
	margin-bottom:19px;
	color:#777;
	padding-bottom:15px;
}

.categories_navi_top {
	border-bottom: 1px solid #999;
	padding:19px 0 14px 0;
	margin-bottom:23px;
}

.categories_navi_top li {
	margin:0 5px 0 0;
}

.categories_navi_top a {
	color:#333;
	text-decoration:none;
/*	background:#605F5F; */
	font-family:arial;
}

.categories_navi_top a.active {
	color:#000;
/*	background:#f22fdd; */
	font-weight:bold;
}

.categories_navi_top a:hover {
	color:#000;	
}

.categories_image_navi img {
	height:200px;
	display:block;
}

.categories_image_navi li {
	margin:0 5px 5px 0;
}

/* pages */

/* photographers */


.txtRight {
	text-align:right;
}

/* youtube */

.youtubeplayer_box {
	float:left; 
	margin:0 20px 20px 0; 
	width:420px;
}

.youtubeplayer_box .title {
	font-size: 11px;
	height:30px;	
}

#kontaktform_submit {
	color: #fff;
}

.theme_album_headline {
	text-align: left;
	margin-top: 5px;
}

ul.storylayout li {
	margin: 0 10px 20px 0;
	overflow: hidden;
}

ul.storylayout li h3 {
	margin: 0;
	text-align: left;
	position: absolute;
    width: 900px;
}

ul.storylayout li.last {
	margin: 0 50px 20px 0;
}