/* login style */
#loginMainContent {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 400px;
	margin-left: -206px;
	margin-top: -200px;
	padding: 10px;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #58A8EC;; 
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	border: solid 0px;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}


.loginBoxes {
	width: 400px; 
	height: 40px;
	vertical-align: middle;
}

.textbox {
	font-size: 16px;
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px; 
	width:96%; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	font-size:18px;
}

.userName {
	font-size:20px; 
	margin-top:5px;
	margin-bottom:5px;
}

.loginButton {
	width:100%; 
	height:35px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	font-size:18px;
	margin-top:20px;
	margin-bottom:5px;
	background-color: #238CE5;
	border: solid 1px;
	border-color: rgba(0, 0, 0, 0.45);
	color: #ffffff;
}

.forgotPassword {
	color: #ffffff;
}

.forgotPassword:hover {
	color: #d9d9d9;
}

/* register style */
#registerMainContent {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 440px;
	margin-left: -206px;
	margin-top: -250px;
	padding: 10px;
	background-color: #7DB5F5; 
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	border: solid 1px;
}

.registerHeader {
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 10px;
}

.registerBoxes {
	width: 420px; 
	height: 40px;
	vertical-align: middle;
}

/* main page of user */
#userMainContent {
	position: absolute;
	left: 15%;
	top: 5%;
	width: 70%;
	/*padding: 10px;*/
	background-color: #7DB5F5; 
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	border: solid 0px;
	border-radius: 20px;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}

.welcomText {
	/*width: 400px; 
	height: 40px;*/
	margin: 0px 5px;
	vertical-align: middle;
}

.list_main_menu {
    display: inline-block;
 list-style: none;
 margin: 0px 5px;
 padding: 0px 0px;
 position: relative;
 font-size: 16px;
}

.list_main_menu a {
	color: #FFFFFF;
	background-color: #0F0FF2;
	padding: 5px 15px;
 	text-decoration: none;
}

.list_main_menu a:hover {
	color: #0F0FF2;
	background-color: #FFFFFF;
 	text-decoration: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    margin-top: 5px;
    padding: 0px;
    background-color: #0F0FF2;
}

.dropdown-content li {
    list-style: none;
    margin: 0px 0px;
    padding: 5px 6px;
    background-color: #0F0FF2;
}

.dropdown-content li:hover {
        color: #0F0FF2;
        background-color: #FFFFFF;
}

.dropdown-content li a {
background-color: #0F0FF2;
}

.dropdown-content li a:hover {
	background-color: #FFFFFF;
}

.dropdown-content li a span:hover {
    color: #0F0FF2;
	background-color: #FFFFFF;
}

.list_main_menu:hover .dropdown-content {
    display: block;
}

/* fild upload style */
#formcontainer {
	padding-top: 5px; 
}

#uploadStart {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px; 
}

/* finish page (after save)*/
.page_button_right {
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}
.page_button_right a {
	color: #FFFFFF;
	background-color: #0F0FF2;
	padding: 5px 15px;
 	text-decoration: none;
}

.page_button_right a:hover {
	color: #0F0FF2;
	background-color: #FFFFFF;
 	text-decoration: none;
}

.page_button_left {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.page_button_left a {
	color: #FFFFFF;
	background-color: #0F0FF2;
	padding: 5px 15px;
 	text-decoration: none;
}

.page_button_left a:hover {
	color: #0F0FF2;
	background-color: #FFFFFF;
 	text-decoration: none;
}

.page_button_add_image {
	float: left;
}
.page_button_add_image a {
	color: #FFFFFF;
	background-color: #0F0FF2;
	padding: 5px 15px;
 	text-decoration: none;
}

.page_button_add_image a:hover {
	color: #0F0FF2;
	background-color: #FFFFFF;
 	text-decoration: none;
}

.page_button_center {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.page_button_center a {
	color: #FFFFFF;
	background-color: #0F0FF2;
	padding: 5px 15px;
 	text-decoration: none;
}

.page_button_center a:hover {
	color: #0F0FF2;
	background-color: #FFFFFF;
 	text-decoration: none;
}

.user_choose {
	display: inline-block;
	padding-top: 15px;
}

.button_new {
	/*background-image: url(http://localhost/kanu_spb_php/cms/icons/Add_New_white.png);*/
        background-image: url(http://www.kanu-spremberg.de/cms/icons/Add_New_white.png);
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.button_new_hover {
	background-image: url(http://www.kanu-spremberg.de/cms/icons/Add_New_blue.png); 
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.button_myData {
	background-image: url(http://www.kanu-spremberg.de/cms/icons/User_white.png); 
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.button_myData_hover {
	background-image: url(http://www.kanu-spremberg.de/cms/icons/User_blue.png); 
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.button_banner {
	background-image: url(http://www.kanu-spremberg.de/cms/icons/Banner_white.png); 
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.button_banner_hover {
	background-image: url(http://www.kanu-spremberg.de/cms/icons/Banner_blue.png); 
	height:24px; 
	width:24px; 
	position: relative; 
	display: inline-block; 
	vertical-align: text-bottom;
}

.myData_image_info {
    font-size: 14px;
    padding-left: 2px;
	color: #ffffff;
}

.newEventMainRow {
    width: 100%; 
    display: table; 
    table-layout: fixed;
}

.newEventLeftColumn {
    float: left; 
    width: 40%;
    margin: 10px 0px;
}

.newEventLeftColumnContent {
    margin-right: 5px;
}

.newEventRightColumn {
    width: 60%; 
    float: right
}

.form-control {
    display: block;
    width: 40%;
    height: 24px;
    padding: 6px 14px;
    font-size: 16px;
    line-height: 1.42857;
    color: #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #F00;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.form-control-normal {
    border: 1px solid #DDD;
}

.form-control-dropDown {
    display: block;
    width: 44%;
    height: 42px;
    padding: 6px 14px;
    font-size: 16px;
    line-height: 1.42857;
    color: #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #F00;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    float: left;
}

.form-control-dropDown-normal {
    display: block;
    width: 44%;
    height: 42px;
    padding: 6px 14px;
    font-size: 16px;
    line-height: 1.42857;
    color: #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    float: left;
    margin-top: 5px;
}

.form-control-timespan {
    width: 15%;
    height: 24px;
    padding: 6px 14px;
    font-size: 16px;
    line-height: 1.42857;
    color: #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #F00;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.form-control-timespan-normal{
    border: 1px solid #DDD;
}

/* Modal Dialog Box Style */
#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:0px;
	width:550px;
	z-index: 10;
}
/* zeichent einen Ramen um den Dialog */
#dialogbox > div{ background:#FFF; margin:4px; }
#dialogbox > div > #dialogboxhead{ background: #139ff7; font-size:19px; padding:10px; color:#FFF; }
#dialogbox > div > #dialogboxbody{ background:#7DB5F5; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxbodyUpload{ background:#7DB5F5; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #139ff7; padding:10px; text-align:right; }

/*Sort list*/
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 11em}
  .highlight { background-color: #DDD; }
  .default { background-color: #528DD1; }
/* for mobile */
@media screen and (max-width: 1300px) {
#userMainContent {
	position: absolute;
	left: 5%;
	top: 5%;
	width: 90%;
	/*padding: 10px;*/
	background-color: #7DB5F5; 
	font-family: Open Sans,lucida grande,Segoe UI,arial,verdana,lucida sans unicode,tahoma,sans-serif;
	border: solid 1px;
}
}

@media screen and (max-width: 1440px) {
}

.cmsGlyphonLink {
	margin: 2px;
	position: relative;
	display: inline-block;
	font-size: 18px;	
	margin: 2px;
}

.myDataContent {
	font-size: 16px;
}